From a1b6e56427fa7279e65afc880b7124c6cf289177 Mon Sep 17 00:00:00 2001
From: mk1990 <153958232@qq.com>
Date: Mon, 28 Mar 2022 10:11:13 +0800
Subject: [PATCH] =?UTF-8?q?1.=20=E4=BF=AE=E6=94=B9control.vue=20=E6=8A=A5I?=
 =?UTF-8?q?nvalid=20prop:=20type=20check=20failed=20for=20prop=20"column".?=
 =?UTF-8?q?=20Expected=20Number=20with=20value=201,=20got=20String=20with?=
 =?UTF-8?q?=20value=20"1".=202.=20=E4=BF=AE=E6=94=B9control.vue=20Error:?=
 =?UTF-8?q?=20[vue-clipboards]=20Invalid=20value.=20Please=20use=20a=20val?=
 =?UTF-8?q?id=20value.=203.=20=E4=BF=AE=E6=94=B9DeviceList.vue=20=E5=88=B7?=
 =?UTF-8?q?=E6=96=B0=E6=97=B6=E6=8A=A5=20[Vue=20warn]:=20Avoid=20mutating?=
 =?UTF-8?q?=20a=20prop=20directly=20since=20the=20value=20will=20be=20over?=
 =?UTF-8?q?written=20whenever=20the=20parent=20component=20re-renders.=20I?=
 =?UTF-8?q?nstead,=20use=20a=20data=20or=20computed=20property=20based=20o?=
 =?UTF-8?q?n=20the=20prop's=20value.=20Prop=20being=20mutated:=20"loading"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web_src/src/components/DeviceList.vue |  8 ++++----
 web_src/src/components/control.vue    | 14 +++++++-------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/web_src/src/components/DeviceList.vue b/web_src/src/components/DeviceList.vue
index 7922a934..74e3fbc2 100644
--- a/web_src/src/components/DeviceList.vue
+++ b/web_src/src/components/DeviceList.vue
@@ -57,7 +57,7 @@
 
 					<el-table-column label="操作" width="450" align="center" fixed="right">
 						<template slot-scope="scope">
-							<el-button size="mini" :ref="scope.row.deviceId + 'refbtn' "  v-if="scope.row.online!=0" icon="el-icon-refresh"  @click="refDevice(scope.row)">刷新</el-button>
+							<el-button size="mini" :loading="scope.row.loading"  v-if="scope.row.online!=0" icon="el-icon-refresh"  @click="refDevice(scope.row)">刷新</el-button>
 							<el-button-group>
                 <el-button size="mini" icon="el-icon-video-camera-solid" v-bind:disabled="scope.row.online==0"  type="primary" @click="showChannelList(scope.row)">通道</el-button>
                 <el-button size="mini" icon="el-icon-location" v-bind:disabled="scope.row.online==0"  type="primary" @click="showDevicePosition(scope.row)">定位</el-button>
@@ -204,7 +204,7 @@
 			refDevice: function(itemData) {
 				console.log("刷新对应设备:" + itemData.deviceId);
 				var that = this;
-				that.$refs[itemData.deviceId + 'refbtn' ].loading = true;
+        that.$set(itemData,"loading", true);
 				this.$axios({
 					method: 'post',
 					url: '/api/device/query/devices/' + itemData.deviceId + '/sync'
@@ -224,7 +224,7 @@
 						});
 					}
 					that.initData()
-					that.$refs[itemData.deviceId + 'refbtn' ].loading = false;
+          that.$set(itemData,"loading", true);
 				}).catch(function(e) {
 					console.error(e)
           that.$message({
@@ -232,7 +232,7 @@
             message: e,
             type: 'error'
           });
-					that.$refs[itemData.deviceId + 'refbtn' ].loading = false;
+          that.$set(itemData,"loading", true);
 				});
 			},
 			//通知设备上传媒体流
diff --git a/web_src/src/components/control.vue b/web_src/src/components/control.vue
index 36515932..9a0a97e0 100644
--- a/web_src/src/components/control.vue
+++ b/web_src/src/components/control.vue
@@ -21,7 +21,7 @@
                 <div style="position: absolute; right: 1rem; top: 0.3rem;">
                     <el-popover placement="bottom" width="900" height="300" trigger="click">
                         <div style="height: 600px; overflow:auto; padding: 20px">
-                          <el-descriptions v-for="(value, key, index) in serverConfig" :key="key" border column="1" style="margin-bottom: 1rem">
+                          <el-descriptions v-for="(value, key, index) in serverConfig" :key="key" border :column="1" style="margin-bottom: 1rem">
                             <template slot="title">
                               {{key}}
                             </template>
@@ -37,9 +37,9 @@
                     </el-popover>
                     <el-popover placement="bottom" width="900" height="300" trigger="click">
                         <div style="height: 600px;overflow:auto; padding: 20px">
-                          <el-descriptions title="国标配置" border column="1">
+                          <el-descriptions title="国标配置" border :column="1">
                             <template slot="extra">
-                              <el-button style="float: right;" type="primary" size="mini" icon="el-icon-document-copy"  title="点击拷贝" v-clipboard="JSON.stringify(wvpServerConfig.sip)" @success="$message({type:'success', message:'成功拷贝到粘贴板'})"></el-button>
+                              <el-button style="float: right;" type="primary" size="mini" icon="el-icon-document-copy"  title="点击拷贝" v-clipboard="JSON.stringify(wvpServerConfig.sip)|| ''" @success="$message({type:'success', message:'成功拷贝到粘贴板'})"></el-button>
                             </template>
                             <el-descriptions-item v-for="(value, key, index) in wvpServerConfig.sip">
                               <template slot="label">
@@ -50,9 +50,9 @@
                           </el-descriptions>
 
                           <div style="margin-top: 1rem">
-                            <el-descriptions title="基础配置" border column="1">
+                            <el-descriptions title="基础配置" border :column="1">
                               <template slot="extra">
-                                <el-button style="float: right;" type="primary" size="mini" icon="el-icon-document-copy"  title="点击拷贝" v-clipboard="JSON.stringify(wvpServerConfig.base)" @success="$message({type:'success', message:'成功拷贝到粘贴板'})"></el-button>
+                                <el-button style="float: right;" type="primary" size="mini" icon="el-icon-document-copy"  title="点击拷贝" v-clipboard="JSON.stringify(wvpServerConfig.base)|| ''" @success="$message({type:'success', message:'成功拷贝到粘贴板'})"></el-button>
                               </template>
                               <el-descriptions-item v-for="(value, key, index) in wvpServerConfig.base" :key="key">
                                 <template slot="label" >
@@ -84,9 +84,9 @@
                             </el-descriptions>
                           </div>
                           <div style="margin-top: 1rem">
-                            <el-descriptions title="版本信息" border column="1">
+                            <el-descriptions title="版本信息" border :column="1">
                               <template slot="extra">
-                                <el-button style="float: right;" type="primary" size="mini" icon="el-icon-document-copy"  title="点击拷贝" v-clipboard="JSON.stringify(wvpServerVersion)" @success="$message({type:'success', message:'成功拷贝到粘贴板'})"></el-button>
+                                <el-button style="float: right;" type="primary" size="mini" icon="el-icon-document-copy"  title="点击拷贝" v-clipboard="JSON.stringify(wvpServerVersion) || ''" @success="$message({type:'success', message:'成功拷贝到粘贴板'})"></el-button>
                               </template>
                               <el-descriptions-item v-for="(value, key, index) in wvpServerVersion" :key="key">
                                 <template slot="label">