|  |  |  | 
|---|
|  |  |  | </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="80"> | 
|---|
|  |  |  | <template v-slot="scope"> | 
|---|
|  |  |  | <span v-if="scope.row.title">{{ | 
|---|
|  |  |  | scope.row.title.split(" - ")[1] | 
|---|
|  |  |  | }}</span> | 
|---|
|  |  |  | <el-table-column label="处理事项" min-width="200"> | 
|---|
|  |  |  | <template slot-scope="{ row }"> {{ row.title}} | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="createDate" label="提交时间" min-width="100"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <TaskDetail v-if="isShowDetail" ref="DetailRef" /> | 
|---|
|  |  |  | <VisReportDetail v-if="isShowReport" ref="VisReportDetailRef" /> | 
|---|
|  |  |  | <DangetDetail v-if="isShowDanger" ref="DangetDetailRef" /> | 
|---|
|  |  |  | <DriverDetail v-if="isShowDriver" ref="DriverDetailRef" /> | 
|---|
|  |  |  | <!-- 用车申请 --> | 
|---|
|  |  |  | <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 | 
|---|
|  |  |  | 
|---|
|  |  |  | 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) { | 
|---|
|  |  |  | 
|---|
|  |  |  | 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) { | 
|---|
|  |  |  | this.isShowDetail = true | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | changeForm (str) { | 
|---|
|  |  |  | if (str === 'selDate') { | 
|---|
|  |  |  | if (str === 'selTime') { | 
|---|
|  |  |  | this.$set(this.filters, 'fastdate', null) | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getList (page) { | 
|---|
|  |  |  | console.log(this.filters) | 
|---|
|  |  |  | this.getHeadData() | 
|---|
|  |  |  | 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 | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|