From ccf69ee82f77a2e67a565cec02f95e64324a283f Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期三, 15 五月 2024 09:16:48 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- admin/src/views/business/internalMember.vue | 246 +++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 208 insertions(+), 38 deletions(-) diff --git a/admin/src/views/business/internalMember.vue b/admin/src/views/business/internalMember.vue index 21cc600..45a0ace 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: '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('浜哄憳瀵煎叆',department,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,37 +118,61 @@ <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"> + <el-table-column + v-if="containPermissions(['business:member:update', 'business:member:delete','business:empower:create'])" + label="鎿嶄綔" + min-width="280" + fixed="right" + > <template slot-scope="{row}"> - <el-button @click="$refs.cardOpeningRecord.open('寮�鍗¤褰�', row.id)" type="text">{{row.memberCardCount || '0'}}</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-column--> -<!-- v-if="containPermissions(['business:member:update', 'business:member:delete'])"--> -<!-- label="鎿嶄綔"--> -<!-- min-width="120"--> -<!-- fixed="right"--> -<!-- >--> -<!-- <template slot-scope="{row}">--> -<!-- <el-button type="text" @click="$refs.operaMemberWindow.open('缂栬緫浜哄憳淇℃伅琛�', row)" icon="el-icon-edit" v-permissions="['business:member:update']">缂栬緫</el-button>--> -<!-- <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:member:delete']">鍒犻櫎</el-button>--> -<!-- </template>--> -<!-- </el-table-column>--> </el-table> <pagination @size-change="handleSizeChange" @@ -127,6 +182,8 @@ </pagination> <!-- 鏌ョ湅浜哄憳寮�鍗¤褰� --> <cardOpeningRecord ref="cardOpeningRecord" @success="handlePageChange" /> + <OperaMemberWindow ref="OperaMemberWindow" @success="handlePageChange" /> + <OperaMemberRoleWindow ref="OperaMemberRoleWindow" @success="handlePageChange" /> </template> </TableLayout1> </template> @@ -137,12 +194,14 @@ 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 { fetchList } from '@/api/business/company' -import { memberSync } 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 }, data () { return { TreeList: [], @@ -151,15 +210,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 () { @@ -173,19 +238,74 @@ this.getfindCompanyTreePage() }, methods: { + 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: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).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({}) @@ -202,7 +322,57 @@ }) .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) { + alert(row.name) + console.log(row) this.searchForm.erpOrgId = row.erpId this.searchForm.companyId = row.id this.search() -- Gitblit v1.9.3