|  |  | 
 |  |  |         </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> | 
 |  |  | 
 |  |  |       row-key="id" | 
 |  |  |       default-expand-all | 
 |  |  |     > | 
 |  |  |       <el-table-column prop="name" label="任务类型" min-width="100"> | 
 |  |  | <!--      <el-table-column prop="name" label="任务类型" min-width="100"> | 
 |  |  |         <template v-slot="scope"> | 
 |  |  |           <span | 
 |  |  |             v-if=" | 
 |  |  | 
 |  |  |             >{{ cateList[scope.row.objType].name }}</span | 
 |  |  |           > | 
 |  |  |         </template> | 
 |  |  |       </el-table-column> | 
 |  |  |       <el-table-column label="提交人" min-width="80"> | 
 |  |  |         <template v-slot="scope"> | 
 |  |  |           <span v-if="scope.row.title">{{ | 
 |  |  |             scope.row.title.split(" - ")[1] | 
 |  |  |           }}</span> | 
 |  |  |       </el-table-column>--> | 
 |  |  |       <el-table-column label="处理事项" min-width="200"> | 
 |  |  |         <template slot-scope="{ row }"> {{ row.title}} | 
 |  |  | <!--          <span v-if="row.title">{{ | 
 |  |  |             row.title.split("-")[1] | 
 |  |  |           }}</span>--> | 
 |  |  |         </template> | 
 |  |  |       </el-table-column> | 
 |  |  |       <el-table-column prop="createDate" label="提交时间" min-width="100"> | 
 |  |  | 
 |  |  | import OperaVisitsDesWindow from '@/components/business/OperaVisitsDesWindow' | 
 |  |  | import dayjs from 'dayjs' | 
 |  |  | import { | 
 |  |  |   taskCenterHead, | 
 |  |  |   taskCenterPage | 
 |  |  |   taskCenterHeadPC, | 
 |  |  |   taskCenterPage, | 
 |  |  |   taskSignRead | 
 |  |  | } from '@/api' | 
 |  |  | export default { | 
 |  |  |   components: { | 
 |  |  | 
 |  |  |             filed: 'type', | 
 |  |  |             type: 'select', | 
 |  |  |             label: '任务类型', | 
 |  |  |             clearable: false, | 
 |  |  |             options: [ | 
 |  |  |               { label: '访客申请', value: '0' }, | 
 |  |  |               { label: '访客报备', value: '1' }, | 
 |  |  | 
 |  |  |             ] | 
 |  |  |           }, | 
 |  |  |           { | 
 |  |  |             filed: 'selDate', | 
 |  |  |             type: 'daterange', | 
 |  |  |             label: '起始日期' | 
 |  |  |             filed: 'selTime', | 
 |  |  |             type: 'datetimerange', | 
 |  |  |             label: '起止时间', | 
 |  |  |             pickerOptions: {} | 
 |  |  |           }, | 
 |  |  |           { | 
 |  |  |             type: 'slot', | 
 |  |  | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   created () { | 
 |  |  |     this.getHeadData() | 
 |  |  |     // this.getHeadData() | 
 |  |  |     this.changeRadio('0') | 
 |  |  |     this.getList() | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     changeRadio (day) { | 
 |  |  |       const arr = [dayjs().subtract(day, 'day').format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')] | 
 |  |  |       this.$set(this.filters, 'selDate', arr) | 
 |  |  |       const arr = [dayjs().subtract(day, 'day').format('YYYY-MM-DD') + ' 00:00:00', dayjs().format('YYYY-MM-DD') + ' 23:59:59'] | 
 |  |  |       this.$set(this.filters, 'selTime', arr) | 
 |  |  |       this.getList() | 
 |  |  |     }, | 
 |  |  |     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) { | 
 |  |  | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     changeForm (str) { | 
 |  |  |       if (str === 'selDate') { | 
 |  |  |       if (str === 'selTime') { | 
 |  |  |         this.$set(this.filters, 'fastdate', null) | 
 |  |  |         this.getList() | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     getList (page) { | 
 |  |  |       this.getHeadData() | 
 |  |  |       console.log(this.filters) | 
 |  |  |       const { filters, pagination } = this | 
 |  |  |       if (filters.selDate && filters.selDate.length > 0) { | 
 |  |  |         filters.startDate = filters.selDate[0] | 
 |  |  |         filters.endDate = filters.selDate[1] | 
 |  |  |       if (filters.selTime && filters.selTime.length > 0) { | 
 |  |  |         filters.startDate = filters.selTime[0] | 
 |  |  |         filters.endDate = filters.selTime[1] | 
 |  |  |       } else { | 
 |  |  |         filters.startDate = null | 
 |  |  |         filters.endDate = null | 
 |  |  | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     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 | 
 |  |  |       }) | 
 |  |  |     }, |