|  |  | 
 |  |  |         </template> | 
 |  |  |       </el-tab-pane> | 
 |  |  |       <el-tab-pane :value="headData.noticeDealNum" label="已处理" name="1"> | 
 |  |  |         <template #label> | 
 |  |  |           <span | 
 |  |  |             >已处理 | 
 |  |  |             <el-badge | 
 |  |  |               v-if="headData.noticeDealNum" | 
 |  |  |               :value="headData.noticeDealNum" | 
 |  |  |               class="item" | 
 |  |  |               type="danger" | 
 |  |  |             > | 
 |  |  |             </el-badge> | 
 |  |  |           </span> | 
 |  |  |         </template> | 
 |  |  |       </el-tab-pane> | 
 |  |  |       <el-tab-pane :value="headData.noticeCreateNum" label="我发起的" name="2"> | 
 |  |  |         <template #label> | 
 |  |  |           <span | 
 |  |  |             >我发起的 | 
 |  |  |             <el-badge | 
 |  |  |               v-if="headData.noticeCreateNum" | 
 |  |  |               :value="headData.noticeCreateNum" | 
 |  |  |               class="item" | 
 |  |  |               type="danger" | 
 |  |  |             > | 
 |  |  |             </el-badge> | 
 |  |  |           </span> | 
 |  |  |         </template> | 
 |  |  |       </el-tab-pane> | 
 |  |  |       <el-tab-pane :value="headData.noticeCopyNum" label="抄送我的" name="3"> | 
 |  |  |         <template #label> | 
 |  |  | 
 |  |  |       :data="dataList" | 
 |  |  |       stripe | 
 |  |  |       row-key="id" | 
 |  |  |       class="mb20" | 
 |  |  |       default-expand-all | 
 |  |  |     > | 
 |  |  | <!--      <el-table-column prop="name" label="任务类型" min-width="100"> | 
 |  |  |         <template v-slot="scope"> | 
 |  |  |           <span | 
 |  |  |             v-if=" | 
 |  |  |               (scope.row.objType || scope.row.objType == 0) && | 
 |  |  |               cateList[scope.row.objType].name | 
 |  |  |             " | 
 |  |  |             >{{ cateList[scope.row.objType].name }}</span | 
 |  |  |           > | 
 |  |  |         </template> | 
 |  |  |       </el-table-column>--> | 
 |  |  |       <el-table-column label="处理事项" min-width="200"> | 
 |  |  |       <el-table-column label="处理事项" min-width="160"> | 
 |  |  |         <template slot-scope="{ row }"> {{ row.title}} | 
 |  |  | <!--          <span v-if="row.title">{{ | 
 |  |  |             row.title.split("-")[1] | 
 |  |  |           }}</span>--> | 
 |  |  |         </template> | 
 |  |  |       </el-table-column> | 
 |  |  |       <el-table-column prop="info" label="当前阶段" min-width="100"></el-table-column> | 
 |  |  |       <el-table-column prop="createDate" label="提交时间" min-width="100"> | 
 |  |  |       </el-table-column> | 
 |  |  |       <el-table-column label="操作" width="230" fixed="right"> | 
 |  |  | 
 |  |  |           <el-button | 
 |  |  |             type="text" | 
 |  |  |             @click="handleDetail(row)" | 
 |  |  |             v-permissions="['business:company:update']" | 
 |  |  |             >查看详情</el-button | 
 |  |  |           > | 
 |  |  |         </template> | 
 |  |  | 
 |  |  |       @current-change="getList" | 
 |  |  |       :pagination="pagination" | 
 |  |  |     /> | 
 |  |  |     <TaskDetail v-if="isShowDetail" ref="DetailRef" /> | 
 |  |  |     <VisReportDetail v-if="isShowReport" ref="VisReportDetailRef" /> | 
 |  |  |     <DangetDetail v-if="isShowDanger" ref="DangetDetailRef" /> | 
 |  |  |     <TaskDetail v-if="isShowDetail" ref="DetailRef" @close="isShowDetail = false" @success="SubSuccess('isShowDetail')" /> | 
 |  |  |     <VisReportDetail v-if="isShowReport" ref="VisReportDetailRef" @close="isShowReport = false" @success="SubSuccess('isShowReport')" /> | 
 |  |  |     <DangetDetail v-if="isShowDanger" ref="DangetDetailRef" @close="isShowDanger = false" @success="SubSuccess('isShowDanger')" /> | 
 |  |  |     <DriverDetail v-if="isShowDriver" ref="DriverDetailRef" @close="isShowDriver = false" @success="SubSuccess('isShowDriver')" /> | 
 |  |  |     <!-- 用车申请 --> | 
 |  |  |     <OperaCarUseBookWindow ref="OperaDetailsWindow" @success="getList" /> | 
 |  |  |     <!-- 隐患 --> | 
 |  |  | 
 |  |  | import TaskDetail from './visSubDetail.vue' | 
 |  |  | import VisReportDetail from './visReportDetail.vue' | 
 |  |  | import DangetDetail from './dangetDetail.vue' | 
 |  |  | import DriverDetail from './driverDetail.vue' | 
 |  |  | import OperaCarUseBookWindow from '@/components/business/OperaCarUseBookWindow' | 
 |  |  | import OperaHiddenDangerWindow from '@/components/business/OperaHiddenDangerWindow' | 
 |  |  | import OperaVisitsDesWindow from '@/components/business/OperaVisitsDesWindow' | 
 |  |  | import dayjs from 'dayjs' | 
 |  |  | import { | 
 |  |  |   taskCenterHead, | 
 |  |  |   taskCenterPage | 
 |  |  |   taskCenterHeadPC, | 
 |  |  |   taskCenterPage, | 
 |  |  |   taskSignRead | 
 |  |  | } from '@/api' | 
 |  |  | export default { | 
 |  |  |   components: { | 
 |  |  | 
 |  |  |     VisReportDetail, | 
 |  |  |     DangetDetail, | 
 |  |  |     QueryForm, | 
 |  |  |     DriverDetail, | 
 |  |  |     Pagination, | 
 |  |  |     OperaCarUseBookWindow, | 
 |  |  |     OperaHiddenDangerWindow, | 
 |  |  | 
 |  |  |       isShowDetail: false, | 
 |  |  |       isShowReport: false, | 
 |  |  |       isShowDanger: false, | 
 |  |  |       isShowDriver: false, | 
 |  |  |       filters: { | 
 |  |  |         queryType: '0', | 
 |  |  |         fastdate: 0 | 
 |  |  |         // fastdate: 0 | 
 |  |  |       }, | 
 |  |  |       queryFormConfig: { | 
 |  |  |         formItems: [ | 
 |  |  | 
 |  |  |             filed: 'type', | 
 |  |  |             type: 'select', | 
 |  |  |             label: '任务类型', | 
 |  |  |             clearable: false, | 
 |  |  |             options: [ | 
 |  |  |               { label: '访客申请', value: '0' }, | 
 |  |  |               { label: '访客报备', value: '1' }, | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   created () { | 
 |  |  |     // this.getHeadData() | 
 |  |  |     this.changeRadio('0') | 
 |  |  |     // this.changeRadio('0') | 
 |  |  |     this.getList() | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  | 
 |  |  |       this.$set(this.filters, 'selTime', arr) | 
 |  |  |       this.getList() | 
 |  |  |     }, | 
 |  |  |     SubSuccess(str) { | 
 |  |  |       this[str] = false | 
 |  |  |       this.getTaskList() | 
 |  |  |     }, | 
 |  |  |     handleDetail (row) { | 
 |  |  |       if (this.filters.queryType == 3) { | 
 |  |  |         taskSignRead({ | 
 |  |  |           noticesId: row.id, | 
 |  |  |           signType: 0 | 
 |  |  |         }).then(res => { | 
 |  |  |           this.getHeadData() | 
 |  |  |         }) | 
 |  |  |       } | 
 |  |  |       if (row.objType === 2) { | 
 |  |  |         this.$refs.OperaDetailsWindow.open('公务车申请详情', row) | 
 |  |  |         this.$refs.OperaDetailsWindow.open('公务车申请详情', { ...row, id: row.objId }) | 
 |  |  |         return | 
 |  |  |       } | 
 |  |  |       if (row.objType === 1) { | 
 |  |  | 
 |  |  |       if (row.objType === 3) { | 
 |  |  |         const obj = { ...row, id: row.objId } | 
 |  |  |         this.$refs.OperaHiddenDangerWindow.open('隐患随手拍详情', obj) | 
 |  |  |         return | 
 |  |  |       } | 
 |  |  |       if (row.objType === 6) { | 
 |  |  |         const obj = { ...row, id: row.objId } | 
 |  |  |         this.isShowDriver = true | 
 |  |  |         this.$nextTick(() => { | 
 |  |  |           this.$refs.DriverDetailRef.id = row.objId | 
 |  |  |           this.$refs.DriverDetailRef.type = row.objType | 
 |  |  |           this.$refs.DriverDetailRef.getDetail() | 
 |  |  |           this.$refs.DriverDetailRef.isShowModal = true | 
 |  |  |         }) | 
 |  |  |         return | 
 |  |  |       } | 
 |  |  |       if (row.objType === 0) { | 
 |  |  | 
 |  |  |     }, | 
 |  |  |     getList (page) { | 
 |  |  |       this.getHeadData() | 
 |  |  |       console.log(this.filters) | 
 |  |  |       const { filters, pagination } = this | 
 |  |  |       if (filters.selTime && filters.selTime.length > 0) { | 
 |  |  |         filters.startDate = filters.selTime[0] | 
 |  |  | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     getHeadData () { | 
 |  |  |       taskCenterHead({ | 
 |  |  |         isDetail: '1' | 
 |  |  |       }).then(res => { | 
 |  |  |       const { filters } = this | 
 |  |  |       if (filters.selTime && filters.selTime.length > 0) { | 
 |  |  |         filters.startDate = filters.selTime[0] | 
 |  |  |         filters.endDate = filters.selTime[1] | 
 |  |  |       } else { | 
 |  |  |         filters.startDate = null | 
 |  |  |         filters.endDate = null | 
 |  |  |       } | 
 |  |  |       taskCenterHeadPC({ ...filters, queryType: Number(filters.queryType), isDetail: '1' }).then(res => { | 
 |  |  |         this.headData = res | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     clear () { | 
 |  |  |       this.filters = { | 
 |  |  |         queryType: '0', | 
 |  |  |         fastdate: 0 | 
 |  |  |       } | 
 |  |  |       this.getList(0) | 
 |  |  |     }, |