style: 优化代码格式和结构

- 调整了多个组件中的缩进和换行方式
- 优化了部分长代码行的断行逻辑
- 统一了某些属性的格式
- 删除了一些不必要的空格

src/views/cory/workMessage/index.vue

@@ -1,12 +1,15 @@
 <template>
   <div class="p-2">
-    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
+      :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
           <el-form ref="queryFormRef" :model="queryParams" :inline="true">
             <el-form-item label="模板类型" prop="projectType">
-              <el-select v-model="queryParams.projectType" placeholder="请选择模板类型" clearable filterable @change="selectType">
+              <el-select v-model="queryParams.projectType" placeholder="请选择模板类型" clearable filterable
-                <el-option v-for="item in projectTypeOptions" :key="item.name" :label="item.name" :value="item.name"> </el-option>
+                @change="selectType">
+                <el-option v-for="item in projectTypeOptions" :key="item.name" :label="item.name" :value="item.name">
+                </el-option>
               </el-select>
             </el-form-item>
             <!-- <el-form-item>
@@ -21,9 +24,8 @@
       <template #header>
         <el-row :gutter="10" class="mb8">
           <el-col :span="1.5">
-            <el-button type="primary" plain icon="Plus" :disabled="addSingle" @click="handleAdd" v-hasPermi="['quality:qualityInspection:add']"
+            <el-button type="primary" plain icon="Plus" :disabled="addSingle" @click="handleAdd"
-              >新增</el-button
+              v-hasPermi="['quality:qualityInspection:add']">新增</el-button>
-            >
           </el-col>
           <!-- <el-col :span="1.5">
             <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['quality:qualityInspection:edit']"
@@ -31,15 +33,8 @@
             >
           </el-col> -->
           <el-col :span="1.5">
-            <el-button
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()"
-              type="danger"
+              v-hasPermi="['quality:qualityInspection:remove']">删除</el-button>
-              plain
-              icon="Delete"
-              :disabled="multiple"
-              @click="handleDelete()"
-              v-hasPermi="['quality:qualityInspection:remove']"
-              >删除</el-button
-            >
           </el-col>
           <!-- <el-col :span="1.5">
             <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['quality:qualityInspection:export']">导出</el-button>
@@ -49,7 +44,8 @@
       </template>
       <!-- card body -->
       <Notice @selection-change="handleSelectionChange" :data="tableData"></Notice>
-      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize" @pagination="getList" />
     </el-card>
 
     <el-dialog title="新增模板" v-model="dialogVisible" width="800">
@@ -60,12 +56,14 @@
           <div>
             <el-form-item label="检查类型" prop="checkType">
               <el-select v-model="form.checkType" placeholder="请选择检查类型">
-                <el-option v-for="dict in safety_inspection_check_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
+                <el-option v-for="dict in safety_inspection_check_type" :key="dict.value" :label="dict.label"
+                  :value="dict.value"></el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="违章类型" prop="violationType">
               <el-select v-model="form.violationType" placeholder="请选择违章类型">
-                <el-option v-for="dict in safety_inspection_violation_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
+                <el-option v-for="dict in safety_inspection_violation_type" :key="dict.value" :label="dict.label"
+                  :value="dict.value"></el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="巡检结果" prop="inspectionResult">
@@ -73,7 +71,8 @@
             </el-form-item>
             <el-form-item label="整改班组" prop="teamId">
               <el-select v-model="form.teamId" placeholder="请选择整改班组">
-                <el-option v-for="item in teamOpt" :key="item.value" :label="item.label" :value="item.value" @click="changeForeman(item.value)" />
+                <el-option v-for="item in teamOpt" :key="item.value" :label="item.label" :value="item.value"
+                  @click="changeForeman(item.value)" />
               </el-select>
             </el-form-item>
             <el-form-item label="整改人" prop="correctorId">
@@ -88,13 +87,16 @@
               <el-input v-model="form.measure" type="textarea" placeholder="请输入内容" />
             </el-form-item>
             <el-form-item label="要求整改期限" prop="rectificationDeadline">
-              <el-date-picker clearable v-model="form.rectificationDeadline" type="date" value-format="YYYY-MM-DD" placeholder="选择要求整改期限" />
+              <el-date-picker clearable v-model="form.rectificationDeadline" type="date" value-format="YYYY-MM-DD"
+                placeholder="选择要求整改期限" />
             </el-form-item>
             <el-form-item label="检查附件" prop="checkFile">
-              <file-upload v-model="form.checkFile" :file-size="20" :file-type="['doc', 'docx', 'pdf', 'png', 'jpg', 'jpeg']" />
+              <file-upload v-model="form.checkFile" :file-size="20"
+                :file-type="['doc', 'docx', 'pdf', 'png', 'jpg', 'jpeg']" />
             </el-form-item>
             <el-form-item label="整改附件" prop="rectificationFile">
-              <file-upload v-model="form.rectificationFile" :file-size="20" :file-type="['doc', 'docx', 'pdf', 'png', 'jpg', 'jpeg']" />
+              <file-upload v-model="form.rectificationFile" :file-size="20"
+                :file-type="['doc', 'docx', 'pdf', 'png', 'jpg', 'jpeg']" />
             </el-form-item>
             <el-form-item label="备注" prop="remark">
               <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
@@ -251,8 +253,8 @@ const changeForeman = (value: string | number) => {
   form.value.correctorId = '';
 };
 
-const handleQuery = () => {};
+const handleQuery = () => { };
-const resetQuery = () => {};
+const resetQuery = () => { };
 const getList = async () => {
   if (!queryParams.value.projectType) {
     const res = await listContactTypeformtemplate(queryParams.value);
@@ -287,7 +289,7 @@ const handleDelete = async (id?: string) => {
     getList();
   }
 };
-const handleUpdate = () => {};
+const handleUpdate = () => { };
 
 /** 多选框选中数据 */
 const handleSelectionChange = (selection: any) => {

src/views/quality/knowledgeDocument/component/recyclingStation.vue

@@ -5,23 +5,19 @@
         <el-form :model="param" ref="queryRef" :inline="true" label-width="100px">
           <el-row>
             <el-col :span="2">
-              <el-button
+              <el-button type="success" v-auth="'/zm/api/v1/system/document/templateRecycleBin'" :disabled="multiple"
-                type="success"
+                @click="onRecyclingStation(null, true)" v-hasPermi="['quality:knowledgeDocument:recovery']">
-                v-auth="'/zm/api/v1/system/document/templateRecycleBin'"
+                <el-icon>
-                :disabled="multiple"
+                  <RefreshRight />
-                @click="onRecyclingStation(null, true)"
+                </el-icon>批量恢复
-              >
-                <el-icon><RefreshRight /></el-icon>批量恢复
               </el-button>
             </el-col>
             <el-col :span="2">
-              <el-button
+              <el-button type="danger" v-auth="'/zm/api/v1/system/document/templateRecycleBin'" :disabled="multiple"
-                type="danger"
+                @click="onRecyclingStation(null, false)">
-                v-auth="'/zm/api/v1/system/document/templateRecycleBin'"
+                <el-icon>
-                :disabled="multiple"
+                  <DeleteFilled />
-                @click="onRecyclingStation(null, false)"
+                </el-icon>批量删除
-              >
-                <el-icon><DeleteFilled /></el-icon>批量删除
               </el-button>
             </el-col>
           </el-row>
@@ -40,14 +36,18 @@
         <el-table-column label="操作" align="center" class-name="small-padding" min-width="80px" fixed="right">
           <template #default="scope">
             <div>
-              <el-button type="success" v-auth="'/zm/api/v1/system/document/templateRecycleBin'" link @click="onRecyclingStation(scope.row, true)">
+              <el-button type="success" v-auth="'/zm/api/v1/system/document/templateRecycleBin'" link
-                <el-icon><RefreshRight /></el-icon>恢复
+                @click="onRecyclingStation(scope.row, true)">
+                <el-icon>
+                  <RefreshRight />
+                </el-icon>恢复
               </el-button>
             </div>
           </template>
         </el-table-column>
       </el-table>
-      <pagination v-show="total > 0" :total="total" v-model:page="param.pageNum" v-model:limit="param.pageSize" @pagination="getDocumentDataList" />
+      <pagination v-show="total > 0" :total="total" v-model:page="param.pageNum" v-model:limit="param.pageSize"
+        @pagination="getDocumentDataList" />
     </el-card>
   </div>
 </template>
@@ -139,7 +139,7 @@ const onRecyclingStation = (row: any, flag: boolean) => {
         });
       }
     })
-    .catch(() => {});
+    .catch(() => { });
 };
 
 const filterfilenPath = (val: string): string => {
@@ -155,6 +155,7 @@ defineExpose({
 .colBlock {
   display: block;
 }
+
 .colNone {
   display: none;
 }

src/views/quality/knowledgeDocument/index.vue

@@ -5,48 +5,39 @@
         <div class="box_info">
           <div class="tree_left1" id="tree_left1">
             <div class="file_upload check_select">
-              <div class="box_btn" v-auth="'/zm/api/v1/system/documentData/add'">
+              <div class="box_btn" v-auth="'/zm/api/v1/system/documentData/add'"
-                <file-upload
+                v-hasPermi="['quality:knowledgeDocument:file']">
-                  v-model="state.paramsQuery.file"
+
-                  :limit="100"
+                <file-upload v-model="state.paramsQuery.file" :limit="100" :uploadUrl="uploadUrl" :params="uploadParams"
-                  :uploadUrl="uploadUrl"
+                  :on-upload-success="uploadFile">
-                  :params="uploadParams"
-                  :on-upload-success="uploadFile"
-                >
                   <el-button type="primary" style="float: left" :disabled="!state.parentPid">
-                    <el-icon size="small"><Plus /></el-icon>上传文件
+                    <el-icon size="small">
+                      <Plus />
+                    </el-icon>上传文件
                   </el-button>
                 </file-upload>
               </div>
-              <el-button
+              <el-button type="primary" v-auth="'/zm/api/v1/system/documentProject/dataCompressedDownload'"
-                type="primary"
+                v-hasPermi="['quality:knowledgeDocument:fileList']" :disabled="!state.parentPid"
-                v-auth="'/zm/api/v1/system/documentProject/dataCompressedDownload'"
+                @click="onExport"><el-icon>
-                :disabled="!state.parentPid"
+                  <Download />
-                @click="onExport"
+                </el-icon>下载</el-button>
-                ><el-icon><Download /></el-icon>下载</el-button
+              <el-button type="primary" @click="onBook"
-              >
+                v-auth="'/zm/api/v1/system/documentData/dataFileQuery'"><el-icon>
-              <el-button type="primary" @click="onBook" v-auth="'/zm/api/v1/system/documentData/dataFileQuery'"
+                  <View />
-                ><el-icon><View /></el-icon>查看全项目文件</el-button
+                </el-icon>查看全项目文件</el-button>
-              >
             </div>
             <div class="file_upload check_select">
               <el-input class="input_left" v-model="filterText" size="small" placeholder="请输入文件名称" />
             </div>
-            <el-tree
+            <el-tree ref="treeRef" highlight-current :default-expand-all="state.checked"
-              ref="treeRef"
+              :filter-node-method="filterFolder" :data="state.treeList" node-key="id" accordion
-              highlight-current
+              :expand-on-click-node="false" @node-click="handleNodeClick" :current-node-key="state.selectedNodeId">
-              :default-expand-all="state.checked"
-              :filter-node-method="filterFolder"
-              :data="state.treeList"
-              node-key="id"
-              accordion
-              :expand-on-click-node="false"
-              @node-click="handleNodeClick"
-              :current-node-key="state.selectedNodeId"
-            >
               <template #default="{ node, data }">
                 <span class="custom-tree-node">
-                  <el-icon color="#f1a81a"><FolderOpened /></el-icon>
+                  <el-icon color="#f1a81a">
+                    <FolderOpened />
+                  </el-icon>
                   <span>{{ node.label }}</span>
                 </span>
               </template>
@@ -59,22 +50,18 @@
                 <el-row>
                   <el-col :span="7" class="colBlock">
                     <el-form-item label="文件名称" prop="fileName">
-                      <el-input
+                      <el-input v-model="state.paramsQuery.fileName" placeholder="请输入文件名称" clearable
-                        v-model="state.paramsQuery.fileName"
+                        @keyup.enter.native="getdocumentDataList" />
-                        placeholder="请输入文件名称"
-                        clearable
-                        @keyup.enter.native="getdocumentDataList"
-                      />
                     </el-form-item>
                   </el-col>
                   <el-col :span="6" class="m-l10">
                     <el-form-item>
-                      <el-button type="primary" @click="searchInfo"
+                      <el-button type="primary" @click="searchInfo"><el-icon>
-                        ><el-icon><Search /></el-icon>搜索</el-button
+                          <Search />
-                      >
+                        </el-icon>搜索</el-button>
-                      <el-button @click="resetQuery"
+                      <el-button @click="resetQuery"><el-icon>
-                        ><el-icon><Refresh /></el-icon>重置</el-button
+                          <Refresh />
-                      >
+                        </el-icon>重置</el-button>
                     </el-form-item>
                   </el-col>
                   <!-- <el-col :span="4">
@@ -97,44 +84,38 @@
               <el-table-column label="上传时间" align="center" prop="createTime"> </el-table-column>
               <el-table-column label="操作" align="center" width="300">
                 <template #default="scope">
-                  <el-button
+                  <el-button type="primary" v-auth="'/zm/api/v1/system/documentData/get'"
-                    type="primary"
+                    v-if="acceptType.includes(scope.row.fileSuffix)" link @click="handleView(scope.row)"><el-icon>
-                    v-auth="'/zm/api/v1/system/documentData/get'"
+                      <View />
-                    v-if="acceptType.includes(scope.row.fileSuffix)"
+                    </el-icon>查看</el-button>
-                    link
+                  <el-button type="primary" v-auth="'/zm/api/v1/system/documentData/complaintBoxAdd'"
-                    @click="handleView(scope.row)"
+                    v-hasPermi="['quality:knowledgeDocument:file']" v-if="state.wordType.includes(scope.row.fileSuffix)"
-                    ><el-icon><View /></el-icon>查看</el-button
+                    link @click="updataView(scope.row)"><el-icon>
-                  >
+                      <EditPen />
-                  <el-button
+                    </el-icon>修改文件</el-button>
-                    type="primary"
+                  <el-button type="primary" v-auth="'/zm/api/v1/system/documentData/uniFolderDownload'" link
-                    v-auth="'/zm/api/v1/system/documentData/complaintBoxAdd'"
+                    v-hasPermi="['quality:knowledgeDocument:file']" @click="onExportView(scope.row)"><el-icon>
-                    v-if="state.wordType.includes(scope.row.fileSuffix)"
+                      <Download />
-                    link
+                    </el-icon>下载</el-button>
-                    @click="updataView(scope.row)"
+                  <el-button type="success" v-auth="'/zm/api/v1/system/documentData/edit'" link
-                    ><el-icon><EditPen /></el-icon>修改文件</el-button
+                    @click="updateName(scope.row)" v-hasPermi="['quality:knowledgeDocument:file']"><el-icon>
-                  >
+                      <EditPen />
-                  <el-button type="primary" v-auth="'/zm/api/v1/system/documentData/uniFolderDownload'" link @click="onExportView(scope.row)"
+                    </el-icon>修改名称</el-button>
-                    ><el-icon><Download /></el-icon>下载</el-button
+                  <el-button type="danger" v-auth="'/zm/api/v1/system/documentData/delete'" link
-                  >
+                    @click="handleDelete(scope.row)"><el-icon>
-                  <el-button type="success" v-auth="'/zm/api/v1/system/documentData/edit'" link @click="updateName(scope.row)"
+                      <DeleteFilled />
-                    ><el-icon><EditPen /></el-icon>修改名称</el-button
+                    </el-icon>删除</el-button>
-                  >
-                  <el-button type="danger" v-auth="'/zm/api/v1/system/documentData/delete'" link @click="handleDelete(scope.row)"
-                    ><el-icon><DeleteFilled /></el-icon>删除</el-button
-                  >
                 </template>
               </el-table-column>
             </el-table>
-            <pagination
+            <pagination :total="state.total" v-model:page="state.paramsQuery.pageNum"
-              :total="state.total"
+              v-model:limit="state.paramsQuery.pageSize" @pagination="getdocumentDataList" />
-              v-model:page="state.paramsQuery.pageNum"
-              v-model:limit="state.paramsQuery.pageSize"
-              @pagination="getdocumentDataList"
-            />
           </div>
         </div>
-        <documentsDeailsVue ref="documentDetailRef" v-if="state.showDocumentDetail" @onClose="onClose"></documentsDeailsVue>
+        <documentsDeailsVue ref="documentDetailRef" v-if="state.showDocumentDetail" @onClose="onClose">
-        <documentsEdit ref="documentDataEditRef" v-if="state.showdocumentDataEdit" @onClose="onCloseEdit"></documentsEdit>
+        </documentsDeailsVue>
+        <documentsEdit ref="documentDataEditRef" v-if="state.showdocumentDataEdit" @onClose="onCloseEdit">
+        </documentsEdit>
         <!-- <uploadFileder
       ref="uploadFilederRef"
       v-if="state.showUploadFileder"
@@ -154,15 +135,8 @@
           </template>
         </el-dialog>
       </div>
-      <el-image-viewer
+      <el-image-viewer ref="imageRef" style="width: 100%; height: 100%" :url-list="[imgUrl]" v-if="imgUrl" show-progress
-        ref="imageRef"
+        fit="cover" @close="imgUrl = ''" />
-        style="width: 100%; height: 100%"
-        :url-list="[imgUrl]"
-        v-if="imgUrl"
-        show-progress
-        fit="cover"
-        @close="imgUrl = ''"
-      />
     </el-tab-pane>
     <el-tab-pane label="回收站" name="second">
       <RecyclingStation ref="recylingRef"></RecyclingStation>
@@ -472,7 +446,7 @@ const delFile = (msg, data, cb) => {
         }
       });
     })
-    .catch(() => {});
+    .catch(() => { });
 };
 const editName = (data, title, type) => {
   ElMessageBox.prompt(title, '温馨提示', {
@@ -502,7 +476,7 @@ const editName = (data, title, type) => {
         }
       });
     })
-    .catch(() => {});
+    .catch(() => { });
 };
 const onExport = () => {
   getUniFolderDownloadList(state.paramsQuery.folderId).then((res: any) => {
@@ -535,30 +509,37 @@ onMounted(() => {
 <style lang="scss" scoped>
 .profile_engin {
   height: 80vh;
+
   .set-tool {
     display: none;
   }
+
   .el-tree-node__content:hover,
   .el-tree-node__content:active {
     .set-tool {
       display: inline-block;
     }
   }
-  .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+
+  .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
     background-color: #354e67 !important;
     color: #fff;
   }
+
   .box_info {
     display: flex;
     justify-content: space-between;
   }
+
   .pagination-container {
     padding: 10px 0 !important;
   }
-  > div {
+
+  >div {
     height: 100%;
     width: 100%;
   }
+
   .tree_left1 {
     width: 30%;
     background-color: #fff;
@@ -569,6 +550,7 @@ onMounted(() => {
     min-width: 26%;
     border-right: 6px solid;
     border-right-color: rgba(204, 230, 255, 0);
+
     .resize-handle-right {
       top: 0;
       width: 6px;
@@ -578,6 +560,7 @@ onMounted(() => {
       position: absolute;
       z-index: 999;
     }
+
     .check_select {
       display: flex;
       align-items: center;
@@ -585,43 +568,52 @@ onMounted(() => {
       // justify-content: space-between;
       padding: 4px;
       border-bottom: 1px solid #f1f1f1;
+
       .box_btn {
         margin: 0 10px 0 20px;
         position: relative;
-        > span {
+
+        >span {
           padding: 4px 10px;
           background: #67c23a;
           color: #fff;
           border-radius: 2px;
         }
+
         .btn {
           position: absolute;
           left: 20%;
           display: none;
           top: -2px;
           width: 220px;
+
           .el-button {
             float: left;
           }
         }
       }
+
       .box_btn:hover,
       .box_btn:active {
         cursor: pointer;
+
         .btn {
           display: block;
         }
       }
     }
+
     .file_upload {
       margin: 2px 0;
     }
+
     .input_left {
       padding: 6px;
       box-sizing: border-box;
       // border-bottom: 1px solid #cbcbcb;
     }
   }
+
   .list_right {
     width: 69.5%;
     background: white;
@@ -629,11 +621,13 @@ onMounted(() => {
     padding: 10px;
     box-sizing: border-box;
   }
+
   .el-tree {
     height: calc(80vh - 160px);
     width: 100%;
     overflow: auto !important;
   }
+
   // .el-tree-node__children {
   // 	overflow: visible !important;
   // }

src/views/system/role/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="p-2">
-    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
+      :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
           <el-form ref="queryFormRef" :model="queryParams" :inline="true">
@@ -12,23 +13,19 @@
             </el-form-item>
             <el-form-item label="状态" prop="status">
               <el-select v-model="queryParams.status" placeholder="角色状态" clearable>
-                <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
+                <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
+                  :value="dict.value" />
               </el-select>
             </el-form-item>
             <el-form-item label="创建时间" style="width: 308px">
-              <el-date-picker
+              <el-date-picker v-model="dateRange" value-format="YYYY-MM-DD HH:mm:ss" type="daterange"
-                v-model="dateRange"
+                range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
-                value-format="YYYY-MM-DD HH:mm:ss"
+                :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"></el-date-picker>
-                type="daterange"
-                range-separator="-"
-                start-placeholder="开始日期"
-                end-placeholder="结束日期"
-                :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"
-              ></el-date-picker>
             </el-form-item>
 
             <el-form-item>
-              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button type="primary" icon="Search" @click="handleQuery"
+                v-hasPermi="['system:role:query']">搜索</el-button>
               <el-button icon="Refresh" @click="resetQuery">重置</el-button>
             </el-form-item>
           </el-form>
@@ -40,18 +37,9 @@
       <el-col :lg="4" :xs="24" style="">
         <el-card shadow="hover">
           <el-input v-model="deptName" placeholder="请输入部门名称" prefix-icon="Search" clearable />
-          <el-tree
+          <el-tree ref="deptTreeRef" class="mt-2" node-key="id" :data="deptOptions"
-            ref="deptTreeRef"
+            :props="{ label: 'label', children: 'children' }" :expand-on-click-node="false"
-            class="mt-2"
+            :filter-node-method="filterNode" highlight-current default-expand-all @node-click="handleNodeClick" />
-            node-key="id"
-            :data="deptOptions"
-            :props="{ label: 'label', children: 'children' }"
-            :expand-on-click-node="false"
-            :filter-node-method="filterNode"
-            highlight-current
-            default-expand-all
-            @node-click="handleNodeClick"
-          />
         </el-card>
       </el-col>
       <el-col :lg="20" :xs="24">
@@ -59,20 +47,20 @@
           <template #header>
             <el-row :gutter="10">
               <el-col :span="1.5">
-                <el-button v-hasPermi="['system:role:add']" type="primary" plain icon="Plus" @click="handleAdd()">新增</el-button>
+                <el-button v-hasPermi="['system:role:add']" type="primary" plain icon="Plus"
+                  @click="handleAdd()">新增</el-button>
               </el-col>
               <el-col :span="1.5">
-                <el-button v-hasPermi="['system:role:edit']" type="success" plain :disabled="single" icon="Edit" @click="handleUpdate()"
+                <el-button v-hasPermi="['system:role:edit']" type="success" plain :disabled="single" icon="Edit"
-                  >修改</el-button
+                  @click="handleUpdate()">修改</el-button>
-                >
               </el-col>
               <el-col :span="1.5">
-                <el-button v-hasPermi="['system:role:delete']" type="danger" plain :disabled="ids.length === 0" @click="handleDelete()"
+                <el-button v-hasPermi="['system:role:delete']" type="danger" plain :disabled="ids.length === 0"
-                  >删除</el-button
+                  @click="handleDelete()">删除</el-button>
-                >
               </el-col>
               <el-col :span="1.5">
-                <el-button v-hasPermi="['system:role:export']" type="warning" plain icon="Download" @click="handleExport">导出</el-button>
+                <el-button v-hasPermi="['system:role:export']" type="warning" plain icon="Download"
+                  @click="handleExport">导出</el-button>
               </el-col>
               <right-toolbar v-model:show-search="showSearch" @query-table="getList"></right-toolbar>
             </el-row>
@@ -86,7 +74,8 @@
             <el-table-column label="显示顺序" prop="roleSort" width="100" />
             <el-table-column label="状态" align="center" width="100">
               <template #default="scope">
-                <el-switch v-model="scope.row.status" active-value="0" inactive-value="1" @change="handleStatusChange(scope.row)"></el-switch>
+                <el-switch v-model="scope.row.status" active-value="0" inactive-value="1"
+                  @change="handleStatusChange(scope.row)"></el-switch>
               </template>
             </el-table-column>
             <el-table-column label="创建时间" align="center" prop="createTime">
@@ -98,28 +87,27 @@
             <el-table-column fixed="right" label="操作" width="180">
               <template #default="scope">
                 <el-tooltip v-if="scope.row.roleId !== 1" content="修改" placement="top">
-                  <el-button v-hasPermi="['system:role:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
+                  <el-button v-hasPermi="['system:role:edit']" link type="primary" icon="Edit"
+                    @click="handleUpdate(scope.row)"></el-button>
                 </el-tooltip>
                 <el-tooltip v-if="scope.row.roleId !== 1" content="删除" placement="top">
-                  <el-button v-hasPermi="['system:role:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
+                  <el-button v-hasPermi="['system:role:remove']" link type="primary" icon="Delete"
+                    @click="handleDelete(scope.row)"></el-button>
                 </el-tooltip>
                 <el-tooltip v-if="scope.row.roleId !== 1" content="数据权限" placement="top">
-                  <el-button v-hasPermi="['system:role:edit']" link type="primary" icon="CircleCheck" @click="handleDataScope(scope.row)"></el-button>
+                  <el-button v-hasPermi="['system:role:edit']" link type="primary" icon="CircleCheck"
+                    @click="handleDataScope(scope.row)"></el-button>
                 </el-tooltip>
                 <el-tooltip v-if="scope.row.roleId !== 1" content="分配用户" placement="top">
-                  <el-button v-hasPermi="['system:role:edit']" link type="primary" icon="User" @click="handleAuthUser(scope.row)"></el-button>
+                  <el-button v-hasPermi="['system:role:edit']" link type="primary" icon="User"
+                    @click="handleAuthUser(scope.row)"></el-button>
                 </el-tooltip>
               </template>
             </el-table-column>
           </el-table>
 
-          <pagination
+          <pagination v-if="total > 0" v-model:total="total" v-model:page="queryParams.pageNum"
-            v-if="total > 0"
+            v-model:limit="queryParams.pageSize" @pagination="getList" />
-            v-model:total="total"
-            v-model:page="queryParams.pageNum"
-            v-model:limit="queryParams.pageSize"
-            @pagination="getList"
-          />
         </el-card>
       </el-col>
     </el-row>
@@ -127,16 +115,8 @@
     <el-dialog v-model="dialog.visible" :title="dialog.title" width="500px" append-to-body>
       <el-form ref="roleFormRef" :model="form" :rules="rules" label-width="110px">
         <el-form-item label="所属部门" prop="deptId">
-          <el-cascader
+          <el-cascader :options="deptOptions" v-model="form.deptId" placeholder="请选择所属部门" clearable filterable
-            :options="deptOptions"
+            :show-all-levels="false" :props="{ value: 'id', emitPath: false, checkStrictly: true }" @change="">
-            v-model="form.deptId"
-            placeholder="请选择所属部门"
-            clearable
-            filterable
-            :show-all-levels="false"
-            :props="{ value: 'id', emitPath: false, checkStrictly: true }"
-            @change=""
-          >
           </el-cascader>
         </el-form-item>
         <el-form-item label="角色名称" prop="roleName">
@@ -158,26 +138,23 @@
         </el-form-item>
         <el-form-item label="状态">
           <el-radio-group v-model="form.status">
-            <el-radio v-for="dict in sys_normal_disable" :key="dict.value" :value="dict.value">{{ dict.label }}</el-radio>
+            <el-radio v-for="dict in sys_normal_disable" :key="dict.value" :value="dict.value">{{ dict.label
+            }}</el-radio>
           </el-radio-group>
         </el-form-item>
         <el-form-item label="菜单权限">
-          <el-checkbox v-model="menuExpand" @change="handleCheckedTreeExpand(Boolean($event), 'menu')">展开/折叠</el-checkbox>
+          <el-checkbox v-model="menuExpand"
+            @change="handleCheckedTreeExpand(Boolean($event), 'menu')">展开/折叠</el-checkbox>
           <el-checkbox v-model="menuNodeAll" @change="handleCheckedTreeNodeAll($event, 'menu')">全选/全不选</el-checkbox>
-          <el-checkbox v-model="form.menuCheckStrictly" @change="handleCheckedTreeConnect($event, 'menu')">父子联动</el-checkbox>
+          <el-checkbox v-model="form.menuCheckStrictly"
-          <el-tree
+            @change="handleCheckedTreeConnect($event, 'menu')">父子联动</el-checkbox>
-            ref="menuRef"
+          <el-tree ref="menuRef" class="tree-border" :data="menuOptions" show-checkbox node-key="id"
-            class="tree-border"
+            :check-strictly="!form.menuCheckStrictly" empty-text="加载中，请稍候"
-            :data="menuOptions"
+            :props="{ label: 'label', children: 'children' }"></el-tree>
-            show-checkbox
-            node-key="id"
-            :check-strictly="!form.menuCheckStrictly"
-            empty-text="加载中，请稍候"
-            :props="{ label: 'label', children: 'children' }"
-          ></el-tree>
         </el-form-item>
         <el-form-item label="是否为特殊角色">
-          <el-switch v-model="form.isSpecial" active-value="1" inactive-value="0" active-text="是" inactive-text="否"> </el-switch>
+          <el-switch v-model="form.isSpecial" active-value="1" inactive-value="0" active-text="是" inactive-text="否">
+          </el-switch>
         </el-form-item>
         <el-form-item label="备注">
           <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
@@ -202,24 +179,19 @@
         </el-form-item>
         <el-form-item label="权限范围">
           <el-select v-model="form.dataScope" @change="dataScopeSelectChange">
-            <el-option v-for="item in dataScopeOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
+            <el-option v-for="item in dataScopeOptions" :key="item.value" :label="item.label"
+              :value="item.value"></el-option>
           </el-select>
         </el-form-item>
         <el-form-item v-show="form.dataScope === '2'" label="数据权限">
-          <el-checkbox v-model="deptExpand" @change="handleCheckedTreeExpand(Boolean($event), 'dept')">展开/折叠</el-checkbox>
+          <el-checkbox v-model="deptExpand"
+            @change="handleCheckedTreeExpand(Boolean($event), 'dept')">展开/折叠</el-checkbox>
           <el-checkbox v-model="deptNodeAll" @change="handleCheckedTreeNodeAll($event, 'dept')">全选/全不选</el-checkbox>
-          <el-checkbox v-model="form.deptCheckStrictly" @change="handleCheckedTreeConnect($event, 'dept')">父子联动</el-checkbox>
+          <el-checkbox v-model="form.deptCheckStrictly"
-          <el-tree
+            @change="handleCheckedTreeConnect($event, 'dept')">父子联动</el-checkbox>
-            ref="deptRef"
+          <el-tree ref="deptRef" class="tree-border" :data="deptOptions" show-checkbox default-expand-all node-key="id"
-            class="tree-border"
+            :check-strictly="!form.deptCheckStrictly" empty-text="加载中，请稍候"
-            :data="deptOptions"
+            :props="{ label: 'label', children: 'children' }"></el-tree>
-            show-checkbox
-            default-expand-all
-            node-key="id"
-            :check-strictly="!form.deptCheckStrictly"
-            empty-text="加载中，请稍候"
-            :props="{ label: 'label', children: 'children' }"
-          ></el-tree>
         </el-form-item>
       </el-form>
       <template #footer>

src/views/system/user/index.vue

@@ -5,22 +5,14 @@
       <el-col :lg="4" :xs="24" style="">
         <el-card shadow="hover">
           <el-input v-model="deptName" placeholder="请输入部门名称" prefix-icon="Search" clearable />
-          <el-tree
+          <el-tree ref="deptTreeRef" class="mt-2" node-key="id" :data="deptOptions"
-            ref="deptTreeRef"
+            :props="{ label: 'label', children: 'children' }" :expand-on-click-node="false"
-            class="mt-2"
+            :filter-node-method="filterNode" highlight-current default-expand-all @node-click="handleNodeClick" />
-            node-key="id"
-            :data="deptOptions"
-            :props="{ label: 'label', children: 'children' }"
-            :expand-on-click-node="false"
-            :filter-node-method="filterNode"
-            highlight-current
-            default-expand-all
-            @node-click="handleNodeClick"
-          />
         </el-card>
       </el-col>
       <el-col :lg="20" :xs="24">
-        <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+        <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
+          :leave-active-class="proxy?.animate.searchAnimate.leave">
           <div v-show="showSearch" class="mb-[10px]">
             <el-card shadow="hover">
               <el-form ref="queryFormRef" :model="queryParams" :inline="true">
@@ -28,27 +20,25 @@
                   <el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable @keyup.enter="handleQuery" />
                 </el-form-item>
                 <el-form-item label="手机号码" prop="phonenumber">
-                  <el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable @keyup.enter="handleQuery" />
+                  <el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable
+                    @keyup.enter="handleQuery" />
                 </el-form-item>
 
                 <el-form-item label="状态" prop="status">
                   <el-select v-model="queryParams.status" placeholder="用户状态" clearable>
-                    <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
+                    <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
+                      :value="dict.value" />
                   </el-select>
                 </el-form-item>
                 <el-form-item label="创建时间" style="width: 308px">
-                  <el-date-picker
+                  <el-date-picker v-model="dateRange" value-format="YYYY-MM-DD HH:mm:ss" type="daterange"
-                    v-model="dateRange"
+                    range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
-                    value-format="YYYY-MM-DD HH:mm:ss"
+                    :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"></el-date-picker>
-                    type="daterange"
-                    range-separator="-"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期"
-                    :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"
-                  ></el-date-picker>
                 </el-form-item>
                 <el-form-item>
-                  <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+                  <el-button type="primary" icon="Search" @click="handleQuery"
+                    @v-has-permi="['system:user:query']">搜索</el-button>
+
                   <el-button icon="Refresh" @click="resetQuery">重置</el-button>
                 </el-form-item>
               </el-form>
@@ -60,15 +50,18 @@
           <template #header>
             <el-row :gutter="10">
               <el-col :span="1.5">
-                <el-button v-has-permi="['system:user:add']" type="primary" plain icon="Plus" @click="handleAdd()"> 新增 </el-button>
+                <el-button v-has-permi="['system:user:add']" type="primary" plain icon="Plus" @click="handleAdd()"> 新增
+                </el-button>
               </el-col>
               <el-col :span="1.5">
-                <el-button v-has-permi="['system:user:edit']" type="success" plain :disabled="single" icon="Edit" @click="handleUpdate()">
+                <el-button v-has-permi="['system:user:edit']" type="success" plain :disabled="single" icon="Edit"
+                  @click="handleUpdate()">
                   修改
                 </el-button>
               </el-col>
               <el-col :span="1.5">
-                <el-button v-has-permi="['system:user:remove']" type="danger" plain :disabled="multiple" icon="Delete" @click="handleDelete()">
+                <el-button v-has-permi="['system:user:remove']" type="danger" plain :disabled="multiple" icon="Delete"
+                  @click="handleDelete()">
                   删除
                 </el-button>
               </el-col>
@@ -83,26 +76,34 @@
                   <template #dropdown>
                     <el-dropdown-menu>
                       <el-dropdown-item icon="Download" @click="importTemplate">下载模板</el-dropdown-item>
-                      <el-dropdown-item v-has-permi="['system:user:import']" icon="Top" @click="handleImport">导入数据 </el-dropdown-item>
+                      <el-dropdown-item v-has-permi="['system:user:import']" icon="Top" @click="handleImport">导入数据
-                      <el-dropdown-item v-has-permi="['system:user:export']" icon="Download" @click="handleExport"> 导出数据 </el-dropdown-item>
+                      </el-dropdown-item>
+                      <el-dropdown-item v-has-permi="['system:user:export']" icon="Download" @click="handleExport"> 导出数据
+                      </el-dropdown-item>
                     </el-dropdown-menu>
                   </template>
                 </el-dropdown>
               </el-col>
-              <right-toolbar v-model:show-search="showSearch" :columns="columns" :search="true" @query-table="getList"></right-toolbar>
+              <right-toolbar v-model:show-search="showSearch" :columns="columns" :search="true"
+                @query-table="getList"></right-toolbar>
             </el-row>
           </template>
 
           <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
             <el-table-column type="selection" width="50" align="center" />
             <el-table-column v-if="columns[0].visible" key="userId" label="用户编号" align="center" prop="userId" />
-            <el-table-column v-if="columns[1].visible" key="userName" label="用户名称" align="center" prop="userName" :show-overflow-tooltip="true" />
+            <el-table-column v-if="columns[1].visible" key="userName" label="用户名称" align="center" prop="userName"
-            <el-table-column v-if="columns[2].visible" key="nickName" label="用户昵称" align="center" prop="nickName" :show-overflow-tooltip="true" />
+              :show-overflow-tooltip="true" />
-            <el-table-column v-if="columns[3].visible" key="deptName" label="部门" align="center" prop="deptName" :show-overflow-tooltip="true" />
+            <el-table-column v-if="columns[2].visible" key="nickName" label="用户昵称" align="center" prop="nickName"
-            <el-table-column v-if="columns[4].visible" key="phonenumber" label="手机号码" align="center" prop="phonenumber" width="120" />
+              :show-overflow-tooltip="true" />
+            <el-table-column v-if="columns[3].visible" key="deptName" label="部门" align="center" prop="deptName"
+              :show-overflow-tooltip="true" />
+            <el-table-column v-if="columns[4].visible" key="phonenumber" label="手机号码" align="center" prop="phonenumber"
+              width="120" />
             <el-table-column v-if="columns[5].visible" key="status" label="状态" align="center">
               <template #default="scope">
-                <el-switch v-model="scope.row.status" active-value="0" inactive-value="1" @change="handleStatusChange(scope.row)"></el-switch>
+                <el-switch v-model="scope.row.status" active-value="0" inactive-value="1"
+                  @change="handleStatusChange(scope.row)"></el-switch>
               </template>
             </el-table-column>
 
@@ -115,24 +116,30 @@
             <el-table-column label="操作" fixed="right" width="230" class-name="small-padding fixed-width">
               <template #default="scope">
                 <el-tooltip v-if="scope.row.userId !== 1" content="修改" placement="top">
-                  <el-button v-hasPermi="['system:user:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
+                  <el-button v-hasPermi="['system:user:edit']" link type="primary" icon="Edit"
+                    @click="handleUpdate(scope.row)"></el-button>
                 </el-tooltip>
                 <el-tooltip v-if="scope.row.userId !== 1" content="删除" placement="top">
-                  <el-button v-hasPermi="['system:user:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
+                  <el-button v-hasPermi="['system:user:remove']" link type="primary" icon="Delete"
+                    @click="handleDelete(scope.row)"></el-button>
                 </el-tooltip>
 
                 <el-tooltip v-if="scope.row.userId !== 1" content="重置密码" placement="top">
-                  <el-button v-hasPermi="['system:user:resetPwd']" link type="primary" icon="Key" @click="handleResetPwd(scope.row)"></el-button>
+                  <el-button v-hasPermi="['system:user:resetPwd']" link type="primary" icon="Key"
+                    @click="handleResetPwd(scope.row)"></el-button>
                 </el-tooltip>
 
                 <el-tooltip v-if="scope.row.userId !== 1" content="分配角色" placement="top">
-                  <el-button v-hasPermi="['system:user:edit']" link type="primary" icon="CircleCheck" @click="handleAuthRole(scope.row)"></el-button>
+                  <el-button v-hasPermi="['system:user:edit']" link type="primary" icon="CircleCheck"
+                    @click="handleAuthRole(scope.row)"></el-button>
                 </el-tooltip>
                 <el-tooltip v-if="scope.row.userId !== 1" content="编辑关联项目" placement="top">
-                  <el-button v-hasPermi="['system:user:edit']" link type="primary" icon="Edit" @click="handleUpdateProject(scope.row)"></el-button>
+                  <el-button v-hasPermi="['system:user:edit']" link type="primary" icon="Edit"
+                    @click="handleUpdateProject(scope.row)"></el-button>
                 </el-tooltip>
                 <el-tooltip v-if="scope.row.userId !== 1" content="上传证书目录" placement="top">
-                  <el-button v-hasPermi="['system:user:edit']" link type="primary" icon="Upload" @click="handleUploadCert(scope.row)"></el-button>
+                  <el-button v-hasPermi="['system:user:edit']" link type="primary" icon="Upload"
+                    @click="handleUploadCert(scope.row)"></el-button>
                 </el-tooltip>
               </template>
             </el-table-column>
@@ -141,19 +148,15 @@
             <shuttle-frame :userId="selectedUserId" @close="shuttleVisible = false" />
           </el-dialog>
 
-          <pagination
+          <pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
-            v-show="total > 0"
+            :total="total" @pagination="getList" />
-            v-model:page="queryParams.pageNum"
-            v-model:limit="queryParams.pageSize"
-            :total="total"
-            @pagination="getList"
-          />
         </el-card>
       </el-col>
     </el-row>
 
     <!-- 添加或修改用户配置对话框 -->
-    <el-dialog ref="formDialogRef" v-model="dialog.visible" :title="dialog.title" width="600px" append-to-body @close="closeDialog">
+    <el-dialog ref="formDialogRef" v-model="dialog.visible" :title="dialog.title" width="600px" append-to-body
+      @close="closeDialog">
       <el-form ref="userFormRef" :model="form" :rules="rules" label-width="80px">
         <el-row>
           <el-col :span="12">
@@ -163,15 +166,9 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="归属部门" prop="deptId">
-              <el-tree-select
+              <el-tree-select v-model="form.deptId" :data="enabledDeptOptions"
-                v-model="form.deptId"
+                :props="{ value: 'id', label: 'label', children: 'children' }" value-key="id" placeholder="请选择归属部门"
-                :data="enabledDeptOptions"
+                check-strictly @change="handleDeptChange" />
-                :props="{ value: 'id', label: 'label', children: 'children' }"
-                value-key="id"
-                placeholder="请选择归属部门"
-                check-strictly
-                @change="handleDeptChange"
-              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -197,20 +194,16 @@
           <el-col :span="12">
             <el-form-item label="用户性别">
               <el-select v-model="form.sex" placeholder="请选择">
-                <el-option v-for="dict in sys_user_sex" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
+                <el-option v-for="dict in sys_user_sex" :key="dict.value" :label="dict.label"
+                  :value="dict.value"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="岗位">
               <el-select v-model="form.postIds" multiple placeholder="请选择">
-                <el-option
+                <el-option v-for="item in postOptions" :key="item.postId" :label="item.postName" :value="item.postId"
-                  v-for="item in postOptions"
+                  :disabled="item.status == '1'"></el-option>
-                  :key="item.postId"
-                  :label="item.postName"
-                  :value="item.postId"
-                  :disabled="item.status == '1'"
-                ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -219,20 +212,16 @@
               <el-col :span="11" :offset="0">
                 <el-form-item label="项目列表">
                   <el-select v-model="item.projectId" placeholder="请选择">
-                    <el-option v-for="dict in projectOptions" :key="dict.id" :label="dict.shortName" :value="dict.id"></el-option>
+                    <el-option v-for="dict in projectOptions" :key="dict.id" :label="dict.shortName"
+                      :value="dict.id"></el-option>
                   </el-select>
                 </el-form-item>
               </el-col>
               <el-col :span="11" :offset="0">
                 <el-form-item label="角色">
                   <el-select v-model="item.roleIds" filterable multiple placeholder="请选择">
-                    <el-option
+                    <el-option v-for="item in roleOptions" :key="item.roleId" :label="item.roleName"
-                      v-for="item in roleOptions"
+                      :value="item.roleId" :disabled="item.status == '1'"></el-option>
-                      :key="item.roleId"
-                      :label="item.roleName"
-                      :value="item.roleId"
-                      :disabled="item.status == '1'"
-                    ></el-option>
                   </el-select>
                 </el-form-item>
               </el-col>
@@ -245,7 +234,8 @@
           <el-col :span="12">
             <el-form-item label="状态">
               <el-radio-group v-model="form.status">
-                <el-radio v-for="dict in sys_normal_disable" :key="dict.value" :value="dict.value">{{ dict.label }} </el-radio>
+                <el-radio v-for="dict in sys_normal_disable" :key="dict.value" :value="dict.value">{{ dict.label }}
+                </el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -266,18 +256,9 @@
 
     <!-- 用户导入对话框 -->
     <el-dialog draggable v-model="upload.open" :title="upload.title" width="400px" append-to-body>
-      <el-upload
+      <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
-        ref="uploadRef"
+        :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
-        :limit="1"
+        :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
-        accept=".xlsx, .xls"
-        :headers="upload.headers"
-        :action="upload.url + '?updateSupport=' + upload.updateSupport"
-        :disabled="upload.isUploading"
-        :on-progress="handleFileUploadProgress"
-        :on-success="handleFileSuccess"
-        :auto-upload="false"
-        drag
-      >
         <el-icon class="el-icon--upload">
           <i-ep-upload-filled />
         </el-icon>
@@ -289,7 +270,8 @@
               是否更新已经存在的用户数据
             </div>
             <span>仅允许导入xls、xlsx格式文件。</span>
-            <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="importTemplate">下载模板 </el-link>
+            <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
+              @click="importTemplate">下载模板 </el-link>
           </div>
         </template>
       </el-upload>