告警消除页面审批人修改

@@ -121,3 +121,7 @@
     text-align: left;
     padding-bottom: 10px;
 }
+.update-icon{
+    cursor: pointer;
+    color:#409EFF;
+}
\ No newline at end of file

@@ -106,7 +106,8 @@
                         clearable
                 />
             </span>
-            <span class="title-handle-per"  v-if="!isExamine">审批人：{{approverName}} <el-button  v-if="!isExamine" type="primary" @click="showUserDialog(true)" size="small">选择审批人</el-button>
+            <span class="title-handle-per"  v-if="!isExamine">审批人：<span class="approve-name">{{approverLabel}} <i class="el-icon-edit-outline update-icon"  v-if="!isExamine" @click="showUserDialog(true)" ></i></span>
+<!--                <el-button  v-if="!isExamine" type="primary" @click="showUserDialog(true)" size="small">选择审批人</el-button>-->
             </span>
             <span class="title-handle-per"  v-if="!isExamine">时间：{{dateTime}}</span>
         </div>

@@ -22,6 +22,7 @@ export default {
         //审批人
         let approver=Vue.ref('');
         let approverName=Vue.ref('admin');
+        let approverLabel=Vue.ref('admin');
         //操作人
         let loginName=Vue.ref('');
         let options=Vue.ref([{value:'001',name:'admin'},{value:'002',name:'root'}])
@@ -89,7 +90,7 @@ export default {
 
         //关键字标签
         const inputValue = Vue.ref('')
-        const dynamicTags = Vue.ref(['Tag 1', 'Tag 2', 'Tag 3'])
+        const dynamicTags = Vue.ref(['服务器', '虚拟机'])
         const inputVisible = Vue.ref(false)
 
         //tag标签
@@ -247,8 +248,12 @@ export default {
             let userIds = userObj.user.map(function (v) {
                 return v.username;
             });
+            let userNames = userObj.user.map(function (v) {
+                return v.nickname;
+            });
             console.log("userIds",userObj)
             approverName.value=userIds[0];
+            approverLabel.value=userNames[0];
 
         }
 
@@ -397,7 +402,8 @@ export default {
                 if (res && res.code == 0) {
                     let data=res.object;
                     if(data){
-                        approverName.value=data.adminName;
+                        approverName.value=data.admin;
+                        approverLabel.value=data.adminName;
                     }
                 }
             })
@@ -415,7 +421,7 @@ export default {
             timer.value=null;
         })
         return {
-            change,changetext,saveDetail,approver,approverName,loginName,detailText,detail,repositoryInto,reason,citeCover,alarmType,
+            change,changetext,saveDetail,approver,approverName,approverLabel,loginName,detailText,detail,repositoryInto,reason,citeCover,alarmType,
             options,inputValue,dynamicTags,inputVisible,handleClose,showInput,handleInputConfirm,
             getKeyword, timer,dateTime,getDateTime,timeFormat,
             title, dialogVisible, height, dataList, columns, closeDetail,okfunc, getPage,selectionChange,dynamicTagsAppend,