-
立即注册
+
+ 立即注册
@@ -68,24 +85,24 @@
import { getCodeImg } from "@/api/login";
import Cookies from "js-cookie";
import { encrypt, decrypt } from "@/utils/jsencrypt";
-import useUserStore from '@/store/modules/user'
+import useUserStore from "@/store/modules/user";
-const userStore = useUserStore()
+const userStore = useUserStore();
const router = useRouter();
const { proxy } = getCurrentInstance();
const loginForm = ref({
- username: "admin",
- password: "admin123",
+ username: "user01",
+ password: "123456",
rememberMe: false,
code: "",
- uuid: ""
+ uuid: "",
});
const loginRules = {
username: [{ required: true, trigger: "blur", message: "请输入您的账号" }],
password: [{ required: true, trigger: "blur", message: "请输入您的密码" }],
- code: [{ required: true, trigger: "change", message: "请输入验证码" }]
+ code: [{ required: true, trigger: "change", message: "请输入验证码" }],
};
const codeUrl = ref("");
@@ -97,13 +114,15 @@ const register = ref(false);
const redirect = ref(undefined);
function handleLogin() {
- proxy.$refs.loginRef.validate(valid => {
+ proxy.$refs.loginRef.validate((valid) => {
if (valid) {
loading.value = true;
// 勾选了需要记住密码设置在 cookie 中设置记住用户名和密码
if (loginForm.value.rememberMe) {
Cookies.set("username", loginForm.value.username, { expires: 30 });
- Cookies.set("password", encrypt(loginForm.value.password), { expires: 30 });
+ Cookies.set("password", encrypt(loginForm.value.password), {
+ expires: 30,
+ });
Cookies.set("rememberMe", loginForm.value.rememberMe, { expires: 30 });
} else {
// 否则移除
@@ -112,22 +131,26 @@ function handleLogin() {
Cookies.remove("rememberMe");
}
// 调用action的登录方法
- userStore.login(loginForm.value).then(() => {
- router.push({ path: redirect.value || "/" });
- }).catch(() => {
- loading.value = false;
- // 重新获取验证码
- if (captchaEnabled.value) {
- getCode();
- }
- });
+ userStore
+ .login(loginForm.value)
+ .then(() => {
+ router.push({ path: redirect.value || "/" });
+ })
+ .catch(() => {
+ loading.value = false;
+ // 重新获取验证码
+ if (captchaEnabled.value) {
+ getCode();
+ }
+ });
}
});
}
function getCode() {
- getCodeImg().then(res => {
- captchaEnabled.value = res.captchaEnabled === undefined ? true : res.captchaEnabled;
+ getCodeImg().then((res) => {
+ captchaEnabled.value =
+ res.captchaEnabled === undefined ? true : res.captchaEnabled;
if (captchaEnabled.value) {
codeUrl.value = "data:image/gif;base64," + res.img;
loginForm.value.uuid = res.uuid;
@@ -141,8 +164,9 @@ function getCookie() {
const rememberMe = Cookies.get("rememberMe");
loginForm.value = {
username: username === undefined ? loginForm.value.username : username,
- password: password === undefined ? loginForm.value.password : decrypt(password),
- rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
+ password:
+ password === undefined ? loginForm.value.password : decrypt(password),
+ rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
};
}
@@ -150,7 +174,7 @@ getCode();
getCookie();
-
diff --git a/src/views/monitoring/station/components/boxPlot - 副本.vue b/src/views/monitoring/station/components/boxPlot - 副本.vue
new file mode 100644
index 0000000..811fa4e
--- /dev/null
+++ b/src/views/monitoring/station/components/boxPlot - 副本.vue
@@ -0,0 +1,154 @@
+
+
+
+
+
diff --git a/src/views/monitoring/station/components/charts.vue b/src/views/monitoring/station/components/charts.vue
new file mode 100644
index 0000000..5f004bc
--- /dev/null
+++ b/src/views/monitoring/station/components/charts.vue
@@ -0,0 +1,142 @@
+
+
+
+
+
diff --git a/src/views/monitoring/station/components/header.vue b/src/views/monitoring/station/components/header.vue
new file mode 100644
index 0000000..20154b5
--- /dev/null
+++ b/src/views/monitoring/station/components/header.vue
@@ -0,0 +1,377 @@
+
+
+
+
+
+
diff --git a/src/views/monitoring/station/components/hxPress.vue b/src/views/monitoring/station/components/hxPress.vue
new file mode 100644
index 0000000..f0bc422
--- /dev/null
+++ b/src/views/monitoring/station/components/hxPress.vue
@@ -0,0 +1,276 @@
+
+
+
+
+
diff --git a/src/views/monitoring/station/components/hxTemp.vue b/src/views/monitoring/station/components/hxTemp.vue
new file mode 100644
index 0000000..d405f49
--- /dev/null
+++ b/src/views/monitoring/station/components/hxTemp.vue
@@ -0,0 +1,276 @@
+
+
+
+
+
diff --git a/src/views/monitoring/station/components/line.vue b/src/views/monitoring/station/components/line.vue
new file mode 100644
index 0000000..f03a8a7
--- /dev/null
+++ b/src/views/monitoring/station/components/line.vue
@@ -0,0 +1,153 @@
+
+
+
+
+
diff --git a/src/views/monitoring/station/components/priPress.vue b/src/views/monitoring/station/components/priPress.vue
new file mode 100644
index 0000000..5a86565
--- /dev/null
+++ b/src/views/monitoring/station/components/priPress.vue
@@ -0,0 +1,266 @@
+
+
+
+
+
diff --git a/src/views/monitoring/station/components/priTemp.vue b/src/views/monitoring/station/components/priTemp.vue
new file mode 100644
index 0000000..cbc811a
--- /dev/null
+++ b/src/views/monitoring/station/components/priTemp.vue
@@ -0,0 +1,217 @@
+
+
+
+
+
diff --git a/src/views/monitoring/station/components/secPress.vue b/src/views/monitoring/station/components/secPress.vue
new file mode 100644
index 0000000..e2662ae
--- /dev/null
+++ b/src/views/monitoring/station/components/secPress.vue
@@ -0,0 +1,267 @@
+
+
+
+
+
diff --git a/src/views/monitoring/station/components/secTemp.vue b/src/views/monitoring/station/components/secTemp.vue
new file mode 100644
index 0000000..b0cddfc
--- /dev/null
+++ b/src/views/monitoring/station/components/secTemp.vue
@@ -0,0 +1,267 @@
+
+
+
+
+
diff --git a/src/views/monitoring/station/components/table - 副本.vue b/src/views/monitoring/station/components/table - 副本.vue
new file mode 100644
index 0000000..c0ad83d
--- /dev/null
+++ b/src/views/monitoring/station/components/table - 副本.vue
@@ -0,0 +1,142 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/monitoring/station/components/table.vue b/src/views/monitoring/station/components/table.vue
new file mode 100644
index 0000000..7223aaa
--- /dev/null
+++ b/src/views/monitoring/station/components/table.vue
@@ -0,0 +1,312 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/monitoring/station/index.scss b/src/views/monitoring/station/index.scss
new file mode 100644
index 0000000..96c5139
--- /dev/null
+++ b/src/views/monitoring/station/index.scss
@@ -0,0 +1,35 @@
+@import url("@/assets/fonts/font.css");
+.screenContainer {
+ // position: fixed;
+ // left: 50%;
+ // top: 50%;
+ transform-origin: 0 0;
+ transition: 0.3s;
+ color: #fff;
+ font-size: 16px;
+ background-color: #24344e;
+ z-index: 100;
+ .header {
+ position: relative;
+ height: 125px;
+ padding: 21px 40px 0 40px;
+ background-color: #1a2537;
+ border-bottom: 1px solid #47556c;
+ // span {
+ // line-height: 62px;
+ // font-size: 30px;
+ // font-family: 'PangMenZhengDaoBiao';
+ // font-weight: 400;
+ // letter-spacing: 4px;
+ // color: #e8effb;
+ // background: linear-gradient(0deg, #b2ccfc 0%, #ffffff 100%);
+ // background-clip: text;
+ // -webkit-background-clip: text;
+ // -webkit-text-fill-color: transparent;
+ // }
+ }
+
+ .main {
+ padding: 12px 40px 0 40px;
+ }
+}
diff --git a/src/views/monitoring/station/index.vue b/src/views/monitoring/station/index.vue
new file mode 100644
index 0000000..5012708
--- /dev/null
+++ b/src/views/monitoring/station/index.vue
@@ -0,0 +1,80 @@
+
+
+
+
+
diff --git a/src/views/monitoring/statistical/index.scss b/src/views/monitoring/statistical/index.scss
new file mode 100644
index 0000000..9bf92f4
--- /dev/null
+++ b/src/views/monitoring/statistical/index.scss
@@ -0,0 +1,14 @@
+.statisticalContainer {
+ .search {
+ margin-bottom: 15px;
+ .el-form-item--default {
+ margin-bottom: 0;
+ }
+ }
+ .statistical {
+ .statPagination {
+ justify-content: right;
+ margin-top: 15px;
+ }
+ }
+}
diff --git a/src/views/monitoring/statistical/index.vue b/src/views/monitoring/statistical/index.vue
new file mode 100644
index 0000000..27642b0
--- /dev/null
+++ b/src/views/monitoring/statistical/index.vue
@@ -0,0 +1,134 @@
+
+
+
+
+
+
+
+
+
+ 查询
+ 重置
+
+
+
+
+
+
+
+
+
+
+
+
+