|  |  | 
 |  |  |         <li><el-button type="primary" :loading="isWorking.export" @click="exportExcel" | 
 |  |  |             v-permissions="['business:visits:exportExcel']">导出</el-button></li> | 
 |  |  |       </ul> | 
 |  |  |       <el-table :max-height="tableHeight" v-loading="isWorking.search" :data="tableData.list" stripe | 
 |  |  |       <el-table :max-height="tableHeightNew" 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> | 
 |  |  | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         <el-table-column prop="remark" label="下发备注" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column v-if="containPermissions(['business:visits:update', 'business:visits:delete'])" label="操作" | 
 |  |  |         <el-table-column   label="操作" | 
 |  |  |           min-width="200" fixed="right"> | 
 |  |  |           <template slot-scope="{row}"> | 
 |  |  |             <!--           <el-button type="text" @click="cancel(row.id)" v-permissions="['business:visits:cancel']" | 
 |  |  |                       icon="el-icon-delete" style="color: red" v-if="row.status == 5">取消预约</el-button>--> | 
 |  |  |             <el-button type="text" @click="resend(row.id)" v-permissions="['business:visits:update']" icon="el-icon-edit" v-if="row.status == 6">重新下发</el-button> | 
 |  |  |             <el-button type="text" @click="handleDetail(row)" icon="el-icon-view">详情</el-button> | 
 |  |  |             <el-button type="text" @click="resend(row.id)" v-permissions="['business:visits:update']" icon="el-icon-edit" v-if="row.status == 6">重新下发</el-button> | 
 |  |  |             <el-button type="text" @click="cancel(row.id)"   v-permissions="['business:visits:cancel']"  v-if="(row.status == 0 || row.status == 1 || row.status == 2|| row.status == 5)"  icon="el-icon-delete" style="color: red"  >取消预约</el-button> | 
 |  |  |             <el-button type="text" @click="departure(row.id)" icon="el-icon-delete" style="color: red" v-if="row.status == 7">离场</el-button> | 
 |  |  |             <el-button  type="text"  icon="el-icon-delete" @click="deleteById(row)" style="color: red" v-permissions="['business:visits:delete']">删除</el-button> | 
 |  |  |           </template> | 
 |  |  | 
 |  |  | import OperaVisitsDesWindow from '@/components/business/OperaVisitsDesWindow' | 
 |  |  | import OperaVisitsWindow from '@/components/business/operaVisitsWindow' | 
 |  |  | import TaskDetail from '@/views/task/visSubDetail.vue' | 
 |  |  | import {mapState} from "vuex"; | 
 |  |  |  | 
 |  |  | export default { | 
 |  |  |   name: 'Visits', | 
 |  |  | 
 |  |  |       } | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   created() { | 
 |  |  |   computed: { | 
 |  |  |     ...mapState(['userInfo']) | 
 |  |  |   }, | 
 |  |  |   created () { | 
 |  |  |     this.config({ | 
 |  |  |       module: '访客申请信息表', | 
 |  |  |       api: '/business/visits', | 
 |  |  | 
 |  |  |  | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     cancel(id) { | 
 |  |  |     cancel( id) { | 
 |  |  |       this.$confirm('确定取消预约吗, 是否继续?', '提示', { | 
 |  |  |         confirmButtonText: '确定', | 
 |  |  |         cancelButtonText: '取消', | 
 |  |  |         type: 'warning' | 
 |  |  |       }).then(() => { | 
 |  |  |         this.api.visitCancel(id) | 
 |  |  |         this.api.visitsCancel(id) | 
 |  |  |           .then(res => { | 
 |  |  |             this.page = 1 | 
 |  |  |             this.search() |