From 12e8eb9e345adea19972c34df471b28b51fa71dd Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期二, 21 五月 2024 15:34:11 +0800
Subject: [PATCH] 代码初始化

---
 admin/src/views/business/internalMember.vue |  229 ++++++++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 193 insertions(+), 36 deletions(-)

diff --git a/admin/src/views/business/internalMember.vue b/admin/src/views/business/internalMember.vue
index e776e64..3bb796c 100644
--- a/admin/src/views/business/internalMember.vue
+++ b/admin/src/views/business/internalMember.vue
@@ -31,6 +31,9 @@
                     <el-option label="鍚屾澶辫触" value="2"></el-option>
                 </el-select>
             </el-form-item>
+          <el-form-item label=""  >
+              <el-checkbox style="font-size: 12px"  label="1" v-model="searchForm.includeChild" key="1"  >鏄惁鍖呭惈涓嬬骇缁勭粐</el-checkbox>
+          </el-form-item>
             <section>
                 <el-button type="primary" @click="search">鎼滅储</el-button>
                 <el-button @click="reset">閲嶇疆</el-button>
@@ -39,15 +42,19 @@
         <template v-slot:menu>
             <div style="width: 100%; height: 50px; background: rgba(242, 242, 242, 1); line-height: 50px; text-align: center; font-size: 14px;">浼佷笟缁勭粐鏋舵瀯</div>
             <div style="width: 100%; height: calc(100vh - 170px); overflow-y: scroll;">
-                <Tree :list="companyTree" :defaultProps="{name: 'name', status: 'status', children: 'childList', id: 'id',erpId:'erpId'}" @callback="callback" />
+                <Tree :list="companyTree" :defaultProps="{name: 'name', status: 'fsStatus', children: 'childList', id: 'id'}" @callback="callback" />
             </div>
         </template>
         <!-- 琛ㄦ牸鍜屽垎椤� -->
         <template v-slot:table-wrap>
-            <ul class="toolbar" v-permissions="['business:member:delete','business:member:sync']">
-<!--                <li><el-button type="primary">闂ㄧ鎺堟潈</el-button></li>-->
+            <ul class="toolbar" v-permissions="['business:member:delete','business:member:create,business:empower:create']">
+<!--
                 <li><el-button type="primary" v-permissions="['business:member:sync']" :loading="loading" @click="synchronous()">鍚屾</el-button></li>
-                <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['business:member:delete']">鍒犻櫎</el-button></li>
+-->
+                <li><el-button type="primary" @click="$refs.OperaMemberWindow.open('鏂板缓鍛樺伐',null,department,searchForm.companyType)"  icon="el-icon-plus" v-permissions="['business:member:create']">鏂板缓鍛樺伐</el-button></li>
+              <li><el-button type="primary" @click="$refs.OperaMemberImportWindow.open('浜哄憳瀵煎叆',searchForm.companyType)"  icon="el-icon-plus" v-permissions="['business:member:create']">浜哄憳瀵煎叆</el-button></li>
+                <li><el-button type="danger" @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['business:member:delete']">鎵归噺鍒犻櫎</el-button></li>
+                <li><el-button type="primary" v-permissions="['business:empower:create']"  @click="startEmpowerBatch()"  icon="el-icon-plus">涓嬪彂鎺堟潈</el-button></li>
             </ul>
             <el-table
                 v-loading="isWorking.search"
@@ -58,6 +65,7 @@
                 <el-table-column type="selection" width="55"></el-table-column>
                 <el-table-column prop="name" label="濮撳悕" min-width="100px"></el-table-column>
                 <el-table-column prop="phone" label="鎵嬫満鍙�" min-width="100px"></el-table-column>
+                <el-table-column prop="idcardDecode" label="韬唤璇佸彿" min-width="100px"></el-table-column>
                 <el-table-column label="鎬у埆" min-width="100px">
                     <template slot-scope="{row}">
                         <span v-if="row.sex == 1">鐢�</span>
@@ -72,13 +80,36 @@
                         <span v-if="row.status == 2" style="color: red">鎷夐粦/鍐荤粨</span>
                     </template>
                 </el-table-column>
-                <el-table-column prop="code" label="宸ュ彿" min-width="100px"></el-table-column>
-                <el-table-column label="鍙嫓璁�" min-width="100px">
-                    <template slot-scope="{row}">
-                        <span v-if="row.canVisit != 1">鍚�</span>
-                        <span v-if="row.canVisit == 1">鏄�</span>
-                    </template>
-                </el-table-column>
+              <el-table-column label="閮ㄩ棬绫诲瀷" min-width="100px">
+                <template slot-scope="{row}">
+                  <span v-if="row.companyType == 0">鐩稿叧鏂圭粍缁�</span>
+                  <span v-if="row.companyType == 1">鍐呴儴缁勭粐</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="鍦ㄨ亴鐘舵��">
+              <template slot-scope="{row}">
+                <el-switch
+                    @change="changeWorkStatus($event, row)"
+                    v-model="row.workStatus"
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    :active-value="0"
+                    :inactive-value="1">
+                </el-switch>
+              </template>
+            </el-table-column>
+              <el-table-column label="鏄惁鍙嫓璁�">
+                <template slot-scope="{row}">
+                  <el-switch
+                      @change="changeCanvisit($event, row)"
+                      v-model="row.canVisit"
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                      :active-value="1"
+                      :inactive-value="0">
+                  </el-switch>
+                </template>
+              </el-table-column>
                 <el-table-column label="娴峰悍鍚屾鐘舵��" min-width="100px">
                  <template slot-scope="{row}">
                         <span v-if="row.hkStatus == 0" style="color: #435EBE">寰呭悓姝�</span>
@@ -87,34 +118,59 @@
                         <span v-if="row.hkStatus == 3" style="color: red">涓嶇鍚堜笅鍙戞潯浠�</span>
                 </template>
                 </el-table-column>
+                <el-table-column label="鏄惁鎺堟潈" min-width="100px">
+                  <template slot-scope="{row}">
+                    <span v-if="row.authStatus == 1" style="color: green">鏄�</span>
+                    <span v-if="row.authStatus == 0" style="color: red">鍚�</span>
+                  </template>
+                </el-table-column>
                 <el-table-column label="闂ㄧ瑙掕壊" min-width="100px">
                     <template slot-scope="{row}">
-                        <span>{{row.roleNames.join(',')}}</span>
+                        <span>{{(row.roleNames && row.roleNames.length) ?row.roleNames.join(','): '-'}}</span>
                     </template>
                 </el-table-column>
+              <el-table-column label="闂ㄧ鏈夋晥鏈�" min-width="170px">
+                <template slot-scope="{row}">
+                  <div v-if="row.roleId !=null && row.roleId != ''">
+                    <div v-if="!row.startTime || !row.endTime">闀挎湡鏈夋晥</div>
+                    <div v-else>
+                      <span>璧凤細{{row.startTime}}</span><br />
+                      <span>姝細{{row.endTime}}</span>
+                    </div>
+                  </div>
+                  <div v-else >-</div>
+                </template>
+              </el-table-column>
+              <el-table-column prop="code" label="宸ュ彿" min-width="100px"></el-table-column>
+              <el-table-column label="鍗$墖" min-width="80px">
+                <template slot-scope="{row}">
+                  <el-button @click="$refs.cardOpeningRecord.open('寮�鍗¤褰�', row.id)" type="text">{{row.memberCardCount || '0'}}</el-button>
+                </template>
+              </el-table-column>
+              <el-table-column prop="editorName" label="鎿嶄綔浜�" min-width="100px"></el-table-column>
+              <el-table-column prop="editDate" label="鏈�鍚庢搷浣滄椂闂�" min-width="150px"></el-table-column>
                 <el-table-column fixed="right" label="浜鸿劯淇℃伅" min-width="100px">
                     <template slot-scope="{row}">
                         <el-image
-                            v-if="row.faceImg"
+                            v-if="row.faceImgFull"
                             style="width: 60px; height: 60px"
-                            :src="row.faceImg"
-                            :preview-src-list="[row.faceImg]">
+                            :src="row.faceImgFull"
+                            :preview-src-list="[row.faceImgFull]">
                         </el-image>
                     </template>
                 </el-table-column>
-                <el-table-column fixed="right" label="鍗$墖淇℃伅" min-width="100px">
-                    <template slot-scope="{row}">
-                        <el-button @click="$refs.cardOpeningRecord.open('寮�鍗¤褰�', row.id)" type="text">{{row.memberCardCount || '0'}}</el-button>
-                    </template>
-                </el-table-column>
                 <el-table-column
-                    v-if="containPermissions(['business:member:update', 'business:member:delete'])"
+                    v-if="containPermissions(['business:member:update', 'business:member:delete','business:empower:create'])"
                     label="鎿嶄綔"
-                    min-width="120"
+                    min-width="280"
                     fixed="right"
                 >
                     <template slot-scope="{row}">
-                        <el-button type="text" @click="empower(row.id)" v-permissions="['business:empower:create']">閲嶆柊鎺堟潈</el-button>
+                        <el-button type="text" icon="el-icon-edit" @click="$refs.OperaMemberWindow.open('缂栬緫鍛樺伐淇℃伅',row,department)" v-permissions="['business:empower:update']">缂栬緫</el-button>
+                        <el-button type="text" :loading="heading" icon="el-icon-delete" @click="updateHead(row,0)" v-if="row.headStatus ==1 " v-permissions="['business:member:head']">鍙栨秷涓荤</el-button>
+                        <el-button type="text" :loading="heading"  icon="el-icon-edit" @click="updateHead(row,1)"  v-if="row.headStatus  == 0"  v-permissions="['business:member:head']">璁句负涓荤</el-button>
+                        <el-button type="text"  icon="el-icon-plus" @click="empower(row.id)" v-permissions="['business:empower:create']">閲嶆柊鎺堟潈</el-button>
+                        <el-button  type="text"  icon="el-icon-delete" @click="empower(row.id)" v-permissions="['business:empower:delete']">鍒犻櫎</el-button>
                     </template>
                 </el-table-column>
             </el-table>
@@ -126,6 +182,9 @@
             </pagination>
             <!--    鏌ョ湅浜哄憳寮�鍗¤褰�    -->
             <cardOpeningRecord ref="cardOpeningRecord" @success="handlePageChange" />
+            <OperaMemberWindow ref="OperaMemberWindow" @success="handlePageChange" />
+          <OperaMemberImportWindow ref="OperaMemberImportWindow" @success="handlePageChange" />
+            <OperaMemberRoleWindow ref="OperaMemberRoleWindow" @success="handlePageChange" />
         </template>
     </TableLayout1>
 </template>
@@ -136,12 +195,15 @@
 import Pagination from '@/components/common/Pagination'
 import cardOpeningRecord from '@/components/business/cardOpeningRecord'
 import Tree from '@/components/common/Tree'
+import OperaMemberWindow from '@/components/business/OperaMemberWindow'
+import OperaMemberRoleWindow from '@/components/business/OperaMemberRoleWindow'
+import OperaMemberImportWindow from '@/components/business/OperaMemberImportWindow'
 import { fetchList } from '@/api/business/company'
-import { memberSync, roleAuth } from '@/api/business/member'
+import { memberSync, roleAuth, updateCanVisit, updateHead, updateWorkStatus } from '@/api/business/member'
 export default {
   name: 'internalMember',
   extends: BaseTable,
-  components: { TableLayout1, Pagination, Tree, cardOpeningRecord },
+  components: { TableLayout1, Pagination, Tree, cardOpeningRecord, OperaMemberWindow, OperaMemberRoleWindow ,OperaMemberImportWindow},
   data () {
     return {
       TreeList: [],
@@ -150,15 +212,21 @@
         name: '',
         status: '',
         hkStatus: '',
+        includeChild: false,
         canVisit: '',
         keyword: '',
         type: 2,
+        companyType:1,
         erpOrgId: '',
         companyId: '',
         hasFace: ''
       },
-      loading:false,
-      companyTree: []
+      loading: false,
+      heading: false,
+      working: false,
+      canvisiting: false,
+      companyTree: [],
+      department: []
     }
   },
   created () {
@@ -172,7 +240,20 @@
     this.getfindCompanyTreePage()
   },
   methods: {
-    empower(id) {
+    startEmpowerBatch () {
+      if (this.tableData.selectedRows.length === 0) {
+        this.$tip.warning('璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹�')
+        return
+      }
+      var ids = []
+      var names = []
+      this.tableData.selectedRows.forEach(item => {
+        ids.push(item.id)
+        names.push(item.name)
+      })
+      this.$refs.OperaMemberRoleWindow.open('鍐呴儴鍛樺伐涓嬪彂鏉冮檺', ids, names,this.searchForm.companyType)
+    },
+    empower (id) {
       var that = this
       this.$confirm('纭畾閲嶆柊鎺堟潈鍚�?', '鎻愮ず', {
         confirmButtonText: '纭畾',
@@ -181,25 +262,52 @@
       }).then(() => {
         roleAuth(id)
           .then(res => {
+            this.$tip.apiSuccess(res || '鎿嶄綔鎴愬姛')
             that.search()
           })
       }).catch(() => {
-
-      });
+        this.$tip.apiSuccess('鎿嶄綔澶辫触')
+      })
     },
     // 鑾峰彇缁勭粐鏍�
     getfindCompanyTreePage () {
-      fetchList(1)
+      fetchList()
         .then(res => {
-          res[0].fsStatus = 1
-          this.companyTree = res
-          // this.searchForm.erpOrgId = res[0].erpId
-          this.search()
+          if (res && res.length > 0) {
+            res[0].fsStatus = 1
+            this.companyTree = res
+            // this.searchForm.erpOrgId = res[0].erpId
+            this.search()
+            this.department = this.getDepartmentTree(res)
+          }
         })
+    },
+    getDepartmentTree (tree) {
+      if (tree == null) {
+        return []
+      }
+      return tree.map(item => {
+        const newItem = { ...item }
+        if (newItem) {
+          newItem.children = newItem.childList
+        }
+        if (item.children && item.children.length == 0) {
+          this.$delete(newItem, 'children')
+        } else {
+          newItem.children = this.getDepartmentTree(newItem.children)
+        }
+
+        if(newItem.type === this.searchForm.companyType){
+          //newItem.disabled =false
+        }else{
+          newItem.disabled = true
+        }
+        return newItem
+      })
     },
     // 鍚屾淇℃伅
     async synchronous () {
-      this.$dialog.actionConfirm('鎿嶄綔纭鎻愰啋', '鎮ㄧ‘璁ゅ悓姝ュ叏閮ㄤ俊鎭悧锛�')
+      this.$dialog.actionConfirm('璇ユ搷浣滈檷瑙﹀彂鍏ㄥ憳淇℃伅鏇存柊鍜岄噸鏂颁笅鍙戯紒璇疯皑鎱庢搷浣�', '鎮ㄧ‘璁ゅ叏閲忓悓姝ュ唴閮ㄤ汉鍛樹俊鎭悧锛�')
         .then(() => {
           this.loading = true
           memberSync({})
@@ -216,7 +324,56 @@
         })
         .catch(() => {})
     },
+    async updateHead (row, type) {
+      this.$dialog.actionConfirm('鎮ㄧ‘璁よ繘琛屽綋鍓嶆搷浣滃悧锛�', '閮ㄩ棬涓荤璁剧疆鎿嶄綔鎻愮ず')
+        .then(() => {
+          this.heading = true
+          updateHead({ id: row.id, headStatus: type })
+            .then(res => {
+              this.$tip.apiSuccess(res || '鎿嶄綔鎴愬姛')
+              this.search()
+            })
+            .catch(e => {
+              this.$tip.apiFailed(e)
+            })
+            .finally(() => {
+              this.heading = false
+            })
+            .catch(() => {})
+        })
+    },
+    changeWorkStatus (e, row) {
+      this.working = true
+      updateWorkStatus({ id: row.id, workStatus: e })
+        .then(res => {
+          this.$tip.apiSuccess(res || '鎿嶄綔鎴愬姛')
+          this.search()
+        })
+        .catch(e => {
+          this.$tip.apiFailed(e)
+        })
+        .finally(() => {
+          this.working = false
+        })
+        .catch(() => {})
+    },
+    changeCanvisit (e, row) {
+      this.canvisiting = true
+      updateCanVisit({ id: row.id, canVisit: e })
+        .then(res => {
+          this.$tip.apiSuccess(res || '鎿嶄綔鎴愬姛')
+          this.search()
+        })
+        .catch(e => {
+          this.$tip.apiFailed(e)
+        })
+        .finally(() => {
+          this.canvisiting = false
+        })
+        .catch(() => {})
+    },
     callback (row) {
+      console.log(row)
       this.searchForm.erpOrgId = row.erpId
       this.searchForm.companyId = row.id
       this.search()

--
Gitblit v1.9.3