From 428216f1c3c255b107eb689cb2afac1b7ed3df80 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期三, 14 六月 2023 21:11:33 +0800
Subject: [PATCH] 样式优化

---
 src/views/systemSetting/baseSetting/department/index.vue |   83 +++++++++++++++++++++++++++++++++++++----
 1 files changed, 74 insertions(+), 9 deletions(-)

diff --git a/src/views/systemSetting/baseSetting/department/index.vue b/src/views/systemSetting/baseSetting/department/index.vue
index a3c8d40..eab00aa 100644
--- a/src/views/systemSetting/baseSetting/department/index.vue
+++ b/src/views/systemSetting/baseSetting/department/index.vue
@@ -7,6 +7,18 @@
           <el-input v-model="context" placeholder="璇疯緭鍏ュ唴瀹�"></el-input>
           <div class="findBtn">
             <el-button type="primary" @click="search()">鏌ヨ</el-button>
+            <el-upload
+                class="department-margin-left10"
+                action=""
+                ref="uploadFile"
+                :http-request="importTable"
+                :show-file-list="false"
+                :auto-upload="true"
+                :limit="1"
+            >
+              <el-button type="primary">瀵煎叆</el-button>
+            </el-upload>
+            <el-button class="department-margin-left10" type="primary" @click="exportTable()">瀵煎嚭</el-button>
           </div>
         </div>
         <div class="addUser">
@@ -33,8 +45,11 @@
       <div class="mainContent">
         <!-- 鏁版嵁灞曠ず -->
         <el-table
+            border
+            stripe
             ref="multipleTable"
             :header-cell-style="{
+          'background':'#F5F5F5',
             'font-size': '14px',
             'font-weight': '650',
             'line-height': '45px',
@@ -76,6 +91,10 @@
                 <span @click="handleUpdate(scope.row)">淇敼</span>
                 <span class="line">|</span>
                 <span @click="handleDelete(scope.row)">鍒犻櫎</span>
+                <span class="line">|</span>
+              <span @click="handleChangeStatus(scope.row)">{{
+                scope.row.status === true ? "鍋滅敤" : "鍚敤"
+              }}</span>
               </div>
             </template>
           </el-table-column>
@@ -148,6 +167,9 @@
 <script>
 import createUser from "./createUser";
 import updateUser from "./updateUser";
+import {exportTeamInfo, importTeamInfo} from "@/api/system/portal/teamConstruction";
+import {downloadFile} from "@/utils/helper";
+import {exportTeamInfoDepartment, importTeamInfoDepartment} from "@/api/system/department";
 
 export default {
   components: {
@@ -195,6 +217,43 @@
     this.getUserList();
   },
   methods: {
+    // 瀵煎嚭
+    exportTable() {
+      // const status = this.searchStatus === 2 ? null : this.searchStatus;
+      exportTeamInfoDepartment({
+        // current: this.currentPage,
+        // size: this.pageSize,
+        // departName: this.searchDepartment,
+        // status,
+      })
+          .then((res) => {
+            console.log(res)
+            downloadFile(res);
+            this.$message({ type: "success", message: "鎿嶄綔鎴愬姛" });
+          })
+          .catch((err) => {
+            this.$message({ type: "error", message: err });
+          });
+    },
+
+    // 瀵煎叆
+    importTable(file) {
+      const formData = new FormData();
+      formData.append("file", file.file);
+      console.log(formData)
+      console.log(file)
+      importTeamInfoDepartment(formData)
+          .then(() => {
+            this.$message({ type: "success", message: "鎿嶄綔鎴愬姛" });
+            this.getUserList();
+            this.$refs.uploadFile.clearFiles();
+          })
+          .catch((err) => {
+            this.$message({ type: "error", message: err });
+            this.$refs.uploadFile.clearFiles();
+          });
+    },
+
     selectChange(list) {
       console.log(this.tempList);
       if (this.tempList.length !== 0) {
@@ -318,7 +377,7 @@
     // 淇敼鐘舵��
     handleChangeStatus(obj) {
       let {id, status} = obj;
-      status == true ? (status = 1) : (status = 0);
+      status == true ? (status = 0) : (status = 1);
       this.$axios
           .post(`sccg/depart/status`, {id: id, status: status})
           .then((res) => {
@@ -439,17 +498,21 @@
 };
 </script>
 <style lang="scss" scoped>
+.department-margin-left10{
+  margin-left: 10px;
+}
 .userList {
   text-align: left;
-  margin: 10px 20px;
+  padding: 10px 20px;
   // color: #4b9bb7;
-
+  //height: 100%;
+  border: 1px solid #ccc;
   header {
     // background-color: white;
     // border: 1 pox solid #fff;
 
     .headerContent {
-      padding: 0 40px;
+      padding: 0;
       display: flex;
       line-height: 100px;
       justify-content: space-between;
@@ -483,14 +546,14 @@
 
         .el-button {
           padding: 12px 25px;
-          border-radius: 20px;
+          //border-radius: 20px;
         }
       }
 
       .addBtn {
-        background-color: #eb5d01;
+        //background-color: #eb5d01;
         border: none;
-        border-radius: 20px;
+        //border-radius: 20px;
         padding: 12px 30px;
       }
     }
@@ -510,10 +573,12 @@
       display: flex;
       justify-content: space-between;
       align-items: center;
-      padding: 0 20px;
+      padding: 0;
 
       .funs-sp {
         // border: 1px solid #17324c;
+        border: 1px solid #DCDFE6;
+        background-color: #fff;
       }
 
       .funs {
@@ -583,7 +648,7 @@
         .line {
           padding: 0 5px;
         }
-
+        color: var(--operation-color);
         span:hover {
           cursor: pointer;
         }

--
Gitblit v1.8.0