整理一半

README.md

@@ -0,0 +1,19 @@
+# bms-java
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

babel.config.js

@@ -1,3 +1,5 @@
 module.exports = {
-  presets: ["@vue/cli-plugin-babel/preset"]
-};
+    presets: [
+        '@vue/cli-plugin-babel/preset'
+    ]
+};

package.json

@@ -1,36 +1,25 @@
 {
-  "name": "bms",
+  "name": "bms-web",
   "version": "0.1.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "test:unit": "vue-cli-service test:unit",
-    "lint": "vue-cli-service lint"
+    "build": "vue-cli-service build"
   },
   "dependencies": {
-    "axios": "^0.19.2",
     "core-js": "^3.6.5",
-    "element-ui": "^2.13.2",
-    "vue": "^2.6.11",
-    "vue-router": "^3.2.0",
-    "qs": "latest"
+    "vue": "^3.0.0",
+    "vue-router": "^4.0.0-0",
+    "qs": "latest",
+    "axios": "latest"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.4.0",
-    "@vue/cli-plugin-router": "~4.4.0",
-    "@vue/cli-plugin-unit-mocha": "~4.4.0",
-    "@vue/cli-service": "~4.4.0",
-    "@vue/test-utils": "^1.0.3",
-    "chai": "^4.1.2",
-    "prettier": "^1.19.1",
+    "@vue/cli-plugin-babel": "~4.5.0",
+    "@vue/cli-plugin-router": "~4.5.0",
+    "@vue/cli-service": "~4.5.0",
+    "@vue/compiler-sfc": "^3.0.0",
     "sass": "^1.26.5",
     "sass-loader": "^8.0.2",
-    "vue-template-compiler": "^2.6.11"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ]
+    "element-plus": "latest"
+  }
 }

src/main.js

@@ -1,19 +1,15 @@
-import Vue from "vue";
-import ElementUI from "element-ui";
+import {
+    createApp
+} from 'vue'
+import ElementPlus from 'element-plus';
 import "./static/element-ui.css";
 import App from "./App.vue";
 import router from "./router";
-import Global from './static/js/global' //URL
+import Global from './static/js/global'
+import Http from './static/js/http.js'
 import './static/js/TokenManager'
-import './static/js/http'
 
-Vue.use(ElementUI);
-
-Vue.config.productionTip = false;
-// 定义全局静态变量(URL)
-Vue.prototype.Global = Global.URL;
-
-new Vue({
-	router,
-	render: h => h(App)
-}).$mount("#app");
+const app = createApp(App);
+app.config.globalProperties.$http = Http;
+app.config.globalProperties.Global = Global;
+app.use(router).use(ElementPlus).mount('#app');

src/router/index.js

@@ -1,5 +1,7 @@
-import Vue from "vue";
-import VueRouter from "vue-router";
+import {
+    createRouter,
+    createWebHashHistory
+} from 'vue-router'
 import Login from "../views/login/login";
 import Layout from "../views/layout/layout";
 import Users from "../views/users/users";
@@ -8,8 +10,6 @@ import Map from "../views/map/map";
 import Set from "../views/devices/set";
 import MqttLogs from "../views/mqttLogs/logs";
 
-Vue.use(VueRouter);
-
 const routes = [{
     path: "/",
     name: "Layout",
@@ -48,9 +48,9 @@ const routes = [{
         component: Login,
     }
 ];
-
-const router = new VueRouter({
+const router = createRouter({
+    history: createWebHashHistory(),
     routes
 });
 
-export default router;
+export default router

src/static/js/axiosCfg.js

@@ -1,8 +1,8 @@
 //Http配置
 import Axios from 'axios'
 import {
-    Message
-} from 'element-ui'
+    ElMessage
+} from 'element-plus'
 import router from "../../router"
 import TokenManager from "./TokenManager"
 
@@ -32,27 +32,21 @@ Axios.interceptors.response.use(res => {
     const status = res.data.status; //状态码
     switch (status) {
         case 300: //警告
-            Message.warning({
-                message: res.data.msg
-            });
-            return Promise.reject(300);
+            ElMessage.warning(res.data.msg);
+            return reject(res);
         case 401: //权限不足
-            Message.warning({
-                message: "验证信息过期,请重新登录",
-                duration: 5000
-            });
+            ElMessage.warning("请先登录");
             router.replace("/login");
-            return Promise.reject(401);
-        case 500://服务器错误
-            Message.error({
-                message: "服务器开小差了"
-            });
-            return Promise.reject(500);
+            return reject(res);
+        //服务器错误
+        case 500:
+            ElMessage.error("服务器开小差了");
+            return reject(res);
         default:
             return res.data;
     }
 }, error => {
-    Message.error("接口异常");
+    ElMessage.error("接口异常");
 });
 
 export default Axios

src/static/js/http.js

@@ -1,12 +1,10 @@
-import Vue from "vue";
 import Axios from "./axiosCfg";
 import Qs from "qs";
 import {
-    Loading
-} from "element-ui";
+    ElLoading
+} from "element-plus";
 
 let loading; //加载框
-
 /**
  * 打开加载框
  */
@@ -14,7 +12,7 @@ function openLoad() {
     //关闭加载框
     if (loading != null) loading.close();
     //打开加载框
-    loading = Loading.service({
+    loading = ElLoading.service({
         text: "正在加载",
         target: document.querySelector("#loading-area")
     });
@@ -29,62 +27,73 @@ function closeLoad() {
     }
 }
 
-/**
- * Post请求
- */
-Vue.prototype.Post = function (url, data) {
-    //打开加载框
-    openLoad();
-    //发送请求
-    return new Promise((resolve, reject) => {
-        Axios.post(url, Qs.stringify(data))
-            .then(res => {
-                resolve(res);
-            })
-            .catch(res => {
-                console.log(res);
+let Http = {
+    /**
+     * Post请求
+     */
+    Post: function (url, data) {
+        //打开加载框
+        openLoad();
+        //发送请求
+        return new Promise((resolve, reject) => {
+            Axios.post(url, Qs.stringify(data))
+                .then(res => {
+                    resolve(res);
+                })
+                .catch(res => {
+                    if (reject != null) {
+                        reject(res);
+                    }
+                })
+                .finally(() => {
+                    closeLoad();
+                })
+        });
+    },
+    /**
+     * Get请求
+     */
+    Get: function (url, data) {
+        //打开加载框
+        openLoad();
+        //请求数据
+        return new Promise((resolve, reject) => {
+            Axios.get(url, {
+                params: data
             })
-            .finally(() => {
-                closeLoad();
-            })
-    });
-};
-/**
- * Get请求
- */
-Vue.prototype.Get = function (url, data) {
-    //打开加载框
-    openLoad();
-    //请求数据
-    return new Promise((resolve, reject) => {
-        Axios.get(url, {params: data})
-            .then(function (res) {
-                resolve(res);
-            })
-            .catch((res) => {
-                console.log(res);
-            })
-            .finally(() => {
-                //关闭加载框
-                closeLoad();
-            })
-    });
+                .then(function (res) {
+                    resolve(res);
+                })
+                .catch((res) => {
+                    if (reject != null) {
+                        reject(res);
+                    }
+                })
+                .finally(() => {
+                    //关闭加载框
+                    closeLoad();
+                })
+        });
+    },
+    /**
+     * 下载
+     */
+    Download: function (url, data, fileName) {
+        Axios.post(url, Qs.stringify(data), {
+            responseType: "blob"
+        }).then(res => {
+            let link = document.createElement("a");
+            link.style.display = "none";
+            link.href = window.URL.createObjectURL(new Blob([res]));
+            link.setAttribute("download", fileName); // 自定义下载文件名（如exemple.txt）
+            document.body.appendChild(link);
+            link.click();
+            URL.revokeObjectURL(link.href); // 释放URL 对象
+            document.body.removeChild(link);
+        });
+    }
 };
 
-/**
- * 下载
- */
-Vue.prototype.Download = function (url, data, fileName) {
-    Axios.post(url, Qs.stringify(data), {
-        responseType: "blob"
-    }).then(res => {
-        let link = document.createElement("a");
-        link.style.display = "none";
-        link.href = window.URL.createObjectURL(new Blob([res]));
-        link.setAttribute("download", fileName); // 自定义下载文件名（如exemple.txt）
-        document.body.appendChild(link);
-        link.click();
-        URL.revokeObjectURL(link.href); // 释放URL 对象
-        document.body.removeChild(link);
-    });
+export default {
+    Http
 };

src/views/devices/set.vue

@@ -1,392 +1,392 @@
 <template>
-	<div class="zy-template">
-		<div class="left">
-			<div class="zy-main-title">基本信息</div>
-			<div class="left__baseInfo zy-module">
-				<el-form label-width="80px">
-					<el-form-item label="设备号:" class="form-item">
-						<el-input :value="device.num" size="small" disabled />
-					</el-form-item>
-					<el-form-item label="设备ID:" class="form-item">
-						<el-input :value="device.clientId" size="small" disabled />
-					</el-form-item>
-					<el-form-item label="设备状态:" class="form-item">
-						<el-input :value="device.status===1?'已注册':'未注册'" size="small" disabled />
-					</el-form-item>
-				</el-form>
-			</div>
+    <div class="zy-template">
+        <div class="left">
+            <div class="zy-main-title">基本信息</div>
+            <div class="left__baseInfo zy-module">
+                <el-form label-width="80px">
+                    <el-form-item label="设备号:" class="form-item">
+                        <el-input :value="device.num" size="small" disabled></el-input>
+                    </el-form-item>
+                    <el-form-item label="设备ID:" class="form-item">
+                        <el-input :value="device.clientId" size="small" disabled/>
+                    </el-form-item>
+                    <el-form-item label="设备状态:" class="form-item">
+                        <el-input :value="device.status===1?'已注册':'未注册'" size="small" disabled/>
+                    </el-form-item>
+                </el-form>
+            </div>
 
-			<div class="zy-main-title">设备调试</div>
-			<el-collapse accordion class="left__set zy-module" value="1">
-				<el-collapse-item title="基础设置" name="1">
-					<el-form label-width="80px">
-						<el-form-item label="自动接听:">
-							<el-switch v-model="baseSet.autoAnswer" active-color="#13ce66" inactive-color="#ff4949"
-								active-text="开" inactive-text="关" :active-value="1" :inactive-value="0"
-								@change="setAutoAnswer">
-							</el-switch>
-						</el-form-item>
-						<el-form-item label="连续定位:">
-							<el-switch v-model="baseSet.highFreq" active-color="#13ce66" inactive-color="#ff4949"
-								active-text="开" inactive-text="关" :active-value="1" :inactive-value="0"
-								@change="setContinue">
-							</el-switch>
-						</el-form-item>
-						<el-form-item label="定位频率:">
-							<el-input v-model="baseSet.gpsRate" size="small" class="input" />
-						</el-form-item>
-						<el-button type="primary" size="small" class="button" @click="setGpsRate"
-							:disabled="submitFlag">保存
-						</el-button>
-					</el-form>
-				</el-collapse-item>
+            <div class="zy-main-title">设备调试</div>
+            <el-collapse accordion class="left__set zy-module" value="1">
+                <el-collapse-item title="基础设置" name="1">
+                    <el-form label-width="80px">
+                        <el-form-item label="自动接听:">
+                            <el-switch v-model="baseSet.autoAnswer" active-color="#13ce66" inactive-color="#ff4949"
+                                       active-text="开" inactive-text="关" :active-value="1" :inactive-value="0"
+                                       @change="setAutoAnswer">
+                            </el-switch>
+                        </el-form-item>
+                        <el-form-item label="连续定位:">
+                            <el-switch v-model="baseSet.highFreq" active-color="#13ce66" inactive-color="#ff4949"
+                                       active-text="开" inactive-text="关" :active-value="1" :inactive-value="0"
+                                       @change="setContinue">
+                            </el-switch>
+                        </el-form-item>
+                        <el-form-item label="定位频率:">
+                            <el-input v-model="baseSet.gpsRate" size="small" class="input"/>
+                        </el-form-item>
+                        <el-button type="primary" size="small" class="button" @click="setGpsRate"
+                                   :disabled="submitFlag">保存
+                        </el-button>
+                    </el-form>
+                </el-collapse-item>
 
-				<el-collapse-item title="音量设置" name="2">
-					<el-form label-width="80px">
-						<el-form-item label="通话音量:">
-							<el-slider v-model="baseSet.phoneVol" :max="7" :marks="marks" style="width: 350px;" />
-						</el-form-item>
-						<el-form-item label="系统音量:">
-							<el-slider v-model="baseSet.msgVol" :max="7" :marks="marks" style="width: 350px;" />
-						</el-form-item>
-						<el-form-item label="铃声音量:">
-							<el-slider v-model="baseSet.ringVol" :max="7" :marks="marks" style="width: 350px;" />
-						</el-form-item>
-						<el-button type="primary" size="small" class="button" @click="setVolume" :disabled="submitFlag">
-							保存
-						</el-button>
-					</el-form>
-				</el-collapse-item>
+                <el-collapse-item title="音量设置" name="2">
+                    <el-form label-width="80px">
+                        <el-form-item label="通话音量:">
+                            <el-slider v-model="baseSet.phoneVol" :max="7" :marks="marks" style="width: 350px;"/>
+                        </el-form-item>
+                        <el-form-item label="系统音量:">
+                            <el-slider v-model="baseSet.msgVol" :max="7" :marks="marks" style="width: 350px;"/>
+                        </el-form-item>
+                        <el-form-item label="铃声音量:">
+                            <el-slider v-model="baseSet.ringVol" :max="7" :marks="marks" style="width: 350px;"/>
+                        </el-form-item>
+                        <el-button type="primary" size="small" class="button" @click="setVolume" :disabled="submitFlag">
+                            保存
+                        </el-button>
+                    </el-form>
+                </el-collapse-item>
 
-				<el-collapse-item title="联系人设置" name="3">
-					<el-form label-width="80px">
-						<h3>SOS按键</h3>
-						<el-form-item label="姓名:">
-							<el-input v-model="baseSet.key0Name" size="small" class="input" />
-						</el-form-item>
-						<el-form-item label="手机号码:">
-							<el-input v-model="baseSet.key0Phone" size="small" class="input" />
-						</el-form-item>
-						<h3>按键1</h3>
-						<el-form-item label="姓名:">
-							<el-input v-model="baseSet.key1Name" size="small" class="input" />
-						</el-form-item>
-						<el-form-item label="手机号码:">
-							<el-input v-model="baseSet.key1Phone" size="small" class="input" />
-						</el-form-item>
-						<h3>按键2</h3>
-						<el-form-item label="姓名:">
-							<el-input v-model="baseSet.key2Name" size="small" class="input" />
-						</el-form-item>
-						<el-form-item label="手机号码:">
-							<el-input v-model="baseSet.key2Phone" size="small" class="input" />
-						</el-form-item>
-						<el-button type="primary" size="small" class="button" @click="setSos" :disabled="submitFlag">保存
-						</el-button>
-					</el-form>
-				</el-collapse-item>
+                <el-collapse-item title="联系人设置" name="3">
+                    <el-form label-width="80px">
+                        <h3>SOS按键</h3>
+                        <el-form-item label="姓名:">
+                            <el-input v-model="baseSet.key0Name" size="small" class="input"/>
+                        </el-form-item>
+                        <el-form-item label="手机号码:">
+                            <el-input v-model="baseSet.key0Phone" size="small" class="input"/>
+                        </el-form-item>
+                        <h3>按键1</h3>
+                        <el-form-item label="姓名:">
+                            <el-input v-model="baseSet.key1Name" size="small" class="input"/>
+                        </el-form-item>
+                        <el-form-item label="手机号码:">
+                            <el-input v-model="baseSet.key1Phone" size="small" class="input"/>
+                        </el-form-item>
+                        <h3>按键2</h3>
+                        <el-form-item label="姓名:">
+                            <el-input v-model="baseSet.key2Name" size="small" class="input"/>
+                        </el-form-item>
+                        <el-form-item label="手机号码:">
+                            <el-input v-model="baseSet.key2Phone" size="small" class="input"/>
+                        </el-form-item>
+                        <el-button type="primary" size="small" class="button" @click="setSos" :disabled="submitFlag">保存
+                        </el-button>
+                    </el-form>
+                </el-collapse-item>
 
-				<el-collapse-item title="语音播报" name="5">
-					<el-form label-width="80px">
-						<el-form-item label="播报类型:">
-							<el-select placeholder="请选择" size="small" v-model="message.newsType" value="">
-								<el-option value="1" label="实时播报" />
-								<el-option value="0" label="固定播报" />
-							</el-select>
-						</el-form-item>
-						<el-form-item label="播报时间:" v-if="message.newsType===0">
-							<el-input v-model="message.newsTime" size="small" class="input" />
-						</el-form-item>
-						<el-form-item label="播报内容:">
-							<el-input type="textarea" v-model="message.news" style="width: 250px" />
-						</el-form-item>
-						<el-button type="primary" size="small" class="button" @click="setNews" :disabled="submitFlag">保存
-						</el-button>
-					</el-form>
-				</el-collapse-item>
-			</el-collapse>
+                <el-collapse-item title="语音播报" name="5">
+                    <el-form label-width="80px">
+                        <el-form-item label="播报类型:">
+                            <el-select placeholder="请选择" size="small" v-model="message.newsType" value="">
+                                <el-option value="1" label="实时播报"/>
+                                <el-option value="0" label="固定播报"/>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="播报时间:" v-if="message.newsType===0">
+                            <el-input v-model="message.newsTime" size="small" class="input"/>
+                        </el-form-item>
+                        <el-form-item label="播报内容:">
+                            <el-input type="textarea" v-model="message.news" style="width: 250px"/>
+                        </el-form-item>
+                        <el-button type="primary" size="small" class="button" @click="setNews" :disabled="submitFlag">保存
+                        </el-button>
+                    </el-form>
+                </el-collapse-item>
+            </el-collapse>
 
-		</div>
+        </div>
 
-		<div class="right">
-			<div class="zy-main-title">控制台日志</div>
-			<div class="right__console">
-				<div v-for="log in logs" class="right__console__message">
-					<p>{{log.time}}</p>
-					<p>{{log.message}}</p>
-				</div>
-			</div>
-		</div>
-	</div>
+        <div class="right">
+            <div class="zy-main-title">控制台日志</div>
+            <div class="right__console">
+                <div v-for="log in logs" class="right__console__message">
+                    <p>{{log.time}}</p>
+                    <p>{{log.message}}</p>
+                </div>
+            </div>
+        </div>
+    </div>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				device: {}, //当前设备信息
-				baseSet: {}, //当前设备设置信息
-				message: {}, //语音播报消息
-				marks: {
-					0: '0',
-					1: '1',
-					2: '2',
-					3: '3',
-					4: '4',
-					5: '5',
-					6: '6',
-					7: '7',
-				},
-				submitFlag: false, //阻止重复提交表单
-				logs: [], //mqtt接收日志
-			};
-		},
-		activated() {
-			const deviceId = this.$route.params.deviceId;
-			if (!deviceId) {
-				this.$router.push({
-					name: "Devices"
-				});
-				return;
-			}
-			this.initWebSocket(deviceId);
-			this.getDeviceDetail(deviceId);
-			this.getDeviceBaseSet(deviceId);
-		},
-		methods: {
+    export default {
+        data() {
+            return {
+                device: {}, //当前设备信息
+                baseSet: {}, //当前设备设置信息
+                message: {}, //语音播报消息
+                marks: {
+                    0: '0',
+                    1: '1',
+                    2: '2',
+                    3: '3',
+                    4: '4',
+                    5: '5',
+                    6: '6',
+                    7: '7',
+                },
+                submitFlag: false, //阻止重复提交表单
+                logs: [], //mqtt接收日志
+            };
+        },
+        activated() {
+            const deviceId = this.$route.params.deviceId;
+            if (!deviceId) {
+                this.$router.push({
+                    name: "Devices"
+                });
+                return;
+            }
+            this.initWebSocket(deviceId);
+            this.getDeviceDetail(deviceId);
+            this.getDeviceBaseSet(deviceId);
+        },
+        methods: {
 
-			/** 重复提交锁
-			 * @param {Object} flag 0 解锁 1 加锁
-			 */
-			lock: function(flag) {
-				this.submitFlag = flag === 1;
-			},
+            /** 重复提交锁
+             * @param {Object} flag 0 解锁 1 加锁
+             */
+            lock: function (flag) {
+                this.submitFlag = flag === 1;
+            },
 
-			/**
-			 * 查询设备详情
-			 */
-			getDeviceDetail: function(clientId) {
-				const param = {
-					clientId: clientId,
-				};
-				this.Get(this.Global.getDeviceDetail, param).then(res => {
-					this.device = res.data;
-				})
-			},
+            /**
+             * 查询设备详情
+             */
+            getDeviceDetail: function (clientId) {
+                const param = {
+                    clientId: clientId,
+                };
+                this.Get(this.Global.getDeviceDetail, param).then(res => {
+                    this.device = res.data;
+                })
+            },
 
-			/**
-			 * 获取设备
-			 */
-			getDeviceBaseSet: function(clientId) {
-				const param = {
-					deviceId: clientId,
-				};
-				this.Get(this.Global.getBaseSet, param).then(res => {
-					this.baseSet = res.data;
-				})
-			},
+            /**
+             * 获取设备
+             */
+            getDeviceBaseSet: function (clientId) {
+                const param = {
+                    deviceId: clientId,
+                };
+                this.Get(this.Global.getBaseSet, param).then(res => {
+                    this.baseSet = res.data;
+                })
+            },
 
-			/**
-			 * 设置音量
-			 */
-			setVolume: function() {
-				const param = {
-					deviceId: this.device.clientId,
-					msgVol: this.baseSet.msgVol,
-					ringVol: this.baseSet.ringVol,
-					phoneVol: this.baseSet.phoneVol
-				};
-				this.postGeneral(this.Global.setVolume, param);
-			},
-			/**
-			 * 自动接听
-			 */
-			setAutoAnswer: function(tag) {
-				const param = {
-					deviceId: this.device.clientId,
-					autoAnswer: tag
-				};
-				this.postGeneral(this.Global.setAutoAnswer, param);
-			},
+            /**
+             * 设置音量
+             */
+            setVolume: function () {
+                const param = {
+                    deviceId: this.device.clientId,
+                    msgVol: this.baseSet.msgVol,
+                    ringVol: this.baseSet.ringVol,
+                    phoneVol: this.baseSet.phoneVol
+                };
+                this.postGeneral(this.Global.setVolume, param);
+            },
+            /**
+             * 自动接听
+             */
+            setAutoAnswer: function (tag) {
+                const param = {
+                    deviceId: this.device.clientId,
+                    autoAnswer: tag
+                };
+                this.postGeneral(this.Global.setAutoAnswer, param);
+            },
 
-			/**
-			 * 定位频率
-			 */
-			setGpsRate: function() {
-				const param = {
-					deviceId: this.device.clientId,
-					gpsRate: this.baseSet.gpsRate
-				};
-				this.postGeneral(this.Global.setGpsRate, param);
-			},
+            /**
+             * 定位频率
+             */
+            setGpsRate: function () {
+                const param = {
+                    deviceId: this.device.clientId,
+                    gpsRate: this.baseSet.gpsRate
+                };
+                this.postGeneral(this.Global.setGpsRate, param);
+            },
 
-			/**
-			 * 连续定位
-			 */
-			setContinue: function(tag) {
-				const param = {
-					deviceId: this.device.clientId,
-					highFreq: tag
-				};
-				this.postGeneral(this.Global.setContinue, param);
-			},
+            /**
+             * 连续定位
+             */
+            setContinue: function (tag) {
+                const param = {
+                    deviceId: this.device.clientId,
+                    highFreq: tag
+                };
+                this.postGeneral(this.Global.setContinue, param);
+            },
 
-			/**
-			 * 紧急呼叫
-			 */
-			setSos: function() {
-				const param = {
-					deviceId: this.device.clientId,
-					key0Name: this.baseSet.key0Name,
-					key0Phone: this.baseSet.key0Phone,
-					key1Name: this.baseSet.key1Name,
-					key1Phone: this.baseSet.key1Phone,
-					key2Name: this.baseSet.key2Name,
-					key2Phone: this.baseSet.key2Phone,
-				};
-				this.postGeneral(this.Global.setSos, param);
-			},
+            /**
+             * 紧急呼叫
+             */
+            setSos: function () {
+                const param = {
+                    deviceId: this.device.clientId,
+                    key0Name: this.baseSet.key0Name,
+                    key0Phone: this.baseSet.key0Phone,
+                    key1Name: this.baseSet.key1Name,
+                    key1Phone: this.baseSet.key1Phone,
+                    key2Name: this.baseSet.key2Name,
+                    key2Phone: this.baseSet.key2Phone,
+                };
+                this.postGeneral(this.Global.setSos, param);
+            },
 
-			/**
-			 *  语音播报
-			 */
-			setNews: function() {
-				const param = {
-					deviceId: this.device.clientId,
-					newsType: this.message.newsType,
-					newsTime: this.message.newsTime,
-					news: this.message.news,
-				};
-				this.lock(1);
-				this.Post(this.Global.setNews, param).then(() => {
-					this.message = {};
-				}).finally(() => {
-					this.lock(0);
-				})
-			},
+            /**
+             *  语音播报
+             */
+            setNews: function () {
+                const param = {
+                    deviceId: this.device.clientId,
+                    newsType: this.message.newsType,
+                    newsTime: this.message.newsTime,
+                    news: this.message.news,
+                };
+                this.lock(1);
+                this.Post(this.Global.setNews, param).then(() => {
+                    this.message = {};
+                }).finally(() => {
+                    this.lock(0);
+                })
+            },
 
-			/**
-			 * 通用发送设置请求
-			 * @param {Object} url 请求 地址
-			 * @param {Object} param 请求参数
-			 */
-			postGeneral(url, param) {
-				this.lock(1);
-				this.Post(url, param).then(() => {
-					this.getDeviceBaseSet(param.deviceId);
-				}).finally(() => {
-					this.lock(0);
-				})
-			},
+            /**
+             * 通用发送设置请求
+             * @param {Object} url 请求 地址
+             * @param {Object} param 请求参数
+             */
+            postGeneral(url, param) {
+                this.lock(1);
+                this.Post(url, param).then(() => {
+                    this.getDeviceBaseSet(param.deviceId);
+                }).finally(() => {
+                    this.lock(0);
+                })
+            },
 
-			/**
-			 * 初始化WebSocket连接
-			 */
-			initWebSocket: function(clientId) {
-				const that = this;
-				const socket = new WebSocket(this.Global.webSocket + clientId);
-				socket.onmessage = function(evt) {
-					const jsonObj = JSON.parse(evt.data);
-					const message = {
-						m: jsonObj.m,
-						r: jsonObj.r,
-						t: jsonObj.t,
-						data: jsonObj.data
-					};
-					const object = {
-						time: that.formatDate(new Date()),
-						message: JSON.stringify(message, null, 4)
-					};
-					that.logs.push(object);
-				}
-			},
-			/**
-			 * 格式化时间
-			 */
-			formatDate: function(date) {
-				const d = new Date(date);
-				const y = d.getFullYear(); // 年份
-				const m = (d.getMonth() + 1).toString().padStart(2, '0'); // 月份
-				const r = d.getDate().toString().padStart(2, '0'); // 日
-				const hh = d.getHours().toString().padStart(2, '0'); // 小时
-				const mm = d.getMinutes().toString().padStart(2, '0'); // 分钟
-				const ss = d.getSeconds().toString().padStart(2, '0'); // 秒
-				return `${y}-${m}-${r} ${hh}:${mm}:${ss}` // es6 字符串模板
-			}
-		},
+            /**
+             * 初始化WebSocket连接
+             */
+            initWebSocket: function (clientId) {
+                const that = this;
+                const socket = new WebSocket(this.Global.webSocket + clientId);
+                socket.onmessage = function (evt) {
+                    const jsonObj = JSON.parse(evt.data);
+                    const message = {
+                        m: jsonObj.m,
+                        r: jsonObj.r,
+                        t: jsonObj.t,
+                        data: jsonObj.data
+                    };
+                    const object = {
+                        time: that.formatDate(new Date()),
+                        message: JSON.stringify(message, null, 4)
+                    };
+                    that.logs.push(object);
+                }
+            },
+            /**
+             * 格式化时间
+             */
+            formatDate: function (date) {
+                const d = new Date(date);
+                const y = d.getFullYear(); // 年份
+                const m = (d.getMonth() + 1).toString().padStart(2, '0'); // 月份
+                const r = d.getDate().toString().padStart(2, '0'); // 日
+                const hh = d.getHours().toString().padStart(2, '0'); // 小时
+                const mm = d.getMinutes().toString().padStart(2, '0'); // 分钟
+                const ss = d.getSeconds().toString().padStart(2, '0'); // 秒
+                return `${y}-${m}-${r} ${hh}:${mm}:${ss}` // es6 字符串模板
+            }
+        },
 
-	}
+    }
 </script>
 
 <style scoped lang="scss">
-	.zy-template {
-		overflow: hidden;
-		height: 100%;
+    .zy-template {
+        overflow: hidden;
+        height: 100%;
 
-		.left {
-			width: 49%;
-			float: left;
-			height: 100%;
-			overflow-y: scroll;
+        .left {
+            width: 49%;
+            float: left;
+            height: 100%;
+            overflow-y: scroll;
 
-			&__baseInfo {
-				& .el-form-item {
-					margin-bottom: 10px;
-					width: 300px;
-				}
-			}
+            &__baseInfo {
+                & .el-form-item {
+                    margin-bottom: 10px;
+                    width: 300px;
+                }
+            }
 
-			&__set {
-				& .input {
-					width: 230px;
-				}
+            &__set {
+                & .input {
+                    width: 230px;
+                }
 
-				& .el-form-item {
-					margin-bottom: 10px;
-				}
+                & .el-form-item {
+                    margin-bottom: 10px;
+                }
 
-				& .el-slider {
-					margin-left: 10px;
-				}
-			}
+                & .el-slider {
+                    margin-left: 10px;
+                }
+            }
 
-			& .button {
-				margin-left: 80px;
-				margin-top: 20px;
-			}
-		}
+            & .button {
+                margin-left: 80px;
+                margin-top: 20px;
+            }
+        }
 
-		.right {
-			width: 49%;
-			float: right;
-			height: 100%;
+        .right {
+            width: 49%;
+            float: right;
+            height: 100%;
 
-			&__console {
-				box-sizing: border-box;
-				padding: 10px;
-				overflow-x: hidden;
-				overflow-y: scroll;
-				word-wrap: break-word;
-				background-color: white;
-				width: 100%;
-				height: 100%;
-				border-radius: 5px;
+            &__console {
+                box-sizing: border-box;
+                padding: 10px;
+                overflow-x: hidden;
+                overflow-y: scroll;
+                word-wrap: break-word;
+                background-color: white;
+                width: 100%;
+                height: 100%;
+                border-radius: 5px;
 
-				&__message {
-					font-size: 14px;
-					width: 100%;
-					margin-bottom: 10px;
+                &__message {
+                    font-size: 14px;
+                    width: 100%;
+                    margin-bottom: 10px;
 
-					& p {
-						white-space: pre-wrap;
-						margin: 5px 0;
-					}
+                    & p {
+                        white-space: pre-wrap;
+                        margin: 5px 0;
+                    }
 
-					& p:first-child {
-						color: #39b54a;
-					}
-				}
-			}
-		}
-	}
+                    & p:first-child {
+                        color: #39b54a;
+                    }
+                }
+            }
+        }
+    }
 </style>

tests/unit/example.spec.js

@@ -1,13 +0,0 @@
-import { expect } from "chai";
-import { shallowMount } from "@vue/test-utils";
-import HelloWorld from "@/components/HelloWorld.vue";
-
-describe("HelloWorld.vue", () => {
-  it("renders props.msg when passed", () => {
-    const msg = "new message";
-    const wrapper = shallowMount(HelloWorld, {
-      propsData: { msg }
-    });
-    expect(wrapper.text()).to.include(msg);
-  });
-});

vue.config.js

@@ -1,14 +0,0 @@
-module.exports = {
-    lintOnSave: false,
-    pwa: {
-        iconPaths:
-            {
-                favicon32: 'favicon.ico',
-                favicon16: 'favicon.ico',
-                appleTouchIcon: 'favicon.ico',
-                maskIcon: 'favicon.ico',
-                msTileImage: 'favicon.ico'
-            }
-    },
-}
-;