|  |  |  | 
|---|
|  |  |  | <!-- 表格和分页 --> | 
|---|
|  |  |  | <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--> | 
|---|
|  |  |  | 
|---|
|  |  |  | :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' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'internalMember', | 
|---|
|  |  |  | extends: BaseTable, | 
|---|
|  |  |  | components: { TableLayout1, Pagination, Tree }, | 
|---|
|  |  |  | components: { TableLayout1, Pagination, Tree, cardOpeningRecord }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | TreeList: [], | 
|---|
|  |  |  | 
|---|
|  |  |  | getfindCompanyTreePage () { | 
|---|
|  |  |  | fetchList(1) | 
|---|
|  |  |  | .then(res => { | 
|---|
|  |  |  | res[0].fsStatus = 1 | 
|---|
|  |  |  | this.companyTree = res | 
|---|
|  |  |  | // this.searchForm.erpOrgId = res[0].erpId | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | 
|---|
|  |  |  | .catch(() => {}) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | callback (row) { | 
|---|
|  |  |  | console.log(row) | 
|---|
|  |  |  | this.searchForm.erpOrgId = row.erpId | 
|---|
|  |  |  | this.searchForm.companyId = row.id | 
|---|
|  |  |  | this.search() | 
|---|