From b7029ea440dd4f879ef7d931380e1a85f6e80c2f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=98=E7=BB=AA=E5=A3=AE?= <2235602974@qq.com>
Date: Mon, 21 Mar 2022 19:05:38 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E8=A7=92=E8=89=B2=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E3=80=81=E5=B2=97=E4=BD=8D=E7=AE=A1=E7=90=86=E5=AF=BC?=
 =?UTF-8?q?=E5=85=A5=E5=AF=BC=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/const/crud/admin/post.js   | 12 +++++-----
 src/views/admin/post/index.vue | 40 +++++++++++++++++++++++++++++++++-
 src/views/admin/role/index.vue | 35 +++++++++++++++++++++++++++++
 3 files changed, 80 insertions(+), 7 deletions(-)

diff --git a/src/const/crud/admin/post.js b/src/const/crud/admin/post.js
index 665cc0f9..548e3b97 100644
--- a/src/const/crud/admin/post.js
+++ b/src/const/crud/admin/post.js
@@ -11,23 +11,23 @@ export const tableOption = {
   "column": [
     {
       "type": "input",
-      "label": "岗位编码",
-      "prop": "postCode",
+      "label": "岗位名称",
+      "prop": "postName",
       span: 24,
       rules: [{
         required: true,
-        message: '请输入岗位编码',
+        message: '请输入岗位名称',
         trigger: 'blur'
       }]
     },
     {
       "type": "input",
-      "label": "岗位名称",
-      "prop": "postName",
+      "label": "岗位标识",
+      "prop": "postCode",
       span: 24,
       rules: [{
         required: true,
-        message: '请输入岗位名称',
+        message: '请输入岗位标识',
         trigger: 'blur'
       }]
     },
diff --git a/src/views/admin/post/index.vue b/src/views/admin/post/index.vue
index 5e22a0d7..3264c85b 100644
--- a/src/views/admin/post/index.vue
+++ b/src/views/admin/post/index.vue
@@ -39,19 +39,51 @@
             icon="el-icon-edit"
             @click="$refs.crud.rowAdd()">添加
           </el-button>
+          <el-button
+            v-if="permissions.sys_post_import_export"
+            class="filter-item"
+            plain
+            type="primary"
+            size="small"
+            icon="el-icon-upload"
+            @click="$refs.excelUpload.show()"
+          >导入
+          </el-button>
+          <el-button
+            v-if="permissions.sys_post_import_export"
+            class="filter-item"
+            plain
+            type="primary"
+            size="small"
+            icon="el-icon-download"
+            @click="exportExcel"
+          >导出
+          </el-button>
         </template>
       </avue-crud>
+
+      <!--excel 模板导入 -->
+      <excel-upload
+        ref="excelUpload"
+        title="岗位信息导入"
+        url="/admin/post/import"
+        temp-name="岗位信息.xlsx"
+        temp-url="/admin/sys-file/local/post.xlsx"
+        @refreshDataList="handleRefreshChange"
+      ></excel-upload>
     </basic-container>
   </div>
 </template>
 
 <script>
-import {fetchList, getObj, addObj, putObj, delObj} from '@/api/admin/post'
+import {addObj, delObj, fetchList, putObj} from '@/api/admin/post'
 import {tableOption} from '@/const/crud/admin/post'
 import {mapGetters} from 'vuex'
+import ExcelUpload from "@/components/upload/excel";
 
 export default {
   name: 'post',
+  components: { ExcelUpload },
   data() {
     return {
       searchForm: {},
@@ -76,6 +108,12 @@ export default {
     }
   },
   methods: {
+    exportExcel() {
+      this.downBlobFile("/admin/post/export",{}, "post.xlsx");
+    },
+    handleRefreshChange() {
+      this.getList(this.page)
+    },
     getList(page, params) {
       this.tableLoading = true
       fetchList(Object.assign({
diff --git a/src/views/admin/role/index.vue b/src/views/admin/role/index.vue
index 3a2875bd..c9930754 100644
--- a/src/views/admin/role/index.vue
+++ b/src/views/admin/role/index.vue
@@ -39,6 +39,26 @@
             icon="el-icon-edit"
             @click="$refs.crud.rowAdd()">添加
           </el-button>
+          <el-button
+            v-if="permissions.sys_role_import_export"
+            class="filter-item"
+            plain
+            type="primary"
+            size="small"
+            icon="el-icon-upload"
+            @click="$refs.excelUpload.show()"
+          >导入
+          </el-button>
+          <el-button
+            v-if="permissions.sys_role_import_export"
+            class="filter-item"
+            plain
+            type="primary"
+            size="small"
+            icon="el-icon-download"
+            @click="exportExcel"
+          >导出
+          </el-button>
         </template>
 
         <template
@@ -67,6 +87,16 @@
           </el-button>
         </template>
       </avue-crud>
+
+      <!--excel 模板导入 -->
+      <excel-upload
+        ref="excelUpload"
+        title="角色信息导入"
+        url="/admin/role/import"
+        temp-name="角色信息.xlsx"
+        temp-url="/admin/sys-file/local/role.xlsx"
+        @refreshDataList="handleRefreshChange"
+      ></excel-upload>
     </basic-container>
     <el-dialog
       :visible.sync="dialogPermissionVisible"
@@ -106,9 +136,11 @@ import {addObj, delObj, fetchList, fetchRoleTree, permissionUpd, putObj} from '@
 import {tableOption} from '@/const/crud/admin/role'
 import {fetchMenuTree} from '@/api/admin/menu'
 import {mapGetters} from 'vuex'
+import ExcelUpload from "@/components/upload/excel";
 
 export default {
   name: 'TableRole',
+  components: { ExcelUpload },
   data() {
     return {
       searchForm: {},
@@ -252,6 +284,9 @@ export default {
         this.$store.dispatch('GetMenu', {type: false})
         this.$notify.success('修改成功')
       })
+    },
+    exportExcel() {
+      this.downBlobFile("/admin/role/export",{}, "role.xlsx");
     }
   }
 }
-- 
Gitee