|  |  |  | 
|---|
|  |  |  | </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, | 
|---|
|  |  |  | taskCenterHeadPC, | 
|---|
|  |  |  | taskCenterPage | 
|---|
|  |  |  | } from '@/api' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | 
|---|
|  |  |  | 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) { | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 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 | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|