| | |
| | | <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="正常" 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> |
| | | <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> |
| | | </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','business:traintime:create']"> |
| | | <!-- |
| | | <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="正常" 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> |
| | | <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> |
| | | </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', 'business:traintime: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="primary" @click="$refs.OperaTrainTimeImportWindow.open('培训期导入',department,searchForm.companyType)" icon="el-icon-plus" v-permissions="['business:traintime: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" |
| | | :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 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="status" label="状态" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.status == 0" style="color: green">正常</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> |
| | | <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.faceImgFull" |
| | | style="width: 60px; height: 60px" |
| | | :src="row.faceImgFull" |
| | | :preview-src-list="[row.faceImgFull]"> |
| | | </el-image> |
| | | </template> |
| | | </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" style="color: red" @click="empower(row.id)" v-permissions="['business:empower: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" /> |
| | | <OperaTrainTimeImportWindow ref="OperaTrainTimeImportWindow" @success="handlePageChange" /> |
| | | <OperaMemberRoleWindow ref="OperaMemberRoleWindow" @success="handlePageChange" /> |
| | | </template> |
| | | </TableLayout1> |
| | | <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="primary" |
| | | @click="$refs.OperaTrainTimeImportWindow.open('培训期导入', department, searchForm.companyType)" |
| | | icon="el-icon-plus" v-permissions="['business:traintime: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" :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="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 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="status" label="状态" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.status == 0" style="color: green">正常</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> |
| | | <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.faceImgFull" style="width: 60px; height: 60px" :src="row.faceImgFull" |
| | | :preview-src-list="[row.faceImgFull]"> |
| | | </el-image> |
| | | </template> |
| | | </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" style="color: red" @click="empower(row.id)" |
| | | v-permissions="['business:empower: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" /> |
| | | <OperaTrainTimeImportWindow ref="OperaTrainTimeImportWindow" @success="handlePageChange" /> |
| | | <OperaMemberRoleWindow ref="OperaMemberRoleWindow" @success="handlePageChange" /> |
| | | </template> |
| | | </TableLayout1> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | export default { |
| | | name: 'internalMember', |
| | | extends: BaseTable, |
| | | components: { TableLayout1, Pagination, Tree, cardOpeningRecord, OperaMemberWindow, OperaMemberRoleWindow ,OperaMemberImportWindow,OperaTrainTimeImportWindow}, |
| | | data () { |
| | | components: { TableLayout1, Pagination, Tree, cardOpeningRecord, OperaMemberWindow, OperaMemberRoleWindow, OperaMemberImportWindow, OperaTrainTimeImportWindow }, |
| | | data() { |
| | | return { |
| | | TreeList: [], |
| | | // 搜索 |
| | |
| | | department: [] |
| | | } |
| | | }, |
| | | created () { |
| | | created() { |
| | | this.config({ |
| | | module: '人员信息表', |
| | | api: '/business/member', |
| | |
| | | this.getfindCompanyTreePage() |
| | | }, |
| | | methods: { |
| | | startEmpowerBatch () { |
| | | startEmpowerBatch() { |
| | | if (this.tableData.selectedRows.length === 0) { |
| | | this.$tip.warning('请至少选择一条数据') |
| | | return |
| | |
| | | ids.push(item.id) |
| | | names.push(item.name) |
| | | }) |
| | | this.$refs.OperaMemberRoleWindow.open('内部员工下发权限', ids, names,this.searchForm.companyType) |
| | | this.$refs.OperaMemberRoleWindow.open('内部员工下发权限', ids, names, this.searchForm.companyType) |
| | | }, |
| | | empower (id) { |
| | | empower(id) { |
| | | var that = this |
| | | this.$confirm('确定重新授权吗?', '提示', { |
| | | confirmButtonText: '确定', |
| | |
| | | }) |
| | | }, |
| | | // 获取组织树 |
| | | getfindCompanyTreePage () { |
| | | getfindCompanyTreePage() { |
| | | fetchList() |
| | | .then(res => { |
| | | if (res && res.length > 0) { |
| | |
| | | } |
| | | }) |
| | | }, |
| | | getDepartmentTree (tree) { |
| | | getDepartmentTree(tree) { |
| | | if (tree == null) { |
| | | return [] |
| | | } |
| | |
| | | } else { |
| | | newItem.children = this.getDepartmentTree(newItem.children) |
| | | } |
| | | if(newItem.type === this.searchForm.companyType){ |
| | | if (newItem.type === this.searchForm.companyType) { |
| | | //newItem.disabled =false |
| | | }else{ |
| | | } else { |
| | | newItem.disabled = true |
| | | } |
| | | return newItem |
| | | }) |
| | | }, |
| | | // 同步信息 |
| | | async synchronous () { |
| | | async synchronous() { |
| | | this.$dialog.actionConfirm('该操作降触发全员信息更新和重新下发!请谨慎操作', '您确认全量同步内部人员信息吗?') |
| | | .then(() => { |
| | | this.loading = true |
| | |
| | | this.loading = false |
| | | }) |
| | | }) |
| | | .catch(() => {}) |
| | | .catch(() => { }) |
| | | }, |
| | | async updateHead (row, type) { |
| | | async updateHead(row, type) { |
| | | this.$dialog.actionConfirm('您确认进行当前操作吗?', '部门主管设置操作提示') |
| | | .then(() => { |
| | | this.heading = true |
| | |
| | | .finally(() => { |
| | | this.heading = false |
| | | }) |
| | | .catch(() => {}) |
| | | .catch(() => { }) |
| | | }) |
| | | }, |
| | | changeWorkStatus (e, row) { |
| | | changeWorkStatus(e, row) { |
| | | this.working = true |
| | | updateWorkStatus({ id: row.id, workStatus: e }) |
| | | .then(res => { |
| | |
| | | .finally(() => { |
| | | this.working = false |
| | | }) |
| | | .catch(() => {}) |
| | | .catch(() => { }) |
| | | }, |
| | | changeCanvisit (e, row) { |
| | | changeCanvisit(e, row) { |
| | | this.canvisiting = true |
| | | updateCanVisit({ id: row.id, canVisit: e }) |
| | | .then(res => { |
| | |
| | | .finally(() => { |
| | | this.canvisiting = false |
| | | }) |
| | | .catch(() => {}) |
| | | .catch(() => { }) |
| | | }, |
| | | callback (row) { |
| | | callback(row) { |
| | | this.searchForm.erpOrgId = row.erpId |
| | | this.searchForm.companyId = row.id |
| | | this.search() |
| | |
| | | </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> |