From c38c1d5dcd6b316dd4d154738a5625739766b3ef Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期四, 11 五月 2023 16:07:56 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.20.39:8989/r/LFWEB_NEW

---
 src/views/datamanage/metadataManage.vue  |  932 ++++++++++++---------------
 src/views/Archive/index.vue              |    7 
 src/views/datamanage/versionManage.vue   |  143 +--
 src/views/maintenance/userManagement.vue |  645 +++++++++---------
 src/views/userManage/roleManage.vue      |  252 +++----
 5 files changed, 891 insertions(+), 1,088 deletions(-)

diff --git a/src/views/Archive/index.vue b/src/views/Archive/index.vue
index 35cf831..5e0455f 100644
--- a/src/views/Archive/index.vue
+++ b/src/views/Archive/index.vue
@@ -93,6 +93,7 @@
             v-model="formInline.depName"
             :placeholder="$t('archiveObj.label3')"
             :popper-append-to-body="false"
+             ref="treeSelect"
           >
             <el-option
               :value="formInline.depcode"
@@ -1442,7 +1443,11 @@
       }
     };
   },
-
+  watch: {
+    "formInline.depName"() {
+      this.$refs.treeSelect.visible = false;
+    },
+  },
   mounted() {
     this.getDepTreeData();
     this.getCategorySelectData();
diff --git a/src/views/datamanage/metadataManage.vue b/src/views/datamanage/metadataManage.vue
index 5bef34d..0c92ee3 100644
--- a/src/views/datamanage/metadataManage.vue
+++ b/src/views/datamanage/metadataManage.vue
@@ -1,25 +1,21 @@
 <template>
   <div class="authorityManagement_box">
-    <My-bread :list="[
+    <My-bread
+      :list="[
         `${$t('dataManage.dataManage')}`,
         `${$t('dataManage.metadataManage')}`,
-      ]"></My-bread>
+      ]"
+    ></My-bread>
     <el-divider />
-    <div
-      class="inquire subpage_Div"
-      ref="container"
-    >
-      <el-form
-        ref="queryForm"
-        :model="queryForm"
-        :inline="true"
-      >
+    <div class="inquire subpage_Div" ref="container">
+      <el-form ref="queryForm" :model="queryForm" :inline="true">
         <div class="flex_box">
           <div style="margin-right: auto">
             <el-form-item size="small">
               <el-select
                 :popper-append-to-body="false"
                 v-model="queryForm.depName"
+                ref="treeSelect"
               >
                 <el-option
                   :value="queryForm.depid"
@@ -53,6 +49,7 @@
               <el-select
                 :popper-append-to-body="false"
                 v-model="queryForm.dirName"
+                ref="treeSelect1"
               >
                 <el-option
                   :value="queryForm.dirid"
@@ -98,21 +95,19 @@
                 </el-option>
               </el-select>
             </el-form-item>
-            <el-form-item
-              prop="name"
-              size="small"
-            >
+            <el-form-item prop="name" size="small">
               <!--            suffix-icon="el-icon-edit"  :placeholder="$t('common.pleaseInput')"-->
               <el-input
                 v-model="queryForm.name"
                 :placeholder="$t('shuJuGuanLi.lable2')"
                 style="width: 200px"
-              ><i
+                ><i
                   slot="suffix"
                   class="el-icon-search"
                   @click="queryInfo()"
                   style="padding-right: 8px"
-                ></i></el-input>
+                ></i
+              ></el-input>
             </el-form-item>
           </div>
           <div>
@@ -132,7 +127,7 @@
                 size="small"
                 @click="deleteMetaInfo"
                 icon="el-icon-delete"
-              >{{ $t("common.delete") }}
+                >{{ $t("common.delete") }}
               </el-button>
             </el-form-item>
             <el-form-item v-if="btnStatus.download">
@@ -141,7 +136,7 @@
                 icon="el-icon-download"
                 type="success"
                 size="small"
-              >{{ $t("common.download") }}
+                >{{ $t("common.download") }}
               </el-button>
             </el-form-item>
 
@@ -151,7 +146,7 @@
                 icon="el-icon-refresh"
                 type="info"
                 size="small"
-              >{{ $t("common.reset") }}
+                >{{ $t("common.reset") }}
               </el-button>
             </el-form-item>
           </div>
@@ -202,10 +197,7 @@
       </el-form>
     </div>
     <div class="dividing-line"></div>
-    <div
-      class="table_box subpage_Div"
-      :style="styleVar"
-    >
+    <div class="table_box subpage_Div" :style="styleVar">
       <el-table
         :data="tableData"
         style="width: 100%"
@@ -213,10 +205,7 @@
         @selection-change="handleSelectionChange"
         height="calc(100% - 57px)"
       >
-        <el-table-column
-          type="selection"
-          width="55"
-        />
+        <el-table-column type="selection" width="55" />
         <el-table-column
           :label="$t('dataManage.dictionaryManageObj.number')"
           type="index"
@@ -231,7 +220,8 @@
                 title="婧愭暟鎹煡璇�"
                 @click="setQueryMetaData(scope.row)"
                 target="_blank"
-              >{{ scope.row.name }}</el-link>
+                >{{ scope.row.name }}</el-link
+              >
             </span>
             <span v-else-if="scope.row.metaid > 0">
               <el-link
@@ -239,15 +229,14 @@
                 title="鍏冩暟鎹煡璇�"
                 @click="setMetaDataQuery(scope.row)"
                 target="_blank"
-              >{{ scope.row.name }}</el-link></span>
+                >{{ scope.row.name }}</el-link
+              ></span
+            >
             <span v-else>{{ scope.row.name }}</span>
           </template>
         </el-table-column>
 
-        <el-table-column
-          prop="type"
-          :label="$t('dataManage.vmobj.format')"
-        />
+        <el-table-column prop="type" :label="$t('dataManage.vmobj.format')" />
         <el-table-column
           prop="sizes"
           :label="$t('dataManage.vmobj.size')"
@@ -270,10 +259,7 @@
           <template slot-scope="scope">
             <!-- <span ></span> -->
             <el-link></el-link>
-            <el-link
-              :underline="false"
-              @click="detail(scope.row)"
-            >{{
+            <el-link :underline="false" @click="detail(scope.row)">{{
               scope.row.tab
             }}</el-link>
           </template>
@@ -284,10 +270,7 @@
               :label="$t('dataManage.vmobj.tab')"
               :formatter="formatData"
             /> -->
-        <el-table-column
-          prop="rows"
-          :label="$t('dataManage.vmobj.row')"
-        />
+        <el-table-column prop="rows" :label="$t('dataManage.vmobj.row')" />
         <el-table-column
           prop="uname"
           :label="$t('dataManage.vmobj.createonuser')"
@@ -297,17 +280,14 @@
           :label="$t('dataManage.vmobj.createontime')"
           :formatter="formatData"
         />
-        <el-table-column
-          min-width="210"
-          :label="$t('common.operate')"
-        >
+        <el-table-column min-width="210" :label="$t('common.operate')">
           <template slot-scope="scope">
             <el-button
               @click="showDetail(scope.row)"
               type="primary"
               plain
               size="small"
-            >{{ $t("common.details") }}
+              >{{ $t("common.details") }}
             </el-button>
             <el-button
               type="warning"
@@ -316,7 +296,7 @@
               v-if="btnStatus.update"
               @click="editInfo(scope.row)"
               style="margin-left: 10px"
-            >{{ $t("common.edit") }}
+              >{{ $t("common.edit") }}
             </el-button>
             <el-button
               plain
@@ -324,15 +304,12 @@
               v-if="showPreview(scope.row)"
               @click="handlePreview(scope.row)"
               style="margin-left: 10px"
-            >{{ $t("common.preview") }}
+              >{{ $t("common.preview") }}
             </el-button>
           </template>
         </el-table-column>
       </el-table>
-      <div
-        class="pagination_box"
-        style="margin-top: 15px"
-      >
+      <div class="pagination_box" style="margin-top: 15px">
         <el-pagination
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
@@ -345,28 +322,16 @@
         </el-pagination>
       </div>
     </div>
-    <div
-      class="infoBox_box"
-      v-show="showinfoBox"
-    >
+    <div class="infoBox_box" v-show="showinfoBox">
       <div class="infoBox box_div">
-        <div
-          slot="header"
-          class="clearfix"
-        >
+        <div slot="header" class="clearfix">
           <span>{{ $t("common.details") }}</span>
-          <div
-            style="float: right; cursor: pointer"
-            @click="closeDetial"
-          >
+          <div style="float: right; cursor: pointer" @click="closeDetial">
             <i class="el-icon-close"></i>
           </div>
         </div>
         <el-divider></el-divider>
-        <div
-          class="contentBox"
-          style="padding: 1%"
-        >
+        <div class="contentBox" style="padding: 1%">
           <p>{{ $t("dataManage.vmobj.name") }}锛歿{ itemdetail.name }}</p>
           <el-divider></el-divider>
           <p>{{ $t("dataManage.vmobj.format") }}锛歿{ itemdetail.type }}</p>
@@ -396,9 +361,7 @@
           </p>
           <el-divider></el-divider>
           <p>
-            {{ $t("dataManage.vmobj.depName") }}锛歿{
-              itemdetail.updateUser
-            }}
+            {{ $t("dataManage.vmobj.depName") }}锛歿{ itemdetail.updateUser }}
           </p>
           <el-divider></el-divider>
           <p>
@@ -421,36 +384,24 @@
       :visible.sync="dialogFormVisible"
       :before-close="handleClose"
     >
-      <el-form
-        :model="editForm"
-        ref="editForm"
-      >
+      <el-form :model="editForm" ref="editForm">
         <el-form-item
           :label="$t('dataManage.vmobj.name')"
           :label-width="formLabelWidth"
         >
-          <el-input
-            v-model="editForm.name"
-            autocomplete="off"
-          ></el-input>
+          <el-input v-model="editForm.name" autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.vmobj.format')"
           :label-width="formLabelWidth"
         >
-          <el-input
-            v-model="editForm.type"
-            autocomplete="off"
-          ></el-input>
+          <el-input v-model="editForm.type" autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.vmobj.size')"
           :label-width="formLabelWidth"
         >
-          <el-input
-            v-model="editForm.sizes"
-            autocomplete="off"
-          ></el-input>
+          <el-input v-model="editForm.sizes" autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.vmobj.depName')"
@@ -516,10 +467,7 @@
           :label="$t('dataManage.vmobj.describe')"
           :label-width="formLabelWidth"
         >
-          <el-input
-            v-model="editForm.describe"
-            autocomplete="off"
-          ></el-input>
+          <el-input v-model="editForm.describe" autocomplete="off"></el-input>
         </el-form-item>
         <!-- <el-form-item
           :label="$t('dataManage.vmobj.gather')"
@@ -528,40 +476,28 @@
           <el-input v-model="editForm.gather" autocomplete="off"></el-input>
         </el-form-item> -->
       </el-form>
-      <div
-        v-if="behavior == '淇敼淇℃伅'"
-        slot="footer"
-        class="dialog-footer"
-      >
-        <el-button
-          size="small"
-          @click="cancelEdit()"
-        >{{ $t("common.reset") }}
+      <div v-if="behavior == '淇敼淇℃伅'" slot="footer" class="dialog-footer">
+        <el-button size="small" @click="cancelEdit()"
+          >{{ $t("common.reset") }}
         </el-button>
         <el-button
           size="small"
           type="primary"
           @click="sendEdit('editForm')"
           v-loading.fullscreen.lock="fullscreenLoading"
-        >{{ $t("common.submit") }}
+          >{{ $t("common.submit") }}
         </el-button>
       </div>
-      <div
-        v-else
-        slot="footer"
-        class="dialog-footer"
-      >
-        <el-button
-          size="small"
-          @click="cancelAdd('editForm')"
-        >{{ $t("common.reset") }}
+      <div v-else slot="footer" class="dialog-footer">
+        <el-button size="small" @click="cancelAdd('editForm')"
+          >{{ $t("common.reset") }}
         </el-button>
         <el-button
           size="small"
           type="primary"
           @click="sendAdd('editForm')"
           v-loading.fullscreen.lock="fullscreenLoading"
-        >{{ $t("common.submit") }}
+          >{{ $t("common.submit") }}
         </el-button>
       </div>
     </el-dialog>
@@ -593,10 +529,7 @@
             align="center"
           ></el-table-column>
         </el-table>
-        <div
-          style="margin-top: 10px"
-          class="pagination_box"
-        >
+        <div style="margin-top: 10px" class="pagination_box">
           <el-pagination
             @size-change="handleLoaderSizeChange"
             @current-change="handleLoaderCurrentChange"
@@ -610,10 +543,7 @@
         </div>
       </div>
     </el-dialog>
-    <div
-      class="downloadBox box_div subpage_Div"
-      v-if="showCodeBox"
-    >
+    <div class="downloadBox box_div subpage_Div" v-if="showCodeBox">
       <h4 style="padding: 20px">{{ $t("common.passworld") }}</h4>
       <el-form
         :model="codeForm"
@@ -622,20 +552,14 @@
         label-width="100px"
         class="codeForm"
       >
-        <el-form-item
-          :label="$t('common.passworld')"
-          prop="password"
-        >
+        <el-form-item :label="$t('common.passworld')" prop="password">
           <el-input
             type="password"
             v-model="codeForm.password"
             show-password
           ></el-input>
         </el-form-item>
-        <el-form-item
-          :label="$t('common.SPassword')"
-          prop="repassword"
-        >
+        <el-form-item :label="$t('common.SPassword')" prop="repassword">
           <el-input
             type="password"
             v-model="codeForm.repassword"
@@ -643,17 +567,11 @@
           ></el-input>
         </el-form-item>
         <el-form-item>
-          <el-button
-            class="primary"
-            size="small"
-            @click="download('codeForm')"
-          >{{ $t("common.confirm") }}
+          <el-button class="primary" size="small" @click="download('codeForm')"
+            >{{ $t("common.confirm") }}
           </el-button>
-          <el-button
-            type="info"
-            size="small"
-            @click="closeDown('codeForm')"
-          >{{ $t("common.cancel") }}
+          <el-button type="info" size="small" @click="closeDown('codeForm')"
+            >{{ $t("common.cancel") }}
           </el-button>
         </el-form-item>
       </el-form>
@@ -664,30 +582,17 @@
       width="70%"
     >
       <div style="height: 65vh; width: 100%">
-        <el-form
-          :inline="true"
-          :model="fromQueryMeta"
-          class="demo-form-inline"
-        >
+        <el-form :inline="true" :model="fromQueryMeta" class="demo-form-inline">
           <el-form-item>
-            <el-input
-              size="small"
-              v-model="fromQueryMeta.name"
-            ></el-input>
+            <el-input size="small" v-model="fromQueryMeta.name"></el-input>
           </el-form-item>
 
           <el-form-item>
-            <el-button
-              type="primary"
-              size="small"
-              @click="setSearchMetaData()"
-            >鏌ヨ
+            <el-button type="primary" size="small" @click="setSearchMetaData()"
+              >鏌ヨ
             </el-button>
-            <el-button
-              type="info"
-              size="small"
-              @click="setRestMetaData()"
-            >閲嶇疆
+            <el-button type="info" size="small" @click="setRestMetaData()"
+              >閲嶇疆
             </el-button>
           </el-form-item>
         </el-form>
@@ -743,10 +648,7 @@
             :label="$t('dataManage.dataUpObj.tableName')"
           >
             <template slot-scope="scope">
-              <a
-                class="scopeRowColor"
-                @click="detail(scope.row)"
-              >{{
+              <a class="scopeRowColor" @click="detail(scope.row)">{{
                 scope.row.tab
               }}</a>
             </template>
@@ -762,10 +664,7 @@
             :label="$t('dataManage.dataUpObj.describe')"
           />
         </el-table>
-        <div
-          class="pagination_box"
-          style="margin-top: 15px"
-        >
+        <div class="pagination_box" style="margin-top: 15px">
           <el-pagination
             @size-change="handleMetaSizeChange"
             @current-change="handMetaCurrentChange"
@@ -837,10 +736,7 @@
             :label="$t('dataManage.dataUpObj.tableName')"
           >
             <template slot-scope="scope">
-              <a
-                class="scopeRowColor"
-                @click="detail(scope.row)"
-              >{{
+              <a class="scopeRowColor" @click="detail(scope.row)">{{
                 scope.row.tab
               }}</a>
             </template>
@@ -866,10 +762,7 @@
       width="70%"
       :close-on-click-modal="false"
     >
-      <div
-        v-if="dialog.isPdf"
-        class="pdfClass"
-      >
+      <div v-if="dialog.isPdf" class="pdfClass">
         <iframe
           :src="dialog.src"
           type="application/x-google-chrome-pdf"
@@ -878,17 +771,13 @@
         >
         </iframe>
       </div>
-      <div
-        v-if="dialog.isJpg"
-        class="pdfClass"
-      >
+      <div v-if="dialog.isJpg" class="pdfClass">
         <el-image
-          style="width:100%; height:100%"
+          style="width: 100%; height: 100%"
           :src="dialog.src"
           :preview-src-list="[dialog.src]"
         >
         </el-image>
-
       </div>
     </el-dialog>
     <el-dialog
@@ -900,11 +789,7 @@
       :close-on-click-modal="false"
       :show-close="false"
     >
-      <el-form
-        ref="form"
-        :model="fileFrom"
-        label-width="100px"
-      >
+      <el-form ref="form" :model="fileFrom" label-width="100px">
         <el-form-item label="瀹℃牳鍗曚綅">
           <div>
             <ul>
@@ -930,19 +815,16 @@
             class="primary"
             size="small"
             @click="getFileInsertApply()"
-          >{{
-              $t("common.confirm")
-            }}</el-button>
+            >{{ $t("common.confirm") }}</el-button
+          >
           <el-button
             type="info"
             size="small"
             @click="handleInsertFileClose()"
-          >{{
-              $t("common.cancel")
-            }}</el-button>
+            >{{ $t("common.cancel") }}</el-button
+          >
         </el-form-item>
       </el-form>
-
     </el-dialog>
     <iframe
       id="downFrame"
@@ -953,8 +835,8 @@
 </template>
 
 <script>
-import $ from "jquery"
-import { getToken } from "@/utils/auth"
+import $ from "jquery";
+import { getToken } from "@/utils/auth";
 import {
   encr,
   deleteMeta,
@@ -973,10 +855,10 @@
   meta_selectById,
   meta_selectMetaOverflowDep,
   meta_selectDepsByCodes,
-  apply_insertApply
-} from "../../api/api"
+  apply_insertApply,
+} from "../../api/api";
 
-import MyBread from "../../components/MyBread.vue"
+import MyBread from "../../components/MyBread.vue";
 
 export default {
   name: "metadataManage",
@@ -984,22 +866,22 @@
   data() {
     var repasswordValidator = (rule, value, callback) => {
       if (value === "") {
-        callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"))
+        callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
       } else if (value !== this.codeForm.password) {
-        callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"))
+        callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
       } else {
-        callback()
+        callback();
       }
-    }
+    };
     var passwordValidator = (rule, value, callback) => {
       var passwordreg =
-        /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{12,20}$/
+        /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{12,20}$/;
       if (!passwordreg.test(value)) {
-        callback(new Error("瀵嗙爜蹇呴』鐢辨暟瀛椼�佸瓧姣嶃�佺壒娈婂瓧绗︾粍鍚�,璇疯緭鍏�13-20浣�"))
+        callback(new Error("瀵嗙爜蹇呴』鐢辨暟瀛椼�佸瓧姣嶃�佺壒娈婂瓧绗︾粍鍚�,璇疯緭鍏�13-20浣�"));
       } else {
-        callback()
+        callback();
       }
-    }
+    };
     return {
       verOptions: [],
       defaultProps: {
@@ -1025,6 +907,8 @@
         dirid: "",
         depid: "",
         verid: "",
+        depName:"",
+     
       },
       behavior: "",
       initialForm: "",
@@ -1110,277 +994,289 @@
         depid: null,
         ids: null,
         pwd: null,
-        depcodes: null
-      }
-    }
+        depcodes: null,
+      },
+    };
   },
   created() {
     // this.getSelectDictTab();
-    this.showPermsBtn()
-    this.getQueryDepTree()
+    this.showPermsBtn();
+    this.getQueryDepTree();
 
-    this.signGetPublicKey()
+    this.signGetPublicKey();
   },
   beforeDestroy() {
-    this.timer && clearTimeout(this.timer)
-    window.removeEventListener("resize", this.onResize)
+    this.timer && clearTimeout(this.timer);
+    window.removeEventListener("resize", this.onResize);
   },
+
   mounted() {
-    window.addEventListener("resize", this.onResize)
-    this.calHeight()
+    window.addEventListener("resize", this.onResize);
+    this.calHeight();
+  },
+  watch: {
+    "queryForm.depName"() {
+    
+      this.$refs.treeSelect.visible = false;
+    },
+    "queryForm.dirid"() {
+   
+      this.$refs.treeSelect1.visible = false;
+    },
   },
   methods: {
     //澶у皬鍊兼敼鍙�
     changeSizeFile(row, column, cellValue, index) {
       if (cellValue >= 1024) {
-        return parseFloat(cellValue / 1204).toFixed(3) + "GB"
+        return parseFloat(cellValue / 1204).toFixed(3) + "GB";
       } else {
-        return cellValue + "MB"
+        return cellValue + "MB";
       }
     },
     setRestMetaData() {
-      this.fromQueryMeta.name = ""
-      this.listMetaData.name = this.fromQueryMeta.name
-      this.listMetaData.pageIndex = 1
-      this.listMetaData.pageSize = 10
+      this.fromQueryMeta.name = "";
+      this.listMetaData.name = this.fromQueryMeta.name;
+      this.listMetaData.pageIndex = 1;
+      this.listMetaData.pageSize = 10;
 
-      this.startQueryMetaData()
+      this.startQueryMetaData();
     },
     setSearchMetaData() {
-      this.listMetaData.name = this.fromQueryMeta.name
-      this.listMetaData.pageIndex = 1
-      this.listMetaData.pageSize = 10
+      this.listMetaData.name = this.fromQueryMeta.name;
+      this.listMetaData.pageIndex = 1;
+      this.listMetaData.pageSize = 10;
 
-      this.startQueryMetaData()
+      this.startQueryMetaData();
     },
     //婧愭暟鎹〉闈㈠垏鎹�
     handleMetaSizeChange(val) {
-      this.listMetaData.pageIndex = 1
-      this.listMetaData.pageSize = val
-      this.startQueryMetaData()
+      this.listMetaData.pageIndex = 1;
+      this.listMetaData.pageSize = val;
+      this.startQueryMetaData();
     },
     //婧愭暟鎹〉闈㈠垏鎹�
     handMetaCurrentChange(val) {
-      this.listMetaData.pageIndex = val
-      this.startQueryMetaData()
+      this.listMetaData.pageIndex = val;
+      this.startQueryMetaData();
     },
     //鍏冩暟鎹煡璇�
     async setMetaDataQuery(row) {
-      this.fromQueryMeta.title = row.name
+      this.fromQueryMeta.title = row.name;
       this.listMetaData = {
         id: row.metaid,
         // name: "",
         // pageIndex: 1,
         // pageSize: 10,
         // count: 0,
-      }
-      const data = await meta_selectById(this.listMetaData)
+      };
+      const data = await meta_selectById(this.listMetaData);
       if (data.code != 200) {
-        return
+        return;
       }
 
-      this.queryMetaFlag1 = true
-      this.metaDataTable1 = [data.result]
+      this.queryMetaFlag1 = true;
+      this.metaDataTable1 = [data.result];
       // this.listMetaData.count = data.count;
     },
     //婧愭暟鎹煡璇�
     setQueryMetaData(row) {
-      this.fromQueryMeta.title = row.name
+      this.fromQueryMeta.title = row.name;
       this.listMetaData = {
         metaid: row.id,
         name: "",
         pageIndex: 1,
         pageSize: 10,
         count: 0,
-      }
-      this.startQueryMetaData()
-      this.queryMetaFlag = true
+      };
+      this.startQueryMetaData();
+      this.queryMetaFlag = true;
     },
     async startQueryMetaData() {
-      const data = await meta_selectPageAndCountByPid(this.listMetaData)
+      const data = await meta_selectPageAndCountByPid(this.listMetaData);
       if (data.code != 200) {
-        return
+        return;
       }
-      this.metaDataTable = data.result
-      this.listMetaData.count = data.count
+      this.metaDataTable = data.result;
+      this.listMetaData.count = data.count;
     },
 
     onResize() {
-      this.timer && clearTimeout(this.timer)
+      this.timer && clearTimeout(this.timer);
       this.timer = setTimeout(() => {
-        this.calHeight()
-      }, 500)
+        this.calHeight();
+      }, 500);
     },
     calHeight() {
       this.$nextTick(() => {
-        const rect = this.$refs.container.getBoundingClientRect()
-        this.tableHeight = `${rect.height + 97}px`
-        this.styleVar["height"] = `calc(100% - ${rect.height + 28}px)`
-      })
+        const rect = this.$refs.container.getBoundingClientRect();
+        this.tableHeight = `${rect.height + 97}px`;
+        this.styleVar["height"] = `calc(100% - ${rect.height + 28}px)`;
+      });
     },
     async detail(res) {
-      var val = res.tab.split(".")
+      var val = res.tab.split(".");
       const data = await meta_selectFields({
         ns: val[0],
         tab: val[1],
-      })
+      });
 
       if (data.code != 200) {
-        this.$message.error("瀛楁鍒楄〃璋冪敤澶辫触")
-        return
+        this.$message.error("瀛楁鍒楄〃璋冪敤澶辫触");
+        return;
       }
 
-      this.dialogVisible = true
+      this.dialogVisible = true;
 
-      this.attributeData = data.result
+      this.attributeData = data.result;
 
       this.listLoader = {
         id: res.id,
         pageIndex: 1,
         pageSize: 10,
-      }
-      this.getDataLoaderSelectDbData()
+      };
+      this.getDataLoaderSelectDbData();
     },
 
     async getDataLoaderSelectDbData() {
-      const data1 = await meta_selectByPageForUpload(this.listLoader)
+      const data1 = await meta_selectByPageForUpload(this.listLoader);
       if (data1.code != 200) {
-        this.$message.error("瀛楁鍒楄〃璋冪敤澶辫触")
-        return
+        this.$message.error("瀛楁鍒楄〃璋冪敤澶辫触");
+        return;
       }
 
-      var option = data1.result
+      var option = data1.result;
       for (var i in option) {
-        option[i].dirid = option[i].dirName
-        option[i].depid = option[i].depName
-        option[i].createuser = option[i].createName
-        option[i].updateuser = option[i].updateName
-        option[i].verid = option[i].verName
+        option[i].dirid = option[i].dirName;
+        option[i].depid = option[i].depName;
+        option[i].createuser = option[i].createName;
+        option[i].updateuser = option[i].updateName;
+        option[i].verid = option[i].verName;
         if (option[i].createtime != null) {
-          option[i].createtime = this.setInfoBoxTime(option[i].createtime)
+          option[i].createtime = this.setInfoBoxTime(option[i].createtime);
         }
         if (option[i].updatetime != null) {
-          option[i].updatetime = this.setInfoBoxTime(option[i].updatetime)
+          option[i].updatetime = this.setInfoBoxTime(option[i].updatetime);
         }
       }
-      this.dbTableData = data1.result
-      this.count1 = data1.count
+      this.dbTableData = data1.result;
+      this.count1 = data1.count;
     },
     handleLoaderSizeChange(val) {
-      this.listLoader.pageIndex = 1
-      this.listLoader.pageSize = val
-      this.getDataLoaderSelectDbData()
+      this.listLoader.pageIndex = 1;
+      this.listLoader.pageSize = val;
+      this.getDataLoaderSelectDbData();
     },
     handleLoaderCurrentChange(val) {
-      this.listLoader.pageIndex = val
-      this.getDataLoaderSelectDbData()
+      this.listLoader.pageIndex = val;
+      this.getDataLoaderSelectDbData();
     },
 
     async signGetPublicKey() {
-      const res = await sign_getPublicKey()
+      const res = await sign_getPublicKey();
       if (res && res.code == 200) {
-        window.encrypt = new JSEncrypt()
-        encrypt.setPublicKey(res.result)
+        window.encrypt = new JSEncrypt();
+        encrypt.setPublicKey(res.result);
       }
     },
     //鍗曚綅鍒楄〃鑾峰彇
     async getQueryDepTree() {
-      const res = await selectdepTab()
+      const res = await selectdepTab();
       if (res.code != 200) {
-        this.$message.error("鍗曚綅鍒楄〃鑾峰彇澶辫触")
-        return
+        this.$message.error("鍗曚綅鍒楄〃鑾峰彇澶辫触");
+        return;
       }
-      this.companyOption1 = this.treeData(res.result)
-      this.queryForm.depcode = this.companyOption1[0].code
-      this.queryForm.depName = this.companyOption1[0].name
-      this.getQueryDirTree()
+      this.companyOption1 = this.treeData(res.result);
+      this.queryForm.depcode = this.companyOption1[0].code;
+      this.queryForm.depName = this.companyOption1[0].name;
+      this.getQueryDirTree();
     },
 
     async getQueryDirTree() {
-      const res = await selectdirTab()
+      const res = await selectdirTab();
       if (res.code != 200) {
-        this.$message.error("鍗曚綅鍒楄〃鑾峰彇澶辫触")
-        return
+        this.$message.error("鍗曚綅鍒楄〃鑾峰彇澶辫触");
+        return;
       }
-      this.companyOption = this.treeData(res.result)
-      this.queryForm.dirid = this.companyOption[0].id
-      this.queryForm.dircode = this.companyOption[0].code
-      this.queryForm.dirName = this.companyOption[0].name
-      this.getQueryVerList()
+      this.companyOption = this.treeData(res.result);
+      this.queryForm.dirid = this.companyOption[0].id;
+      this.queryForm.dircode = this.companyOption[0].code;
+      this.queryForm.dirName = this.companyOption[0].name;
+      this.getQueryVerList();
     },
 
     async getQueryVerList() {
-      const data = await meta_selectVerByDirid({ dirid: this.queryForm.dirid })
+      const data = await meta_selectVerByDirid({ dirid: this.queryForm.dirid });
       if (data.code != 200) {
-        this.$message.error("鐗堟湰鍒楄〃鑾峰彇澶辫触")
-        return
+        this.$message.error("鐗堟湰鍒楄〃鑾峰彇澶辫触");
+        return;
       }
-      this.verOptions = data.result
-      this.queryForm.verid = data.result[0].id
-      this.getMetaData()
+      this.verOptions = data.result;
+      this.queryForm.verid = data.result[0].id;
+      this.getMetaData();
     },
     verHandleChange(val) {
-      this.queryForm.verid = val
-      this.listData.pageSize = 10
-      this.listData.pageIndex = 1
-      this.getMetaData()
+      this.queryForm.verid = val;
+      this.listData.pageSize = 10;
+      this.listData.pageIndex = 1;
+      this.getMetaData();
     },
     handleChange(data, node, nodeData) {
-      this.listData.pageSize = 10
-      this.listData.pageIndex = 1
-      this.queryForm.dircode = data.code
-      this.queryForm.dirid = data.id
-      this.queryForm.dirName = data.name
-      this.getQueryVerList()
+      this.listData.pageSize = 10;
+      this.listData.pageIndex = 1;
+      this.queryForm.dircode = data.code;
+      this.queryForm.dirid = data.id;
+      this.queryForm.dirName = data.name;
+      this.getQueryVerList();
     },
     handleChange1(data, node, nodeData) {
-      this.listData.pageSize = 10
-      this.listData.pageIndex = 1
-      this.queryForm.depcode = data.code
-      this.queryForm.depName = data.name
-      this.getMetaData()
+      this.listData.pageSize = 10;
+      this.listData.pageIndex = 1;
+      this.queryForm.depcode = data.code;
+      this.queryForm.depName = data.name;
+
+      this.getMetaData();
     },
     handleChange2(data, node, nodeData) {
-      this.editForm.depid = data.id
-      this.editForm.depcode = data.code
-      this.editForm.depName = data.name
+      this.editForm.depid = data.id;
+      this.editForm.depcode = data.code;
+      this.editForm.depName = data.name;
     },
     handleChange3(data, node, nodeData) {
-      this.editForm.dirid = data.id
-      this.editForm.dircode = data.code
-      this.editForm.dirName = data.name
+      this.editForm.dirid = data.id;
+      this.editForm.dircode = data.code;
+      this.editForm.dirName = data.name;
     },
     //鏍煎紡鍖栧垪琛�
     formatData(row, column) {
-      let data = row[column.property]
+      let data = row[column.property];
       if (data == null) {
-        return data
+        return data;
       }
-      return this.format(data)
+      return this.format(data);
     },
     setInfoBoxTime(res) {
       if (res == null) {
-        return res
+        return res;
       }
-      return this.format(res)
+      return this.format(res);
     },
     setInfoBoxSize(res) {
       if (res >= 1024) {
-        return parseFloat(res / 1024).toFixed(3) + " GB"
+        return parseFloat(res / 1024).toFixed(3) + " GB";
       } else {
-        return res + " MB"
+        return res + " MB";
       }
     },
     //鏍煎紡鍖栨椂闂�
     format(shijianchuo) {
       //shijianchuo鏄暣鏁帮紝鍚﹀垯瑕乸arseInt杞崲
-      var time = new Date(shijianchuo)
-      var y = time.getFullYear()
-      var m = time.getMonth() + 1
-      var d = time.getDate()
-      var h = time.getHours()
-      var mm = time.getMinutes()
-      var s = time.getSeconds()
+      var time = new Date(shijianchuo);
+      var y = time.getFullYear();
+      var m = time.getMonth() + 1;
+      var d = time.getDate();
+      var h = time.getHours();
+      var mm = time.getMinutes();
+      var s = time.getSeconds();
       return (
         y +
         "-" +
@@ -1393,47 +1289,47 @@
         mm +
         ":" +
         s
-      )
+      );
     },
     //鏍煎紡鍖栨椂闂�
     add0(m) {
-      return m < 10 ? "0" + m : m
+      return m < 10 ? "0" + m : m;
     },
     //鍗曚綅杞崲
     stateFormatSizes(row, column) {
       if (row.sizes >= 1024) {
-        const val = parseFloat(row.sizes / 1024).toFixed(3)
-        return val + " GB"
+        const val = parseFloat(row.sizes / 1024).toFixed(3);
+        return val + " GB";
       } else {
-        return row.sizes + " MB"
+        return row.sizes + " MB";
       }
     },
     //鐩綍鏍戣幏鍙�
     async getSelectDictTab() {
-      const res = await selectdirTab()
+      const res = await selectdirTab();
       if (res.code != 200) {
-        this.$message.error("鍒楄〃璋冪敤澶辫触")
+        this.$message.error("鍒楄〃璋冪敤澶辫触");
       }
-      this.optionCount = this.treeData(res.result)
-      this.dirComPanyOption = this.treeData(res.result)
-      this.listData.depcode = this.optionCount[0].code
+      this.optionCount = this.treeData(res.result);
+      this.dirComPanyOption = this.treeData(res.result);
+      this.listData.depcode = this.optionCount[0].code;
     },
     handleNodeClick(data) {
-      this.listData.pageSize = 10
-      this.listData.pageIndex = 1
-      this.listData.dirid = data.id
-      this.getMetaData()
+      this.listData.pageSize = 10;
+      this.listData.pageIndex = 1;
+      this.listData.dirid = data.id;
+      this.getMetaData();
     },
     getTableDesc(res) {
-      this.activeName = res.tab
+      this.activeName = res.tab;
     },
     //鏄剧ず鏉冮檺鎸夐挳
     showPermsBtn() {
-      let currentPerms = this.$store.state.currentPerms
-      let permsEntity = this.$store.state.permsEntity
+      let currentPerms = this.$store.state.currentPerms;
+      let permsEntity = this.$store.state.permsEntity;
       permsEntity
-        .filter(item => item.perms == currentPerms)
-        .map(item => (this.btnStatus[item.tag.substr(1)] = true))
+        .filter((item) => item.perms == currentPerms)
+        .map((item) => (this.btnStatus[item.tag.substr(1)] = true));
     },
     // ShowWindowFly(res) {
     //   console.log(res);
@@ -1469,83 +1365,83 @@
     // },
     // 璇锋眰鏁版嵁鍐呭
     getMetaData() {
-      this.listData.depcode = this.queryForm.depcode
-      this.listData.dircode = this.queryForm.dircode
+      this.listData.depcode = this.queryForm.depcode;
+      this.listData.dircode = this.queryForm.dircode;
 
-      this.listData.verid = this.queryForm.verid
+      this.listData.verid = this.queryForm.verid;
       // this.listData.dirid = 57
 
-      select_meta_ByPageAndCount(this.listData).then(res => {
-        this.tableData = res.result
-        this.count = res.count
-      })
+      select_meta_ByPageAndCount(this.listData).then((res) => {
+        this.tableData = res.result;
+        this.count = res.count;
+      });
     },
     // 鏌ヨ
     queryInfo() {
-      this.listData.name = this.queryForm.name.trim()
-      this.listData.pageSize = 10
-      this.listData.pageIndex = 1
-      this.getMetaData()
+      this.listData.name = this.queryForm.name.trim();
+      this.listData.pageSize = 10;
+      this.listData.pageIndex = 1;
+      this.getMetaData();
     },
     // 閲嶇疆鏌ヨ
     resetInfo(formName) {
-      this.$refs[formName].resetFields()
-      this.listData.pageSize = 10
-      this.listData.pageIndex = 1
-      this.listData.name = null
-      this.queryForm.dirid = this.companyOption[0].id
-      this.queryForm.depid = this.companyOption1[0].id
-      this.queryForm.dircode = this.companyOption[0].code
-      this.queryForm.depcode = this.companyOption1[0].code
-      this.queryForm.dirName = this.companyOption[0].name
-      this.queryForm.depName = this.companyOption1[0].name
-      this.getQueryVerList()
-      this.getMetaData()
+      this.$refs[formName].resetFields();
+      this.listData.pageSize = 10;
+      this.listData.pageIndex = 1;
+      this.listData.name = null;
+      this.queryForm.dirid = this.companyOption[0].id;
+      this.queryForm.depid = this.companyOption1[0].id;
+      this.queryForm.dircode = this.companyOption[0].code;
+      this.queryForm.depcode = this.companyOption1[0].code;
+      this.queryForm.dirName = this.companyOption[0].name;
+      this.queryForm.depName = this.companyOption1[0].name;
+      this.getQueryVerList();
+      this.getMetaData();
     },
     //鏂板鎸夐挳
     showAddDialog() {
-      this.behavior = "鏂板鐢ㄦ埛"
-      this.editForm = {}
-      this.dialogFormVisible = true
+      this.behavior = "鏂板鐢ㄦ埛";
+      this.editForm = {};
+      this.dialogFormVisible = true;
     },
     cancelAdd(formName) {
-      this.editForm = {}
-      this.$refs[formName].resetFields()
+      this.editForm = {};
+      this.$refs[formName].resetFields();
     },
     sendAdd(formName) {
-      this.$refs[formName].validate(valid => {
+      this.$refs[formName].validate((valid) => {
         if (valid) {
-          this.fullscreenLoading = true
+          this.fullscreenLoading = true;
           insertMeta(this.editForm)
-            .then(res => {
+            .then((res) => {
               setTimeout(() => {
-                this.fullscreenLoading = false
+                this.fullscreenLoading = false;
                 if (res.code == 200) {
-                  this.listData.pageSize = 10
-                  this.listData.pageIndex = 1
-                  this.getMetaData()
+                  this.listData.pageSize = 10;
+                  this.listData.pageIndex = 1;
+                  this.getMetaData();
                   this.$message({
                     message: "娣诲姞鎴愬姛",
                     type: "success",
-                  })
-                  this.editForm = {}
-                  this.dialogFormVisible = false
+                  });
+                  this.editForm = {};
+                  this.dialogFormVisible = false;
                 }
-              }, 500)
+              }, 500);
             })
-            .catch(res => {
-              alert("淇敼澶辫触锛岃閲嶈瘯锛�")
-              this.fullscreenLoading = false
-            })
+            .catch((res) => {
+              alert("淇敼澶辫触锛岃閲嶈瘯锛�");
+              this.fullscreenLoading = false;
+            });
         } else {
-          console.log("error submit!!")
-          return false
+          console.log("error submit!!");
+          return false;
         }
-      })
+      });
     },
     // 鑾峰彇澶氶�夐�変腑鐨勫璞�
     handleSelectionChange(val) {
-      this.multipleSelection = val
+      this.multipleSelection = val;
     },
     // 鍒犻櫎澶氭潯
     deleteMetaInfo() {
@@ -1555,62 +1451,62 @@
         type: "warning",
       })
         .then(() => {
-          var std = []
+          var std = [];
           for (var i in this.multipleSelection) {
-            std.push(this.multipleSelection[i].id)
+            std.push(this.multipleSelection[i].id);
           }
-          deleteMeta({ ids: std.toString() }).then(res => {
+          deleteMeta({ ids: std.toString() }).then((res) => {
             if (res.code == 200) {
               this.$message({
                 type: "success",
                 message: "鍒犻櫎鎴愬姛!",
-              })
-              this.multipleSelection = []
+              });
+              this.multipleSelection = [];
               // this.listData.pageSize = 10
-              this.listData.pageIndex = 1
-              this.getMetaData()
+              this.listData.pageIndex = 1;
+              this.getMetaData();
             } else {
-              this.$message.error("鍒犻櫎澶辫触")
-              this.multipleSelection = []
+              this.$message.error("鍒犻櫎澶辫触");
+              this.multipleSelection = [];
             }
-          })
+          });
         })
         .catch(() => {
-          this.$message("宸插彇娑堝垹闄�")
-        })
+          this.$message("宸插彇娑堝垹闄�");
+        });
     },
 
     // 鏌ョ湅鐣岄潰
     showDetail(row) {
       // console.log(index, row);
-      this.showinfoBox = true
-      this.itemdetail = row
+      this.showinfoBox = true;
+      this.itemdetail = row;
     },
     // 鍏抽棴鏌ョ湅
     closeDetial() {
-      this.showinfoBox = false
-      this.itemdetail = {}
+      this.showinfoBox = false;
+      this.itemdetail = {};
     },
     // 淇敼鐣岄潰
     editInfo(row) {
       // console.log(row);
-      delete row.createTime
-      delete row.createUser
-      delete row.updateUser
-      delete row.updateUser
-      this.initialForm = JSON.stringify(row) //澶囦唤
-      this.behavior = "淇敼淇℃伅"
-      this.editForm = JSON.parse(JSON.stringify(row))
-      this.dialogFormVisible = true
-      this.getSelectDictTab()
+      delete row.createTime;
+      delete row.createUser;
+      delete row.updateUser;
+      delete row.updateUser;
+      this.initialForm = JSON.stringify(row); //澶囦唤
+      this.behavior = "淇敼淇℃伅";
+      this.editForm = JSON.parse(JSON.stringify(row));
+      this.dialogFormVisible = true;
+      this.getSelectDictTab();
     },
     handleClose(done) {
       this.$confirm("纭鍏抽棴锛�")
-        .then(_ => {
-          this.editForm = {}
-          done()
+        .then((_) => {
+          this.editForm = {};
+          done();
         })
-        .catch(_ => { })
+        .catch((_) => {});
     },
 
     // 鎻愪氦淇敼
@@ -1621,68 +1517,68 @@
         type: "warning",
       })
         .then(() => {
-          this.dialogFormVisible = false
-          updateMeta(this.editForm).then(res => {
+          this.dialogFormVisible = false;
+          updateMeta(this.editForm).then((res) => {
             setTimeout(() => {
-              this.fullscreenLoading = false
+              this.fullscreenLoading = false;
               if (res.code == 200) {
-                this.listData.pageSize = 10
-                this.listData.pageIndex = 1
-                this.getMetaData()
+                this.listData.pageSize = 10;
+                this.listData.pageIndex = 1;
+                this.getMetaData();
                 this.$message({
                   message: "淇敼鎴愬姛",
                   type: "success",
-                })
-                this.editForm = {}
-                this.dialogFormVisible = false
+                });
+                this.editForm = {};
+                this.dialogFormVisible = false;
               }
-            }, 500)
-          })
+            }, 500);
+          });
         })
         .catch(() => {
-          alert("淇敼澶辫触锛岃閲嶈瘯锛�")
-          this.fullscreenLoading = false
-        })
+          alert("淇敼澶辫触锛岃閲嶈瘯锛�");
+          this.fullscreenLoading = false;
+        });
     },
     cancelEdit() {
       this.$nextTick(() => {
-        this.editForm = JSON.parse(this.initialForm)
-      })
+        this.editForm = JSON.parse(this.initialForm);
+      });
     },
     async download() {
-      var ids = []
+      var ids = [];
       for (var i in this.multipleSelection) {
-        ids.push(this.multipleSelection[i].id)
+        ids.push(this.multipleSelection[i].id);
       }
       var obj = {
         ids: ids,
       };
-      const data = await meta_selectMetaOverflowDep(obj)
+      const data = await meta_selectMetaOverflowDep(obj);
       if (data.code != 200) {
-        return
+        return;
       }
-      var password = this.codeForm.repassword
+      var password = this.codeForm.repassword;
       if (data.result.length == 0) {
         var obj = {
           pwd: encrypt.encrypt(this.codeForm.repassword),
           ids: ids,
-        }
-        const res = await meta_downloadReq(JSON.stringify(obj))
+        };
+        const res = await meta_downloadReq(JSON.stringify(obj));
         if (res.code != 200) {
-          this.$message.error("涓嬭浇璇锋眰澶辫触")
-          return
+          this.$message.error("涓嬭浇璇锋眰澶辫触");
+          return;
         }
 
         var downObj = {
           guid: res.result,
           pwd: encodeURIComponent(encrypt.encrypt(this.codeForm.repassword)),
-        }
-        const data1 = await meta_selectDownloadFile(downObj)
+        };
+        const data1 = await meta_selectDownloadFile(downObj);
         if (data1.code != 200) {
-          this.$message.error("涓嬭浇璇锋眰澶辫触")
-          return
+          this.$message.error("涓嬭浇璇锋眰澶辫触");
+          return;
         }
-        var token = getToken()
+        var token = getToken();
         var url =
           BASE_URL +
           "/meta/downloadFile?token=" +
@@ -1690,39 +1586,39 @@
           "&guid=" +
           res.result +
           "&pwd=" +
-          encodeURIComponent(encrypt.encrypt(this.codeForm.repassword))
+          encodeURIComponent(encrypt.encrypt(this.codeForm.repassword));
 
-        $("#downFrame").attr("src", url).click()
+        $("#downFrame").attr("src", url).click();
       } else {
-        var val = ""
+        var val = "";
         var std = [];
         for (var i in data.result) {
           if (val == "") {
-            val += "codes=" + data.result[i]
+            val += "codes=" + data.result[i];
           } else {
-            val += "&codes=" + data.result[i]
+            val += "&codes=" + data.result[i];
           }
           std.push({
             name: data.result[i],
-          })
+          });
         }
-        const data1 = await meta_selectDepsByCodes(val)
+        const data1 = await meta_selectDepsByCodes(val);
         if (data1.code != 200) {
-          return
+          return;
         }
 
-        this.fileFrom.depid = data1.result
+        this.fileFrom.depid = data1.result;
         this.fileFrom.ids = ids;
         this.fileFrom.pwd = encr(password);
         this.fileFrom.depcodes = data.result;
         this.dialogInsertFile = true;
       }
 
-      this.closeDown()
+      this.closeDown();
     },
 
     async getFileInsertApply() {
-      this.dialogInsertFile = false
+      this.dialogInsertFile = false;
 
       var obj = {
         ids: this.fileFrom.ids,
@@ -1730,118 +1626,106 @@
         tabs: ["鍏冩暟鎹〃"],
         entities: ["sysmeta"],
         descr: this.fileFrom.descr,
-        depcodes: this.fileFrom.depcodes
+        depcodes: this.fileFrom.depcodes,
       };
 
-      const data = await apply_insertApply(JSON.stringify(obj))
+      const data = await apply_insertApply(JSON.stringify(obj));
       this.handleInsertFileClose();
       if (data.code != 200) {
-        this.$message.error("鏁版嵁鐢宠澶辫触")
-        return
+        this.$message.error("鏁版嵁鐢宠澶辫触");
+        return;
       }
       this.$message({
         message: "鏁版嵁鐢宠鎴愬姛",
         type: "success",
-      })
-
-
+      });
     },
     handleInsertFileClose() {
-      this.dialogInsertFile = false
+      this.dialogInsertFile = false;
       this.fileFrom = {
         descr: null,
         depid: null,
         ids: null,
         pwd: null,
-        depcodes: null
-      }
+        depcodes: null,
+      };
     },
 
-
-
-
-
-
-
-
-
-
-
     closeDown() {
-      this.showCodeBox = false
-      this.codeForm.password = ""
-      this.codeForm.repassword = ""
+      this.showCodeBox = false;
+      this.codeForm.password = "";
+      this.codeForm.repassword = "";
     },
     downFormData() {
       if (this.multipleSelection.length == 0) {
-        alert("璇峰厛閫夋嫨瑕佷笅杞界殑鏂囦欢")
-        return
+        alert("璇峰厛閫夋嫨瑕佷笅杞界殑鏂囦欢");
+        return;
       }
-      this.showCodeBox = true
+      this.showCodeBox = true;
     },
 
     handleSizeChange(val) {
-      this.listData.pageSize = val
-      this.listData.pageIndex = 1
-      this.getMetaData()
+      this.listData.pageSize = val;
+      this.listData.pageIndex = 1;
+      this.getMetaData();
     },
     handleCurrentChange(val) {
-      this.listData.pageIndex = val
-      this.getMetaData()
+      this.listData.pageIndex = val;
+      this.getMetaData();
     },
     //鏍戝垪琛ㄧ敓鎴�
     treeData(source) {
-      let cloneData = JSON.parse(JSON.stringify(source)) // 瀵规簮鏁版嵁娣卞害鍏嬮殕
-      return cloneData.filter(father => {
+      let cloneData = JSON.parse(JSON.stringify(source)); // 瀵规簮鏁版嵁娣卞害鍏嬮殕
+      return cloneData.filter((father) => {
         // 寰幆鎵�鏈夐」
-        let branchArr = cloneData.filter(child => father.id == child.pid) // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁
-        branchArr.length > 0 ? (father.children = branchArr) : "" // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
-        return father.pid == 0 // 杩斿洖涓�绾ц彍鍗�
-      })
+        let branchArr = cloneData.filter((child) => father.id == child.pid); // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁
+        branchArr.length > 0 ? (father.children = branchArr) : ""; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
+        return father.pid == 0; // 杩斿洖涓�绾ц彍鍗�
+      });
     },
     showPreview(row) {
-      let name = row.name
-      if (!name) return false
+      let name = row.name;
+      if (!name) return false;
       return (
         name.indexOf("pdf") != -1 ||
         name.indexOf("jpg") != -1 ||
         name.indexOf("gif") != -1 ||
         name.indexOf("png") != -1 ||
         name.indexOf("jpeg") != -1
-      )
+      );
     },
     handlePreview(row) {
-      let name = row.name
-      this.refreshAttatchDetail()
+      let name = row.name;
+      this.refreshAttatchDetail();
 
       if (name.indexOf(".pdf") != -1) {
-        this.dialog.isPdf = true
+        this.dialog.isPdf = true;
       } else if (
         name.indexOf(".jpg") != -1 ||
         name.indexOf(".gif") != -1 ||
         name.indexOf(".png") != -1 ||
         name.indexOf(".jpeg") != -1
       ) {
-        this.dialog.isJpg = true
+        this.dialog.isJpg = true;
       }
-      this.dialog.dialogVisible = true
+      this.dialog.dialogVisible = true;
 
       var url =
         BASE_URL +
         "/inquiry/downloadForView?guid=" +
         row.guid +
         "&token=" +
-        getToken()
-      this.dialog.src = url
+        getToken();
+      this.dialog.src = url;
     },
     refreshAttatchDetail() {
-      this.dialog.src = ""
-      this.dialog.dialogVisible = false
-      this.dialog.isPdf = false
-      this.dialog.isJpg = false
+      this.dialog.src = "";
+      this.dialog.dialogVisible = false;
+      this.dialog.isPdf = false;
+      this.dialog.isJpg = false;
     },
   },
-}
+};
 </script>
 <style lang="less" scoped>
 //@import url(); 寮曞叆鍏叡css绫�
diff --git a/src/views/datamanage/versionManage.vue b/src/views/datamanage/versionManage.vue
index dd25276..6c3b264 100644
--- a/src/views/datamanage/versionManage.vue
+++ b/src/views/datamanage/versionManage.vue
@@ -1,19 +1,14 @@
 <template>
   <div class="verSionBox">
-    <My-bread :list="[
+    <My-bread
+      :list="[
         `${$t('dataManage.dataManage')}`,
         `${$t('dataManage.versionManage')}`,
-      ]"></My-bread>
+      ]"
+    ></My-bread>
     <el-divider />
-    <div
-      class="inquire subpage_Div"
-      ref="container"
-    >
-      <el-form
-        ref="ruleForm"
-        :model="ruleForm"
-        :inline="true"
-      >
+    <div class="inquire subpage_Div" ref="container">
+      <el-form ref="ruleForm" :model="ruleForm" :inline="true">
         <div class="flex_box">
           <div style="margin-right: auto">
             <el-form-item size="small">
@@ -22,6 +17,7 @@
                 v-model="ruleForm.dirid"
                 placeholder="璇烽�夋嫨瀛樺偍鐩綍"
                 style="width: 200px"
+                ref="treeSelect"
               >
                 <el-option
                   :value="ruleForm.dirid"
@@ -55,12 +51,13 @@
               <el-input
                 v-model="ruleForm.name"
                 :placeholder="$t('shuJuGuanLi.lable5')"
-              ><i
+                ><i
                   slot="suffix"
                   class="el-icon-search"
                   @click="onSubmit('ruleForm')"
                   style="padding-right: 8px"
-                ></i></el-input>
+                ></i
+              ></el-input>
             </el-form-item>
           </div>
           <div>
@@ -71,7 +68,8 @@
                 @click="(InsertFormdialog = true), getSelectdirTab()"
                 icon="el-icon-plus"
                 size="small"
-              >{{ $t("common.append") }}</el-button>
+                >{{ $t("common.append") }}</el-button
+              >
               <!--              <el-button
                 @click="onSubmit('ruleForm')"
                 icon="el-icon-search"
@@ -84,7 +82,8 @@
                 @click="resetForm('ruleForm')"
                 icon="el-icon-delete"
                 size="small"
-              >{{ $t("common.empty") }}</el-button>
+                >{{ $t("common.empty") }}</el-button
+              >
             </el-form-item>
           </div>
         </div>
@@ -92,10 +91,7 @@
     </div>
 
     <div class="dividing-line"></div>
-    <div
-      class="table_box"
-      :style="styleVar"
-    >
+    <div class="table_box" :style="styleVar">
       <el-table
         :data="tableData"
         style="width: 100%"
@@ -108,11 +104,7 @@
           :label="$t('dataManage.vmobj.index')"
           width="70px"
         />
-        <el-table-column
-          align="center"
-          prop="id"
-          v-if="false"
-        />
+        <el-table-column align="center" prop="id" v-if="false" />
         <el-table-column
           align="center"
           prop="name"
@@ -150,10 +142,7 @@
           :label="$t('dataManage.vmobj.updateontime')"
           :formatter="formatTime"
         />
-        <el-table-column
-          min-width="150"
-          :label="$t('common.operate')"
-        >
+        <el-table-column min-width="150" :label="$t('common.operate')">
           <template slot-scope="scope">
             <el-button
               v-if="btnStatus.update"
@@ -164,21 +153,20 @@
               type="warning"
               size="small"
               plain
-            >{{ $t("common.update") }}</el-button>
+              >{{ $t("common.update") }}</el-button
+            >
             <el-button
               v-if="btnStatus.delete"
               @click="handleDelete(scope.$index, scope.row)"
               type="danger"
               size="small"
               plain
-            >{{ $t("common.delete") }}</el-button>
+              >{{ $t("common.delete") }}</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
-      <div
-        class="pagination_box"
-        style="margin-top: 15px"
-      >
+      <div class="pagination_box" style="margin-top: 15px">
         <el-pagination
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
@@ -198,10 +186,7 @@
       :before-close="handleClose"
     >
       <div style="height: 500px; overflow: auto">
-        <el-form
-          :model="upform"
-          label-position="top"
-        >
+        <el-form :model="upform" label-position="top">
           <el-form-item
             :label="$t('dataManage.vmobj.name')"
             :label-width="formLabelWidth"
@@ -209,7 +194,7 @@
             <el-input
               v-model="upform.name"
               autocomplete="off"
-              style="width:85%"
+              style="width: 85%"
             ></el-input>
           </el-form-item>
           <el-form-item
@@ -220,7 +205,7 @@
               :popper-append-to-body="false"
               v-model="upform.dirid"
               :placeholder="$t('shuJuGuanLi.pselect.select')"
-              style="width:85%"
+              style="width: 85%"
             >
               <el-option
                 :value="upform.dirid"
@@ -251,27 +236,16 @@
             <el-input
               v-model="upform.descr"
               autocomplete="off"
-              style="width:85%"
+              style="width: 85%"
             ></el-input>
           </el-form-item>
         </el-form>
       </div>
-      <div
-        slot="footer"
-        type="info"
-        class="dialog-footer"
-      >
-        <el-button
-          size="small"
-          @click="editFromDataClose"
-        >{{
+      <div slot="footer" type="info" class="dialog-footer">
+        <el-button size="small" @click="editFromDataClose">{{
           $t("common.close")
         }}</el-button>
-        <el-button
-          size="small"
-          @click="editFromData"
-          class="primary"
-        >{{
+        <el-button size="small" @click="editFromData" class="primary">{{
           $t("common.confirm")
         }}</el-button>
       </div>
@@ -283,16 +257,13 @@
       :before-close="handleCloseadd"
     >
       <div style="height: 500px; overflow: auto">
-        <el-form
-          :model="insertform"
-          label-position="top"
-        >
+        <el-form :model="insertform" label-position="top">
           <el-form-item
             :label="$t('dataManage.vmobj.name')"
             :label-width="formLabelWidth"
           >
             <el-input
-              style="width:85%"
+              style="width: 85%"
               v-model="insertform.name"
               autocomplete="off"
               :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueName1')"
@@ -306,7 +277,7 @@
               :popper-append-to-body="false"
               v-model="insertform.dirName"
               :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedirectory')"
-              style="width:85%"
+              style="width: 85%"
             >
               <el-option
                 :value="insertform.path"
@@ -336,30 +307,19 @@
             :label-width="formLabelWidth"
           >
             <el-input
-              style="width:85%"
+              style="width: 85%"
               v-model="insertform.descr"
               autocomplete="off"
-               :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedescription')"
+              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedescription')"
             ></el-input>
           </el-form-item>
         </el-form>
       </div>
-      <div
-        slot="footer"
-        class="dialog-footer"
-      >
-        <el-button
-          @click="insertFromDataClose"
-          type="info"
-          size="small"
-        >{{
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="insertFromDataClose" type="info" size="small">{{
           $t("common.close")
         }}</el-button>
-        <el-button
-          @click="insertFromData"
-          class="primary"
-          size="small"
-        >{{
+        <el-button @click="insertFromData" class="primary" size="small">{{
           $t("common.confirm")
         }}</el-button>
       </div>
@@ -484,7 +444,7 @@
       upform: {},
       ruleForm: {},
       insertform: {
-        name:""
+        name: "",
       },
       tableData: [],
       companyOption: [],
@@ -557,9 +517,8 @@
       this.insertform.dirid = value;
     },
     catalogChangeAdd(data, node, nodeData) {
-
-      this.insertform.path = data.id
-      this.insertform.dirid = data.id
+      this.insertform.path = data.id;
+      this.insertform.dirid = data.id;
       // this.$set(this.insertform, "path", data.id);
       this.$set(this.insertform, "dirName", data.name);
     },
@@ -689,11 +648,11 @@
     editFromDataClose() {
       this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?")
         .then((_) => {
-          this.dialogFormVisible = false
+          this.dialogFormVisible = false;
           this.upform = {};
           this.getRoleTabelData();
         })
-        .catch((_) => { });
+        .catch((_) => {});
       // this.dialogFormVisible = false;
       // this.upform = {};
     },
@@ -724,16 +683,15 @@
     insertFromDataClose() {
       this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?")
         .then((_) => {
-          this.InsertFormdialog = false
+          this.InsertFormdialog = false;
           this.insertform = {};
           this.getRoleTabelData();
         })
-        .catch((_) => { });
+        .catch((_) => {});
       // this.InsertFormdialog = false;
       // this.insertform = {};
     },
     async insertFromData() {
-
       if (this.insertform.dirid == null) {
         this.$message({
           message: "璇烽�夋嫨瑙掕壊鎵�灞炲崟浣�",
@@ -802,24 +760,27 @@
     handleClose() {
       this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?")
         .then((_) => {
-          this.dialogFormVisible = false
+          this.dialogFormVisible = false;
           this.getRoleTabelData();
         })
-        .catch((_) => { });
+        .catch((_) => {});
     },
     handleCloseadd() {
       this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?")
         .then((_) => {
-          this.InsertFormdialog = false
+          this.InsertFormdialog = false;
           this.getRoleTabelData();
         })
-        .catch((_) => { });
+        .catch((_) => {});
     },
   },
   watch: {
     pathId: {
       immediate: true,
-      handler(val) { },
+      handler(val) {},
+    },
+    "ruleForm.dirid"() {
+      this.$refs.treeSelect.visible = false;
     },
   },
 };
diff --git a/src/views/maintenance/userManagement.vue b/src/views/maintenance/userManagement.vue
index 53c2824..e202451 100644
--- a/src/views/maintenance/userManagement.vue
+++ b/src/views/maintenance/userManagement.vue
@@ -1,20 +1,15 @@
 <template>
   <div class="userInfo_box">
-    <My-bread :list="[
+    <My-bread
+      :list="[
         `${$t('operatManage.operatManage')}`,
         `${$t('userManage.userManage')}`,
-      ]"></My-bread>
+      ]"
+    ></My-bread>
     <el-divider />
 
-    <div
-      class="inquire subpage_Div"
-      ref="container"
-    >
-      <el-form
-        ref="queryForm"
-        :model="queryForm"
-        :inline="true"
-      >
+    <div class="inquire subpage_Div" ref="container">
+      <el-form ref="queryForm" :model="queryForm" :inline="true">
         <div class="flex_box">
           <div style="margin-right: auto">
             <el-form-item
@@ -27,6 +22,7 @@
                 size="small"
                 placeholder="璇烽�夋嫨"
                 style="width: 200px"
+                ref="treeSelect"
               >
                 <el-option
                   :value="queryForm.depid"
@@ -44,37 +40,37 @@
               </el-select>
             </el-form-item>
             <el-form-item
-                prop="uname"
-                :label="$t('userManage.userInfoObj.uname')"
+              prop="uname"
+              :label="$t('userManage.userInfoObj.uname')"
             >
               <el-input
-                  v-model="queryForm.uname"
-                  size="small"
-                  :placeholder="$t('userManage.userInfoObj.unamePlaceholder')"
-                  style="width: 200px"
+                v-model="queryForm.uname"
+                size="small"
+                :placeholder="$t('userManage.userInfoObj.unamePlaceholder')"
+                style="width: 200px"
               >
                 <i slot="suffix" class="el-icon-search" @click="queryInfo"></i>
               </el-input>
             </el-form-item>
           </div>
           <div>
-<!--            <el-form-item>-->
-<!--              <el-button-->
-<!--                type="primary"-->
-<!--                size="small"-->
-<!--                @click="queryInfo('queryForm')"-->
-<!--                icon="el-icon-search"-->
-<!--              >-->
-<!--                {{ $t("operatManage.ELM.search") }}-->
-<!--              </el-button>-->
-<!--            </el-form-item>-->
+            <!--            <el-form-item>-->
+            <!--              <el-button-->
+            <!--                type="primary"-->
+            <!--                size="small"-->
+            <!--                @click="queryInfo('queryForm')"-->
+            <!--                icon="el-icon-search"-->
+            <!--              >-->
+            <!--                {{ $t("operatManage.ELM.search") }}-->
+            <!--              </el-button>-->
+            <!--            </el-form-item>-->
             <el-form-item>
               <el-button
-                  v-if="menuStatus.insert"
-                  type="success"
-                  size="small"
-                  @click="showAddDialog"
-                  icon="el-icon-plus"
+                v-if="menuStatus.insert"
+                type="success"
+                size="small"
+                @click="showAddDialog"
+                icon="el-icon-plus"
               >
                 {{ $t("common.append") }}
               </el-button>
@@ -86,7 +82,7 @@
                 @click="editPwd"
                 type="warning"
                 icon="el-icon-unlock"
-              >{{ $t("common.changepassWord") }}
+                >{{ $t("common.changepassWord") }}
               </el-button>
             </el-form-item>
             <el-form-item>
@@ -102,10 +98,10 @@
             </el-form-item>
             <el-form-item>
               <el-button
-                  type="info"
-                  size="small"
-                  @click="resetInfo('queryForm')"
-                  icon="el-icon-refresh"
+                type="info"
+                size="small"
+                @click="resetInfo('queryForm')"
+                icon="el-icon-refresh"
               >
                 {{ $t("operatManage.ELM.reset") }}
               </el-button>
@@ -115,10 +111,7 @@
       </el-form>
     </div>
     <div class="dividing-line"></div>
-    <div
-      class="table_box"
-      :style="styleVar"
-    >
+    <div class="table_box" :style="styleVar">
       <el-table
         ref="filterTable"
         :data="tableData"
@@ -128,10 +121,7 @@
         height="calc(100% - 45px)"
         @selection-change="handleSelectionChange"
       >
-        <el-table-column
-          type="selection"
-          width="55"
-        />
+        <el-table-column type="selection" width="55" />
         <el-table-column
           align="center"
           type="index"
@@ -212,23 +202,11 @@
           :label="$t('userManage.userInfoObj.status')"
         >
           <template slot-scope="scope">
-            <el-tag
-              v-if="scope.row.status == 0"
-              type="success"
-            >姝e父</el-tag>
-            <el-tag
-              v-if="scope.row.status == 1"
-              type="info"
-            >绂佺敤</el-tag>
-            <el-tag
-              v-if="scope.row.status == 2"
-              type="warning"
-            >鍒犻櫎</el-tag>
+            <el-tag v-if="scope.row.status == 0" type="success">姝e父</el-tag>
+            <el-tag v-if="scope.row.status == 1" type="info">绂佺敤</el-tag>
+            <el-tag v-if="scope.row.status == 2" type="warning">鍒犻櫎</el-tag>
             <el-tag v-if="scope.row.status == 3">鐢宠</el-tag>
-            <el-tag
-              v-if="scope.row.status == 4"
-              type="danger"
-            >鎷掓壒</el-tag>
+            <el-tag v-if="scope.row.status == 4" type="danger">鎷掓壒</el-tag>
           </template>
         </el-table-column>
         <!-- <el-table-column
@@ -248,14 +226,12 @@
               plain
               @click="editInfo(scope.row)"
               size="small"
-            >{{ $t("common.update") }}</el-button>
+              >{{ $t("common.update") }}</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
-      <div
-        style="margin-top: 10px;"
-        class="pagination_box"
-      >
+      <div style="margin-top: 10px" class="pagination_box">
         <el-pagination
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
@@ -280,47 +256,45 @@
       :before-close="handleClose"
       :close-on-click-modal="false"
     >
-     <div style="height: 500px; overflow: auto">
-      <el-form
-        :model="editForm"
-        ref="editForm"
-        :rules="rules"
-        style="display: flex"
-
-      >
-        <div>
-          <el-form-item
-            prop="uid"
-            :label="$t('userManage.userInfoObj.uid')"
-            v-if="behavior == '鏂板鐢ㄦ埛'"
-            :label-width="formLabelWidth"
-          >
-            <el-input
-              v-model="editForm.uid"
-              autocomplete="off"
-               :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.uid')"
-            ></el-input>
-            <div
-              class="isNewUser"
-              v-if="isNewUser"
+      <div style="height: 500px; overflow: auto">
+        <el-form
+          :model="editForm"
+          ref="editForm"
+          :rules="rules"
+          style="display: flex"
+        >
+          <div>
+            <el-form-item
+              prop="uid"
+              :label="$t('userManage.userInfoObj.uid')"
+              v-if="behavior == '鏂板鐢ㄦ埛'"
+              :label-width="formLabelWidth"
             >
-              <img src="../../assets/img/success.png" />
-              {{ $t("userManage.userInfoObj.uid") }}
-            </div>
-          </el-form-item>
-          <el-form-item
-            v-if="behavior == '淇敼淇℃伅'"
-            :label="$t('userManage.userInfoObj.uid')"
-            :label-width="formLabelWidth"
-          >
-            <el-input
-              v-model="editForm.uid"
-              autocomplete="off"
-              disabled
-               
-            ></el-input>
-          </el-form-item>
-          <!-- <el-form-item
+              <el-input
+                v-model="editForm.uid"
+                autocomplete="off"
+                :placeholder="
+                  $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+                  $t('userManage.userInfoObj.uid')
+                "
+              ></el-input>
+              <div class="isNewUser" v-if="isNewUser">
+                <img src="../../assets/img/success.png" />
+                {{ $t("userManage.userInfoObj.uid") }}
+              </div>
+            </el-form-item>
+            <el-form-item
+              v-if="behavior == '淇敼淇℃伅'"
+              :label="$t('userManage.userInfoObj.uid')"
+              :label-width="formLabelWidth"
+            >
+              <el-input
+                v-model="editForm.uid"
+                autocomplete="off"
+                disabled
+              ></el-input>
+            </el-form-item>
+            <!-- <el-form-item
             v-if="behavior == '淇敼淇℃伅'"
             prop="oldPwd"
             :label="$t('userManage.userInfoObj.origpassword')"
@@ -333,7 +307,7 @@
               show-password
             ></el-input>
           </el-form-item> -->
-          <!-- <el-form-item
+            <!-- <el-form-item
             prop="pwd"
             v-if="behavior == '鏂板鐢ㄦ埛'"
             :label="$t('userManage.userInfoObj.pwd')"
@@ -346,7 +320,7 @@
               show-password
             ></el-input>
           </el-form-item> -->
-          <!-- <el-form-item
+            <!-- <el-form-item
             prop="checkPass"
             v-if="behavior == '鏂板鐢ㄦ埛'"
             :label="$t('userManage.userInfoObj.confirmPassword')"
@@ -359,76 +333,87 @@
               autocomplete="off"
             ></el-input>
           </el-form-item> -->
-          <el-form-item
-            prop="uname"
-            :label="$t('userManage.userInfoObj.username')"
-            :label-width="formLabelWidth"
-          >
-            <el-input
-              v-model="editForm.uname"
-              autocomplete="off"
-               :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.username')"
-            ></el-input>
-          </el-form-item>
-          <el-form-item
-            prop="sex"
-            :label="$t('userManage.userInfoObj.sex')"
-            :label-width="formLabelWidth"
-          >
-            <el-select
-              :popper-append-to-body="false"
-              v-model="editForm.sex"
-              clearable
-              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('userManage.userInfoObj.sex')"
+            <el-form-item
+              prop="uname"
+              :label="$t('userManage.userInfoObj.username')"
+              :label-width="formLabelWidth"
             >
-              <el-option
-                v-for="item in sexOpt"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item
-            prop="natives"
-            :label="$t('userManage.userInfoObj.nativePlace')"
-            :label-width="formLabelWidth"
-          >
-            <el-input
-              v-model="editForm.natives"
-              autocomplete="off"
-              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.nativePlace')"
-            ></el-input>
-          </el-form-item>
-          <el-form-item
-            prop="depid"
-            :label-width="formLabelWidth"
-            :label="$t('userManage.userInfoObj.depName')"
-          >
-            <el-select
-              :popper-append-to-body="false"
-              v-model="editForm.depid"
-              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('userManage.userInfoObj.depName')"
-              @focus="setOptionWidth"
-
+              <el-input
+                v-model="editForm.uname"
+                autocomplete="off"
+                :placeholder="
+                  $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+                  $t('userManage.userInfoObj.username')
+                "
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+              prop="sex"
+              :label="$t('userManage.userInfoObj.sex')"
+              :label-width="formLabelWidth"
             >
-              <el-option
-                :value="editForm.depid"
-                :label="editForm.depName"
-                :style="{ width: selectOptionWidth, height: selectheight }"
+              <el-select
+                :popper-append-to-body="false"
+                v-model="editForm.sex"
+                clearable
+                :placeholder="
+                  $t('shuJuGuanLi.shuJuJianSuo.valuetree') +
+                  $t('userManage.userInfoObj.sex')
+                "
               >
-                <el-tree
-                  ref="editcaderHandle"
-                  :data="treeOptions"
-                  :default-expand-all="defaultexpand"
-                  node-key="id"
-                  :props="defaultProps"
-                  @node-click="handeditChange"
-                />
-              </el-option>
-            </el-select>
-            <!-- <el-cascader
+                <el-option
+                  v-for="item in sexOpt"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item
+              prop="natives"
+              :label="$t('userManage.userInfoObj.nativePlace')"
+              :label-width="formLabelWidth"
+            >
+              <el-input
+                v-model="editForm.natives"
+                autocomplete="off"
+                :placeholder="
+                  $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+                  $t('userManage.userInfoObj.nativePlace')
+                "
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+              prop="depid"
+              :label-width="formLabelWidth"
+              :label="$t('userManage.userInfoObj.depName')"
+            >
+              <el-select
+                :popper-append-to-body="false"
+                v-model="editForm.depid"
+                :placeholder="
+                  $t('shuJuGuanLi.shuJuJianSuo.valuetree') +
+                  $t('userManage.userInfoObj.depName')
+                "
+                @focus="setOptionWidth"
+              >
+                <el-option
+                  :value="editForm.depid"
+                  :label="editForm.depName"
+                  :style="{ width: selectOptionWidth, height: selectheight }"
+                >
+                  <el-tree
+                    ref="editcaderHandle"
+                    :data="treeOptions"
+                    :default-expand-all="defaultexpand"
+                    node-key="id"
+                    :props="defaultProps"
+                    @node-click="handeditChange"
+                  />
+                </el-option>
+              </el-select>
+              <!-- <el-cascader
               v-model="editForm.depid"
               :options="treeOptions"
               filterable
@@ -445,119 +430,135 @@
               }"
             >
             </el-cascader> -->
-          </el-form-item>
-          <el-form-item
-            prop="idcard"
-            :label="$t('userManage.userInfoObj.identityCard')"
-            :label-width="formLabelWidth"
-          >
-            <el-input
-              v-model="editForm.idcard"
-              autocomplete="off"
-              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.identityCard')"
-            ></el-input>
-          </el-form-item>
-        </div>
-        <div style="width: 45%">
-          <el-form-item
-            prop="job"
-            :label="$t('userManage.userInfoObj.job')"
-            :label-width="formLabelWidth"
-          >
-            <el-input
-              v-model="editForm.job"
-              autocomplete="off"
-              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.job')"
-            ></el-input>
-          </el-form-item>
-          <el-form-item
-            prop="edu"
-            :label="$t('userManage.userInfoObj.edu')"
-            :label-width="formLabelWidth"
-          >
-            <el-input
-              v-model="editForm.edu"
-              autocomplete="off"
-              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.edu')"
-            ></el-input>
-          </el-form-item>
-          <el-form-item
-            prop="addr"
-            :label="$t('userManage.userInfoObj.addr')"
-            :label-width="formLabelWidth"
-          >
-            <el-input
-              v-model="editForm.addr"
-              autocomplete="off"
-              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.addr')"
-            ></el-input>
-          </el-form-item>
-          <el-form-item
-            prop="email"
-            :label="$t('userManage.userInfoObj.email')"
-            :label-width="formLabelWidth"
-          >
-            <el-input
-              v-model="editForm.email"
-              autocomplete="off"
-              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.email')"
-            ></el-input>
-          </el-form-item>
-          <el-form-item
-            prop="contact"
-            :label="$t('userManage.userInfoObj.contact')"
-            :label-width="formLabelWidth"
-          >
-            <el-input
-              v-model="editForm.contact"
-              autocomplete="off"
-              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.contact')"
-            ></el-input>
-          </el-form-item>
-          <el-form-item
-            prop="status"
-            :label="$t('userManage.userInfoObj.status')"
-            :label-width="formLabelWidth"
-          >
-            <el-select
-              :popper-append-to-body="false"
-              v-model="editForm.status"
-              clearable
-             :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('userManage.userInfoObj.status')"
+            </el-form-item>
+            <el-form-item
+              prop="idcard"
+              :label="$t('userManage.userInfoObj.identityCard')"
+              :label-width="formLabelWidth"
             >
-              <el-option
-                v-for="item in statusOpt"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
+              <el-input
+                v-model="editForm.idcard"
+                autocomplete="off"
+                :placeholder="
+                  $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+                  $t('userManage.userInfoObj.identityCard')
+                "
+              ></el-input>
+            </el-form-item>
+          </div>
+          <div style="width: 45%">
+            <el-form-item
+              prop="job"
+              :label="$t('userManage.userInfoObj.job')"
+              :label-width="formLabelWidth"
+            >
+              <el-input
+                v-model="editForm.job"
+                autocomplete="off"
+                :placeholder="
+                  $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+                  $t('userManage.userInfoObj.job')
+                "
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+              prop="edu"
+              :label="$t('userManage.userInfoObj.edu')"
+              :label-width="formLabelWidth"
+            >
+              <el-input
+                v-model="editForm.edu"
+                autocomplete="off"
+                :placeholder="
+                  $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+                  $t('userManage.userInfoObj.edu')
+                "
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+              prop="addr"
+              :label="$t('userManage.userInfoObj.addr')"
+              :label-width="formLabelWidth"
+            >
+              <el-input
+                v-model="editForm.addr"
+                autocomplete="off"
+                :placeholder="
+                  $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+                  $t('userManage.userInfoObj.addr')
+                "
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+              prop="email"
+              :label="$t('userManage.userInfoObj.email')"
+              :label-width="formLabelWidth"
+            >
+              <el-input
+                v-model="editForm.email"
+                autocomplete="off"
+                :placeholder="
+                  $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+                  $t('userManage.userInfoObj.email')
+                "
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+              prop="contact"
+              :label="$t('userManage.userInfoObj.contact')"
+              :label-width="formLabelWidth"
+            >
+              <el-input
+                v-model="editForm.contact"
+                autocomplete="off"
+                :placeholder="
+                  $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+                  $t('userManage.userInfoObj.contact')
+                "
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+              prop="status"
+              :label="$t('userManage.userInfoObj.status')"
+              :label-width="formLabelWidth"
+            >
+              <el-select
+                :popper-append-to-body="false"
+                v-model="editForm.status"
+                clearable
+                :placeholder="
+                  $t('shuJuGuanLi.shuJuJianSuo.valuetree') +
+                  $t('userManage.userInfoObj.status')
+                "
               >
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item
-            prop="bak"
-            :label="$t('userManage.userInfoObj.remarks')"
-            :label-width="formLabelWidth"
-          >
-            <el-input
-              v-model="editForm.bak"
-              autocomplete="off"
-              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.remarks')"
-            ></el-input>
-          </el-form-item>
-        </div>
-      </el-form>
-       </div>
-      <div
-        v-if="behavior == '淇敼淇℃伅'"
-        slot="footer"
-        class="dialog-footer"
-      >
-        <el-button
-          size="small"
-          type="info"
-          @click="cancelEdit()"
-        >{{
+                <el-option
+                  v-for="item in statusOpt"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item
+              prop="bak"
+              :label="$t('userManage.userInfoObj.remarks')"
+              :label-width="formLabelWidth"
+            >
+              <el-input
+                v-model="editForm.bak"
+                autocomplete="off"
+                :placeholder="
+                  $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+                  $t('userManage.userInfoObj.remarks')
+                "
+              ></el-input>
+            </el-form-item>
+          </div>
+        </el-form>
+      </div>
+      <div v-if="behavior == '淇敼淇℃伅'" slot="footer" class="dialog-footer">
+        <el-button size="small" type="info" @click="cancelEdit()">{{
           $t("common.reset")
         }}</el-button>
         <el-button
@@ -565,18 +566,11 @@
           type="primary"
           @click="sendEdit('editForm')"
           v-loading.fullscreen.lock="fullscreenLoading"
-        >{{ $t("common.submit") }}</el-button>
+          >{{ $t("common.submit") }}</el-button
+        >
       </div>
-      <div
-        v-else
-        slot="footer"
-        class="dialog-footer"
-      >
-        <el-button
-          size="small"
-          type="info"
-          @click="cancelAdd('editForm')"
-        >{{
+      <div v-else slot="footer" class="dialog-footer">
+        <el-button size="small" type="info" @click="cancelAdd('editForm')">{{
           $t("common.reset")
         }}</el-button>
         <el-button
@@ -584,7 +578,8 @@
           type="primary"
           @click="sendAdd('editForm')"
           v-loading.fullscreen.lock="fullscreenLoading"
-        >{{ $t("common.submit") }}</el-button>
+          >{{ $t("common.submit") }}</el-button
+        >
       </div>
     </el-dialog>
     <el-dialog
@@ -593,7 +588,6 @@
       :before-close="handleClose"
       :close-on-click-modal="false"
     >
-
       <el-form
         :model="pwdForm"
         ref="pwdForm"
@@ -610,8 +604,11 @@
             v-model="pwdForm.adminPwd"
             autocomplete="off"
             show-password
-            style="width:85%"
-            :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('common.AdminPassword')"
+            style="width: 85%"
+            :placeholder="
+              $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+              $t('common.AdminPassword')
+            "
           ></el-input>
         </el-form-item>
         <el-form-item
@@ -624,8 +621,10 @@
             v-model="pwdForm.newPwd"
             autocomplete="off"
             show-password
-            style="width:85%"
-             :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('common.NPassword')"
+            style="width: 85%"
+            :placeholder="
+              $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('common.NPassword')
+            "
           ></el-input>
         </el-form-item>
         <el-form-item
@@ -638,21 +637,16 @@
             v-model="pwdForm.checkPwd"
             autocomplete="off"
             show-password
-            style="width:85%"
-             :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('common.SPassword')"
+            style="width: 85%"
+            :placeholder="
+              $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('common.SPassword')
+            "
           ></el-input>
         </el-form-item>
       </el-form>
 
-      <div
-        slot="footer"
-        class="dialog-footer"
-      >
-        <el-button
-          size="small"
-          type="info"
-          @click="cancelReset - 'pwdForm'"
-        >{{
+      <div slot="footer" class="dialog-footer">
+        <el-button size="small" type="info" @click="cancelReset - 'pwdForm'">{{
           $t("common.reset")
         }}</el-button>
         <el-button
@@ -660,7 +654,8 @@
           type="primary"
           @click="sendReset('pwdForm')"
           v-loading.fullscreen.lock="fullscreenLoading"
-        >{{ $t("common.submit") }}</el-button>
+          >{{ $t("common.submit") }}</el-button
+        >
       </div>
     </el-dialog>
   </div>
@@ -920,9 +915,14 @@
       tableHeight: 0,
       timer: 0,
       styleVar: {
-        "height": "calc(100% - 109px)",
+        height: "calc(100% - 109px)",
       },
     };
+  },
+  watch: {
+    "queryForm.depName"() {
+      this.$refs.treeSelect.visible = false;
+    },
   },
   beforeDestroy() {
     this.timer && clearTimeout(this.timer);
@@ -961,7 +961,7 @@
             });
           }
         })
-        .catch((res) => { });
+        .catch((res) => {});
 
       queryPageUser({
         pageIndex: 1,
@@ -978,7 +978,7 @@
             });
           }
         })
-        .catch((res) => { });
+        .catch((res) => {});
     },
     treeData(source) {
       let cloneData = JSON.parse(JSON.stringify(source)); // 瀵规簮鏁版嵁娣卞害鍏嬮殕
@@ -1116,8 +1116,6 @@
     },
     //閲嶇疆瀵嗙爜
     editPwd() {
-
-
       var std = [];
       for (var i in this.multipleSelection) {
         std.push(this.multipleSelection[i].id);
@@ -1163,8 +1161,7 @@
                   this.resetPwd = false;
 
                   this.getUserInfo();
-                }
-                else {
+                } else {
                   this.$message({
                     message: res.msg,
                     type: "error",
@@ -1241,7 +1238,7 @@
 
           done();
         })
-        .catch((_) => { });
+        .catch((_) => {});
     },
     //鎻愪氦缂栬緫
     sendEdit(formName) {
@@ -1334,7 +1331,7 @@
     this.getUserInfo();
     this.getpublickey();
     window.addEventListener("resize", this.onResize);
-    this.calHeight()
+    this.calHeight();
   },
   created() {
     var val = this.$store.state.currentPerms;
diff --git a/src/views/userManage/roleManage.vue b/src/views/userManage/roleManage.vue
index 44d2da1..a4c5585 100644
--- a/src/views/userManage/roleManage.vue
+++ b/src/views/userManage/roleManage.vue
@@ -1,19 +1,14 @@
 <template>
   <div class="logLog_box">
-    <My-bread :list="[
+    <My-bread
+      :list="[
         `${$t('operatManage.operatManage')}`,
         `${$t('userManage.roleManage')}`,
-      ]"></My-bread>
+      ]"
+    ></My-bread>
     <el-divider />
-    <div
-      class="inquire subpage_Div"
-      ref="container"
-    >
-      <el-form
-        ref="ruleForm"
-        :model="roleForm"
-        :inline="true"
-      >
+    <div class="inquire subpage_Div" ref="container">
+      <el-form ref="ruleForm" :model="roleForm" :inline="true">
         <div class="flex_box">
           <div style="margin-right: auto">
             <el-form-item
@@ -26,6 +21,7 @@
                 v-model="roleForm.depValue"
                 :placeholder="$t('userManage.RM.ownedSystemHolder')"
                 style="width: 200px"
+                ref="treeSelect"
               >
                 <el-option
                   :value="roleForm.depid"
@@ -47,21 +43,14 @@
             :placeholder="$t('common.pleaseInput')"
           /> -->
             </el-form-item>
-            <el-form-item
-              :label="$t('userManage.RM.roleName')"
-              prop="username"
-            >
+            <el-form-item :label="$t('userManage.RM.roleName')" prop="username">
               <el-input
                 v-model="roleForm.username"
                 :placeholder="$t('userManage.RM.roleNameHolder')"
                 size="small"
                 style="width: 200px"
               >
-                <i
-                  slot="suffix"
-                  class="el-icon-search"
-                  @click="onSubmit"
-                ></i>
+                <i slot="suffix" class="el-icon-search" @click="onSubmit"></i>
               </el-input>
             </el-form-item>
           </div>
@@ -81,9 +70,10 @@
                 size="small"
                 @click="setInsertFormdialog"
                 v-if="menuStatus.insert"
-              ><i class="el-icon-circle-plus-outline"></i> &nbsp;{{
+                ><i class="el-icon-circle-plus-outline"></i> &nbsp;{{
                   $t("userManage.RM.add")
-                }}</el-button>
+                }}</el-button
+              >
             </el-form-item>
             <el-form-item>
               <el-button
@@ -91,18 +81,17 @@
                 size="small"
                 @click="handleDelete()"
                 v-if="menuStatus.delete"
-              ><i class="el-icon-delete"></i>&nbsp;{{
+                ><i class="el-icon-delete"></i>&nbsp;{{
                   $t("common.delete")
-                }}</el-button>
+                }}</el-button
+              >
             </el-form-item>
             <el-form-item>
-              <el-button
-                type="info"
-                size="small"
-                @click="resetForm('ruleForm')"
-              ><i class="el-icon-delete"></i>&nbsp;{{
+              <el-button type="info" size="small" @click="resetForm('ruleForm')"
+                ><i class="el-icon-delete"></i>&nbsp;{{
                   $t("userManage.RM.reset")
-                }}</el-button>
+                }}</el-button
+              >
             </el-form-item>
           </div>
         </div>
@@ -155,10 +144,7 @@
       </el-form>
     </div>
     <div class="dividing-line"></div>
-    <div
-      class="table_box subpage_Div"
-      :style="styleVar"
-    >
+    <div class="table_box subpage_Div" :style="styleVar">
       <el-table
         :data="tableData"
         style="width: 100%"
@@ -166,21 +152,14 @@
         height="calc(100% - 45px)"
         @selection-change="handleSelectionChange"
       >
-        <el-table-column
-          type="selection"
-          width="55"
-        />
+        <el-table-column type="selection" width="55" />
         <el-table-column
           align="center"
           type="index"
           :label="$t('userManage.RM.index')"
           width="70px"
         />
-        <el-table-column
-          align="center"
-          prop="id"
-          v-if="false"
-        />
+        <el-table-column align="center" prop="id" v-if="false" />
         <el-table-column
           align="center"
           prop="name"
@@ -247,22 +226,20 @@
               @click="showDetail(scope.$index, scope.row)"
               size="small"
               plain
-            >{{ $t("common.see") }}</el-button>
+              >{{ $t("common.see") }}</el-button
+            >
             <el-button
               v-if="menuStatus.update"
               type="warning"
               @click="handleEdit(scope.$index, scope.row)"
               size="small"
               plain
-            >{{ $t("common.update") }}</el-button>
-
+              >{{ $t("common.update") }}</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
-      <div
-        style="margin-top: 10px"
-        class="pagination_box"
-      >
+      <div style="margin-top: 10px" class="pagination_box">
         <el-pagination
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
@@ -283,19 +260,19 @@
       :visible.sync="InsertFormdialog"
     >
       <div style="height: 500px; overflow: auto">
-        <el-form
-          :model="insertform"
-          label-position="top"
-        >
+        <el-form :model="insertform" label-position="top">
           <el-form-item
             :label="$t('userManage.RM.roleName')"
             :label-width="formLabelWidth"
           >
             <el-input
-              style="width:85%"
+              style="width: 85%"
               v-model="insertform.name"
               autocomplete="off"
-              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.RM.roleName')"
+              :placeholder="
+                $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+                $t('userManage.RM.roleName')
+              "
             ></el-input>
           </el-form-item>
           <el-form-item
@@ -307,9 +284,11 @@
             <el-select
               :popper-append-to-body="false"
               v-model="insertform.depValue"
-             :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('userManage.RM.ownedSystem')"
-              style="width:85%"
-              
+              :placeholder="
+                $t('shuJuGuanLi.shuJuJianSuo.valuetree') +
+                $t('userManage.RM.ownedSystem')
+              "
+              style="width: 85%"
             >
               <el-option
                 :value="insertform.depid"
@@ -342,10 +321,13 @@
             :label-width="formLabelWidth"
           >
             <el-input
-              style="width:85%"
+              style="width: 85%"
               v-model="insertform.descr"
               autocomplete="off"
-              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.RM.describe')"
+              :placeholder="
+                $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+                $t('userManage.RM.describe')
+              "
             ></el-input>
           </el-form-item>
           <el-form-item
@@ -361,9 +343,12 @@
               label="0"
             >鍚�</el-radio> -->
             <el-select
-              style="width:85%"
+              style="width: 85%"
               v-model="insertform.isAdmin"
-               :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('userManage.RM.isAdmin')"
+              :placeholder="
+                $t('shuJuGuanLi.shuJuJianSuo.valuetree') +
+                $t('userManage.RM.isAdmin')
+              "
             >
               <el-option
                 v-for="item in options"
@@ -378,29 +363,22 @@
             :label-width="formLabelWidth"
           >
             <el-input
-              style="width:85%"
+              style="width: 85%"
               v-model="insertform.bak"
               autocomplete="off"
-              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.RM.remarks')"
+              :placeholder="
+                $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+                $t('userManage.RM.remarks')
+              "
             ></el-input>
           </el-form-item>
         </el-form>
       </div>
-      <div
-        slot="footer"
-        class="dialog-footer"
-      >
-        <el-button
-          size="small"
-          @click="insertFromClose"
-        >{{
+      <div slot="footer" class="dialog-footer">
+        <el-button size="small" @click="insertFromClose">{{
           $t("common.close")
         }}</el-button>
-        <el-button
-          type="primary"
-          size="small"
-          @click="insertFromData"
-        >{{
+        <el-button type="primary" size="small" @click="insertFromData">{{
           $t("common.confirm")
         }}</el-button>
       </div>
@@ -411,10 +389,7 @@
       :before-close="handleCloseEdit"
     >
       <div style="height: 500px; overflow: auto">
-        <el-form
-          :model="updateform"
-          label-position="top"
-        >
+        <el-form :model="updateform" label-position="top">
           <el-form-item
             :label="$t('userManage.RM.roleName')"
             :label-width="formLabelWidth"
@@ -422,7 +397,7 @@
             <el-input
               v-model="updateform.name"
               autocomplete="off"
-              style="width:85%"
+              style="width: 85%"
             ></el-input>
           </el-form-item>
 
@@ -435,7 +410,7 @@
               :popper-append-to-body="false"
               v-model="updateform.depValue"
               placeholder="璇烽�夋嫨"
-              style="width:85%"
+              style="width: 85%"
             >
               <el-option
                 :value="updateform.depid"
@@ -476,10 +451,7 @@
               v-model="updateform.isAdmin"
               label="0"
             >鍚�</el-radio> -->
-            <el-select
-              style="width:85%"
-              v-model="updateform.isAdmin"
-            >
+            <el-select style="width: 85%" v-model="updateform.isAdmin">
               <el-option
                 v-for="item in options"
                 :key="item.value"
@@ -495,7 +467,7 @@
             <el-input
               v-model="updateform.descr"
               autocomplete="off"
-              style="width:85%"
+              style="width: 85%"
             ></el-input>
           </el-form-item>
           <el-form-item
@@ -505,64 +477,38 @@
             <el-input
               v-model="updateform.bak"
               autocomplete="off"
-              style="width:85%"
+              style="width: 85%"
             ></el-input>
           </el-form-item>
         </el-form>
       </div>
-      <div
-        slot="footer"
-        class="dialog-footer"
-      >
-        <el-button
-          size="small"
-          @click="updateFromClose"
-        >{{
+      <div slot="footer" class="dialog-footer">
+        <el-button size="small" @click="updateFromClose">{{
           $t("common.close")
         }}</el-button>
-        <el-button
-          type="primary"
-          size="small"
-          @click="updateFromData"
-        >{{
+        <el-button type="primary" size="small" @click="updateFromData">{{
           $t("common.confirm")
         }}</el-button>
       </div>
     </el-dialog>
-    <div
-      class="leftTree subpage_Div box_div"
-      v-if="showCata"
-    >
+    <div class="leftTree subpage_Div box_div" v-if="showCata">
       <div class="treeBox">
         <role-dep-tree></role-dep-tree>
       </div>
       <div class="btnBox">
-        <el-button
-          type="primary"
-          size="small"
-          @click="selectCataName"
-        >纭畾</el-button>
-        <el-button
-          type="info"
-          size="small"
-          @click="showCata = false"
-        >鍙栨秷</el-button>
+        <el-button type="primary" size="small" @click="selectCataName"
+          >纭畾</el-button
+        >
+        <el-button type="info" size="small" @click="showCata = false"
+          >鍙栨秷</el-button
+        >
       </div>
     </div>
-    <div
-      class="infoBox_box"
-      v-show="showinfoBox"
-    >
+    <div class="infoBox_box" v-show="showinfoBox">
       <div class="infoBox box_div subpage_Div">
-        <div
-          slot="header"
-          class="clearfix"
-        >
+        <div slot="header" class="clearfix">
           <span>{{ $t("dataManage.styleObj.deInformation") }}</span>
-          <div
-            style="float: right; cursor: pointer"
-            @click="closeDetial"
-          >
+          <div style="float: right; cursor: pointer" @click="closeDetial">
             <i class="el-icon-close"></i>
           </div>
         </div>
@@ -690,20 +636,30 @@
       styleVar: {
         height: "calc(100% - 109px)",
       },
-      options: [{
-        value: 0,
-        label: '鏅�氱敤鎴�'
-      }, {
-        value: 1,
-        label: '瓒呯骇绠$悊鍛�'
-      }, {
-        value: 2,
-        label: '鏁版嵁绠$悊鍛�'
-      }, {
-        value: 3,
-        label: '棰嗗'
-      }]
+      options: [
+        {
+          value: 0,
+          label: "鏅�氱敤鎴�",
+        },
+        {
+          value: 1,
+          label: "瓒呯骇绠$悊鍛�",
+        },
+        {
+          value: 2,
+          label: "鏁版嵁绠$悊鍛�",
+        },
+        {
+          value: 3,
+          label: "棰嗗",
+        },
+      ],
     };
+  },
+  watch: {
+    "roleForm.depValue"() {
+      this.$refs.treeSelect.visible = false;
+    },
   },
   methods: {
     onResize() {
@@ -852,7 +808,7 @@
           this.InsertFormdialog = false;
           this.insertform = {};
         })
-        .catch((_) => { });
+        .catch((_) => {});
     },
     async insertFromData() {
       if (this.insertform.depValue == null) {
@@ -885,7 +841,7 @@
           this.updateform = {};
           this.getRoleTabelData();
         })
-        .catch((_) => { });
+        .catch((_) => {});
     },
     async updateFromData() {
       if (this.updateform.depValue == null) {
@@ -990,17 +946,17 @@
     handleClose() {
       this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?")
         .then((_) => {
-          this.InsertFormdialog = false
+          this.InsertFormdialog = false;
         })
-        .catch((_) => { });
+        .catch((_) => {});
     },
     handleCloseEdit() {
       this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?")
         .then((_) => {
-          this.UpdateFormdialog = false
+          this.UpdateFormdialog = false;
           this.getRoleTabelData();
         })
-        .catch((_) => { });
+        .catch((_) => {});
     },
   },
   beforeDestroy() {

--
Gitblit v1.9.3