From 17efddc6a667670dca682bf36b51a43e99615e6d Mon Sep 17 00:00:00 2001 From: k94314517 <8417338+k94314517@user.noreply.gitee.com> Date: 星期三, 16 十月 2024 15:59:38 +0800 Subject: [PATCH] 代码初始化 --- admin/src/views/business/internalMember.vue | 488 +++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 337 insertions(+), 151 deletions(-) diff --git a/admin/src/views/business/internalMember.vue b/admin/src/views/business/internalMember.vue index b215a52..e52b5e8 100644 --- a/admin/src/views/business/internalMember.vue +++ b/admin/src/views/business/internalMember.vue @@ -1,133 +1,200 @@ <template> - <TableLayout1 :permissions="['business:member:query']"> - <!-- 鎼滅储琛ㄥ崟 --> - <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> - <el-form-item label="" prop="keyword"> - <el-input v-model="searchForm.keyword" placeholder="璇疯緭鍏ュ鍚�/鎵嬫満鍙�/宸ュ彿" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="" prop="hasFace"> - <el-select v-model="searchForm.hasFace" @keypress.enter.native="search" placeholder="鏄惁鏈変汉鑴�"> - <el-option label="鏃�" value="0"></el-option> - <el-option label="鏈�" value="1"></el-option> - </el-select> - </el-form-item> - <el-form-item label="" prop="canVisit"> - <el-select v-model="searchForm.canVisit" @keypress.enter.native="search" placeholder="鍙嫓璁�"> - <el-option label="鏄�" value="1"></el-option> - <el-option label="鍚�" value="0"></el-option> - </el-select> - </el-form-item> - <el-form-item label="" prop="status"> - <el-select v-model="searchForm.status" @keypress.enter.native="search" placeholder="鐘舵��"> - <el-option label="姝e父" value="0"></el-option> - <el-option label="绂佺敤" value="1"></el-option> - <el-option label="鎷夐粦/鍐荤粨" value="2"></el-option> - </el-select> - </el-form-item> - <el-form-item label="" prop="hkStatus"> - <el-select v-model="searchForm.hkStatus" @keypress.enter.native="search" placeholder="娴峰悍鍚屾鐘舵��"> - <el-option label="寰呭悓姝�" value="0"></el-option> - <el-option label="鍚屾鎴愬姛" value="1"></el-option> - <el-option label="鍚屾澶辫触" value="2"></el-option> - </el-select> - </el-form-item> - <section> - <el-button type="primary" @click="search">鎼滅储</el-button> - <el-button @click="reset">閲嶇疆</el-button> - </section> - </el-form> - <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: 'fsStatus', children: 'childList', id: 'id'}" @callback="callback" /> + <TableLayout1 :permissions="['business:member:query']"> + <!-- 鎼滅储琛ㄥ崟 --> + <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> + <el-form-item label="" prop="keyword"> + <el-input v-model="searchForm.keyword" placeholder="璇疯緭鍏ュ鍚�/鎵嬫満鍙�/宸ュ彿" @keypress.enter.native="search"></el-input> + </el-form-item> + <el-form-item label="" prop="positionId" > + <el-select v-model="searchForm.positionId" clearable filterable placeholder="宀椾綅"> + <el-option v-for="item in positionList" :key="item.id" :label="item.name" :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="" prop="hasFace"> + <el-select v-model="searchForm.hasFace" @keypress.enter.native="search" clearable placeholder="鏄惁鏈変汉鑴�"> + <el-option label="鏃�" value="0"></el-option> + <el-option label="鏈�" value="1"></el-option> + </el-select> + </el-form-item> + <el-form-item label="" prop="canVisit"> + <el-select v-model="searchForm.canVisit" clearable @keypress.enter.native="search" placeholder="鍙嫓璁�"> + <el-option label="鏄�" value="1"></el-option> + <el-option label="鍚�" value="0"></el-option> + </el-select> + </el-form-item> + <el-form-item label="" prop="workStatus"> + <el-select v-model="searchForm.workStatus" @keypress.enter.native="search" clearable placeholder="鍦ㄨ亴鐘舵��"> + <el-option label="鍦ㄨ亴" value="0"></el-option> + <el-option label="绂昏亴" value="1"></el-option> + </el-select> + </el-form-item> + <el-form-item label="" prop="hkStatus"> + <el-select v-model="searchForm.hkStatus" @keypress.enter.native="search" clearable placeholder="娴峰悍鍚屾鐘舵��"> + <el-option label="寰呭悓姝�" value="0"></el-option> + <el-option label="鍚屾鎴愬姛" value="1"></el-option> + <el-option label="鍚屾澶辫触" value="2"></el-option> + </el-select> + </el-form-item> + <section> + <el-button type="primary" @click="search">鎼滅储</el-button> + <el-button @click="reset">閲嶇疆</el-button> + </section> + </el-form> + <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: 'fsStatus', children: 'childList', id: 'id' }" + @callback="callback" /> + </div> + </template> + <!-- 琛ㄦ牸鍜屽垎椤� --> + <template v-slot:table-wrap> + <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 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()" + >涓嬪彂鎺堟潈</el-button></li> + <li style="float: right"> + <el-checkbox style="font-size: 12px" label="1" v-model="searchForm.includeChild" key="1" + @change="search">鏄惁鍖呭惈涓嬬骇缁勭粐</el-checkbox> + </li> + </ul> + <el-table v-loading="isWorking.search" :data="tableData.list" stripe @selection-change="handleSelectionChange"> + <el-table-column type="selection" width="55"></el-table-column> + <el-table-column fixed="left" prop="name" label="濮撳悕" min-width="110px"> + <template slot-scope="{row}"> + <span>{{ row.name }}</span> + <span class="zhuguan" v-if="row.headStatus == 1">涓荤</span> + </template> + </el-table-column> + <el-table-column label="浜鸿劯淇℃伅" min-width="100px"> + <template slot-scope="{row}"> + <el-image v-if="row.faceImgFull" style="width: 60px; height: 60px" :src="row.faceImgFull" + :preview-src-list="[row.faceImgFull]"> + </el-image> + </template> + </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> + <span v-if="row.sex == 2">濂�</span> + </template> + </el-table-column> + <el-table-column prop="companyName" label="鎵�灞為儴闂�" min-width="100px"></el-table-column> + <el-table-column prop="positionName" label="宀椾綅" min-width="100px"></el-table-column> + <el-table-column prop="isDangyuan" label="鏄惁鍏氬憳" min-width="100px"> + <template slot-scope="{row}"> + <span v-if="row.isDangyuan ==1 " style="color: green">鍏氬憳</span> + <span v-else >闈炲厷鍛�</span> + </template> + </el-table-column> + <el-table-column prop="jobDate" label="鍏ヨ亴鏃ユ湡" min-width="100px"></el-table-column> +<!-- <el-table-column prop="status" label="鐘舵��" min-width="100px"> + <template slot-scope="{row}"> + <span v-if="row.status == 0" style="color: green">姝e父</span> + <span v-if="row.status == 1" style="color: red">绂佺敤</span> + <span v-if="row.status == 2" style="color: red">鎷夐粦/鍐荤粨</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> + <span v-if="row.hkStatus == 1" style="color: green">鍚屾鎴愬姛</span> + <span v-if="row.hkStatus == 2" style="color: red">鍚屾澶辫触</span> + <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 && 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> - </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>--> - <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> - </ul> - <el-table - v-loading="isWorking.search" - :data="tableData.list" - stripe - @selection-change="handleSelectionChange" - > - <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 label="鎬у埆" min-width="100px"> - <template slot-scope="{row}"> - <span v-if="row.sex == 1">鐢�</span> - <span v-if="row.sex == 2">濂�</span> - </template> - </el-table-column> - <el-table-column prop="companyName" label="鎵�灞為儴闂�" min-width="100px"></el-table-column> - <el-table-column prop="status" label="鐘舵��" min-width="100px"> - <template slot-scope="{row}"> - <span v-if="row.status == 0" style="color: green">姝e父</span> - <span v-if="row.status == 1" style="color: red">绂佺敤</span> - <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.hkStatus == 0" style="color: #435EBE">寰呭悓姝�</span> - <span v-if="row.hkStatus == 1" style="color: green">鍚屾鎴愬姛</span> - <span v-if="row.hkStatus == 2" style="color: red">鍚屾澶辫触</span> - <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>{{row.roleNames.join(',')}}</span> - </template> - </el-table-column> - <el-table-column fixed="right" label="浜鸿劯淇℃伅" min-width="100px"> - <template slot-scope="{row}"> - <el-image - v-if="row.faceImg" - style="width: 60px; height: 60px" - :src="row.faceImg" - :preview-src-list="[row.faceImg]"> - </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'])" - label="鎿嶄綔" - min-width="120" - fixed="right" - > - <template slot-scope="{row}"> - <el-button type="text" @click="empower(row.id)" v-permissions="['business:empower:create']">閲嶆柊鎺堟潈</el-button> - </template> - </el-table-column> - </el-table> - <pagination - @size-change="handleSizeChange" - @current-change="handlePageChange" - :pagination="tableData.pagination" - > - </pagination> - <!-- 鏌ョ湅浜哄憳寮�鍗¤褰� --> - <cardOpeningRecord ref="cardOpeningRecord" @success="handlePageChange" /> - </template> - </TableLayout1> + <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 + v-if="containPermissions(['business:member:update', 'business:member:delete', 'business:empower:create'])" + label="鎿嶄綔" min-width="280" fixed="right"> + <template slot-scope="{row}"> + <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" icon="el-icon-plus" @click="empower(row.id)" + v-permissions="['business:empower:create']">閲嶆柊鎺堟潈</el-button> + <el-button type="text" :loading="heading" style="color: red" 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-delete" @click="deleteById(row)" style="color: red" + v-permissions="['business:member:delete']">鍒犻櫎</el-button> + </template> + </el-table-column> + </el-table> + <pagination @size-change="handleSizeChange" @current-change="handlePageChange" :pagination="tableData.pagination"> + </pagination> + <!-- 鏌ョ湅浜哄憳寮�鍗¤褰� --> + <cardOpeningRecord ref="cardOpeningRecord" @success="handlePageChange" /> + <OperaMemberWindow ref="OperaMemberWindow" @success="handlePageChange" /> + <OperaMemberImportWindow ref="OperaMemberImportWindow" @success="handlePageChange" /> + <OperaMemberRoleWindow ref="OperaMemberRoleWindow" @success="handlePageChange" /> + </template> + </TableLayout1> </template> <script> @@ -136,12 +203,16 @@ 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 { allList } from '@/api/business/position' +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 +221,24 @@ name: '', status: '', hkStatus: '', + includeChild: true, canVisit: '', keyword: '', type: 2, + companyType: 1, erpOrgId: '', + workStatus: '', + positionId: '', companyId: '', hasFace: '' }, - loading:false, - companyTree: [] + loading: false, + heading: false, + working: false, + canvisiting: false, + companyTree: [], + positionList: [], + department: [] } }, created () { @@ -170,9 +250,29 @@ }) // this.search() this.getfindCompanyTreePage() + this.getPositionList() }, 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) + }, + getPositionList () { + allList({}) + .then(res => { + this.positionList = res + }) + }, + empower (id) { var that = this this.$confirm('纭畾閲嶆柊鎺堟潈鍚�?', '鎻愮ず', { confirmButtonText: '纭畾', @@ -181,23 +281,48 @@ }).then(() => { roleAuth(id) .then(res => { + this.$tip.apiSuccess(res || '鎿嶄綔鎴愬姛') that.search() }) }).catch(() => { - - }); + this.$tip.apiSuccess('鎿嶄綔澶辫触') + }) }, // 鑾峰彇缁勭粐鏍� getfindCompanyTreePage () { - fetchList(1) + fetchList() .then(res => { 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 () { @@ -216,9 +341,58 @@ this.loading = false }) }) - .catch(() => {}) + .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() @@ -228,18 +402,30 @@ </script> <style lang="scss" scoped> - .box { - width: 100%; - display: flex; - align-items: center; - .box_menu { - width: 100px; - height: 100%; - flex-shrink: 0; - } - .box_tab { - flex: 1; - height: 100%; - } - } +@import '@/assets/style/variables.scss'; + +.box { + width: 100%; + display: flex; + align-items: center; + + .box_menu { + width: 100px; + height: 100%; + flex-shrink: 0; + } + + .box_tab { + flex: 1; + height: 100%; + } +} + +.zhuguan { + color: $primary-color; + border: 1px solid $primary-color; + padding: 0px 3px; + border-radius: 4px; + margin-left: 6px; +} </style> -- Gitblit v1.9.3