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 | 227 ++++++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 192 insertions(+), 35 deletions(-) diff --git a/admin/src/views/business/internalMember.vue b/admin/src/views/business/internalMember.vue index 8fc5abb..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> @@ -44,10 +47,14 @@ </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