|  |  |  | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | <!--                <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> | 
|---|
|  |  |  | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="海康同步状态" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <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}"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-table-column fixed="right" label="人脸信息" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-image | 
|---|
|  |  |  | style="width: 100px; height: 100px" | 
|---|
|  |  |  | v-if="row.faceImg" | 
|---|
|  |  |  | style="width: 60px; height: 60px" | 
|---|
|  |  |  | :src="row.faceImg" | 
|---|
|  |  |  | :preview-src-list="[row.faceImg]"> | 
|---|
|  |  |  | </el-image> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column fixed="right" label="卡片信息" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-image | 
|---|
|  |  |  | style="width: 100px; height: 100px" | 
|---|
|  |  |  | :src="row.faceImg" | 
|---|
|  |  |  | :preview-src-list="[row.faceImg]"> | 
|---|
|  |  |  | </el-image> | 
|---|
|  |  |  | <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="$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-column | 
|---|
|  |  |  | v-if="containPermissions(['business:member:update', 'business:member:delete','business:empower:create'])" | 
|---|
|  |  |  | 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" | 
|---|
|  |  |  | 
|---|
|  |  |  | :pagination="tableData.pagination" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </pagination> | 
|---|
|  |  |  | <!--    查看人员开卡记录    --> | 
|---|
|  |  |  | <cardOpeningRecord ref="cardOpeningRecord" @success="handlePageChange" /> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </TableLayout1> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  | import BaseTable from '@/components/base/BaseTable' | 
|---|
|  |  |  | import TableLayout1 from '@/layouts/TableLayout1' | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import cardOpeningRecord from '@/components/business/cardOpeningRecord' | 
|---|
|  |  |  | import Tree from '@/components/common/Tree' | 
|---|
|  |  |  | import { fetchList } from '@/api/business/company' | 
|---|
|  |  |  | import { memberSync } from '@/api/business/member' | 
|---|
|  |  |  | import { memberSync, roleAuth } from '@/api/business/member' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'internalMember', | 
|---|
|  |  |  | extends: BaseTable, | 
|---|
|  |  |  | components: { TableLayout1, Pagination, Tree }, | 
|---|
|  |  |  | components: { TableLayout1, Pagination, Tree, cardOpeningRecord }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | TreeList: [], | 
|---|
|  |  |  | 
|---|
|  |  |  | this.getfindCompanyTreePage() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | empower(id) { | 
|---|
|  |  |  | var that = this | 
|---|
|  |  |  | this.$confirm('确定重新授权吗?', '提示', { | 
|---|
|  |  |  | confirmButtonText: '确定', | 
|---|
|  |  |  | cancelButtonText: '取消', | 
|---|
|  |  |  | type: 'warning' | 
|---|
|  |  |  | }).then(() => { | 
|---|
|  |  |  | roleAuth(id) | 
|---|
|  |  |  | .then(res => { | 
|---|
|  |  |  | that.search() | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }).catch(() => { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 获取组织树 | 
|---|
|  |  |  | getfindCompanyTreePage () { | 
|---|
|  |  |  | fetchList(1) | 
|---|
|  |  |  | .then(res => { | 
|---|
|  |  |  | 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() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 同步信息 | 
|---|
|  |  |  | async synchronous () { | 
|---|
|  |  |  | this.$dialog.actionConfirm('操作确认提醒', '您确认同步全部信息吗?') | 
|---|
|  |  |  | this.$dialog.actionConfirm('该操作降触发全员信息更新和重新下发!请谨慎操作', '您确认全量同步内部人员信息吗?') | 
|---|
|  |  |  | .then(() => { | 
|---|
|  |  |  | this.loading = true | 
|---|
|  |  |  | memberSync({}) | 
|---|
|  |  |  | 
|---|
|  |  |  | .catch(() => {}) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | callback (row) { | 
|---|
|  |  |  | console.log(row) | 
|---|
|  |  |  | this.searchForm.erpOrgId = row.erpId | 
|---|
|  |  |  | this.searchForm.companyId = row.id | 
|---|
|  |  |  | this.search() | 
|---|