From ae2d855c89ca722ac7309fdf1aa6ceed370e3b95 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期一, 11 十月 2021 20:22:30 +0800
Subject: [PATCH] 监控ui
---
src/pages/desktop/index/components/Desktop.vue | 135 ++++++++++++++------------------------------
1 files changed, 43 insertions(+), 92 deletions(-)
diff --git a/src/pages/desktop/index/components/Desktop.vue b/src/pages/desktop/index/components/Desktop.vue
index ef4586e..7e4e343 100644
--- a/src/pages/desktop/index/components/Desktop.vue
+++ b/src/pages/desktop/index/components/Desktop.vue
@@ -20,7 +20,14 @@
>
</div>
- <el-dialog title="婵�娲籗martAI" :visible.sync="dialogVisible" width="40%">
+ <el-dialog
+ title="婵�娲籗martAI"
+ :visible.sync="dialogVisible"
+ width="750px"
+ :show-close="false"
+ :close-on-click-modal="false"
+ :close-on-press-escape="false"
+ >
<div class="ver"><span class="ver-text">鐗堟湰锛�</span>{{ version }}</div>
<div class="ver">
<span class="ver-text">鐘舵�侊細</span>{{ versionState }}
@@ -33,72 +40,14 @@
>
璐拱銆�
</div>
-
- <!-- <img class="qr-code-img" src="/images/desktop/weather.png" /> -->
- <!-- <img class="qr-code-img" src="http://192.168.8.10:7009/version/offline/qrcode" /> -->
- <img
- class="qr-code-img"
- src="http://192.168.20.189:7009/version/offline/qrcode"
- />
-
+ <img class="qr-code-img" src="/version/offline/qrcode" />
<el-divider></el-divider>
<div class="ask">
濡傛灉浣犲叿鏈塖martAI鎻愪緵鐨勪骇鍝佸瘑閽ワ紝璇峰湪姝ゅ杈撳叆婵�娲籗martAI銆�
</div>
-
<div class="validate">
<form id="myForm">
- <!-- <el-input
- class="single-input"
- size="small"
- ref="secrectKey"
- :maxlength="4"
- v-model="secrectKey"
- placeholder=""
- @input="onInput(1)"
- ></el-input
- >-
- <el-input
- class="single-input"
- size="small"
- ref="input2"
- :maxlength="4"
- v-model="input2"
- placeholder=""
- @input="onInput(2)"
- ></el-input
- >-
- <el-input
- class="single-input"
- size="small"
- ref="input3"
- :maxlength="4"
- v-model="input3"
- placeholder=""
- @input="onInput(3)"
- ></el-input>
- -
- <el-input
- class="single-input"
- size="small"
- ref="input4"
- :maxlength="4"
- v-model="input4"
- placeholder=""
- @input="onInput(4)"
- ></el-input
- >-
- <el-input
- class="single-input"
- size="small"
- ref="input5"
- :maxlength="4"
- v-model="input5"
- placeholder=""
- @input="onInput(5)"
- ></el-input> -->
-
<el-input
type="textarea"
autosize
@@ -117,8 +66,6 @@
:show-file-list="false"
>
<el-button size="small" type="primary">瀵煎叆浜у搧瀵嗛挜鏂囦欢</el-button>
-
- <!-- <div class="el-upload__tip" slot="tip"></div> -->
</el-upload>
</div>
@@ -147,59 +94,63 @@
},
data() {
return {
- showFreeVersion: true,
+ showFreeVersion: false,
dialogVisible: false,
version: "SmartAI璇曠敤鐗�",
versionState: "灏氭湭婵�娲�",
secrectKey: "",
- input2: "",
- input4: "",
- input3: "",
- input5: "",
};
},
mounted() {
- getSN().then((res) => {
- this.showFreeVersion = res.data.sn == "";
- });
+ this.validateSn();
},
methods: {
+ validateSn() {
+ getSN().then((res) => {
+ this.showFreeVersion = res.data.sn == "";
+ });
+ },
activateVersion() {
- if (this.secrectKey.trim()=="") {
- this.$message.warning("璇峰厛濉啓浜у搧瀵嗛挜")
- return
+ if (this.secrectKey.trim() == "") {
+ this.$message.warning("璇峰厛濉啓浜у搧瀵嗛挜");
+ return;
}
- activateVersion({code:this.secrectKey.trim()}).then((res) => {
- debugger
- if (res.code==200) {
- this.$notify.success("婵�娲绘垚鍔�")
- this.goToSysInfo()
- this.dialogVisible = false;
-
- }else{
- this.$notify.error(res.msg)
- }
- }).catch((err) => {
- this.$notify.error(err.msg)
- })
+ activateVersion({ code: this.secrectKey.trim() })
+ .then((res) => {
+ if (res.code == 200) {
+ this.$notify.success("婵�娲绘垚鍔�");
+ this.validateSn();
+ this.goToSysInfo();
+ this.dialogVisible = false;
+ } else {
+ this.$notify.error(res.msg);
+ }
+ })
+ .catch((err) => {
+ this.$notify.error(err.msg);
+ });
},
goToSysInfo() {
window.parent.postMessage({ msg: `toVindicate?menu=绯荤粺淇℃伅` }, "*");
},
gotoActive() {
- this.showFreeVersion = false;
this.dialogVisible = true;
},
uploadKey(params) {
+ debugger
let param = new FormData();
param.append("code", params.file);
uploadKey(param).then(
(res) => {
- this.$message.success("瀵煎叆鎴愬姛");
- this.secrectKey = res.data;
+ if (res.code == 200) {
+ this.$message.success("瀵煎叆鎴愬姛");
+ this.secrectKey = res.data;
+ } else {
+ this.$message.error(res.msg);
+ }
},
(err) => {
- this.$message.error("瀵煎叆澶辫触");
+ this.$message.error(err.msg);
}
);
},
@@ -267,7 +218,7 @@
}
}
.warn-tag {
- width: 35%;
+ width: 640px;
text-align: left;
box-sizing: border-box;
padding: 0 25px;
@@ -278,7 +229,7 @@
display: flex;
justify-content: space-between;
top: 55px;
- left: calc(50% - 17.5%);
+ left: calc(50% - 320px);
line-height: 45px;
border-radius: 5px;
.go-to {
--
Gitblit v1.8.0