|  |  |  | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </QueryForm> | 
|---|
|  |  |  | <!--  --> | 
|---|
|  |  |  | <el-tabs v-model="filters.queryType" @tab-click="(e) => getHeadData(1)"> | 
|---|
|  |  |  | <el-tabs v-model="filters.queryType" @tab-click="(e) => getHeadData(1)" class="el-tabs-ele"> | 
|---|
|  |  |  | <el-tab-pane label="待处理" name="0"> | 
|---|
|  |  |  | <template #label> | 
|---|
|  |  |  | <span>待处理 | 
|---|
|  |  |  | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-tab-pane> | 
|---|
|  |  |  | </el-tabs> | 
|---|
|  |  |  | <el-table v-loading="loading" :data="dataList" stripe row-key="id" class="mb20" default-expand-all> | 
|---|
|  |  |  | <el-table :height="tableHeightNew" v-loading="loading" :data="dataList" stripe row-key="id"   default-expand-all> | 
|---|
|  |  |  | <el-table-column label="处理事项" min-width="160"> | 
|---|
|  |  |  | <template slot-scope="{ row }"> {{ row.title }} | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  | taskCenterPage, | 
|---|
|  |  |  | taskSignRead | 
|---|
|  |  |  | } from '@/api' | 
|---|
|  |  |  | import BaseComputHeight from '@/components/base/BaseComputHeight' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | extends: BaseComputHeight, | 
|---|
|  |  |  | components: { | 
|---|
|  |  |  | TaskDetail, | 
|---|
|  |  |  | VisReportDetail, | 
|---|
|  |  |  | 
|---|
|  |  |  | isShowDriver: false, | 
|---|
|  |  |  | filters: { | 
|---|
|  |  |  | queryType: '0', | 
|---|
|  |  |  | // fastdate: 0 | 
|---|
|  |  |  | startDate: '', | 
|---|
|  |  |  | endDate: '', | 
|---|
|  |  |  | fastdate: '0' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | queryFormConfig: { | 
|---|
|  |  |  | formItems: [ | 
|---|
|  |  |  | 
|---|
|  |  |  | { label: '访客报备', value: '1' }, | 
|---|
|  |  |  | { label: '用车申请', value: '2' }, | 
|---|
|  |  |  | { label: '隐患随手拍', value: '3' }, | 
|---|
|  |  |  | { label: '物流车申请', value: '4' } | 
|---|
|  |  |  | { label: '物流车申请', value: '6' } | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | filed: 'selTime', | 
|---|
|  |  |  | type: 'datetimerange', | 
|---|
|  |  |  | label: '起止时间', | 
|---|
|  |  |  | pickerOptions: {} | 
|---|
|  |  |  | filed1: 'startDate', | 
|---|
|  |  |  | filed2: 'endDate', | 
|---|
|  |  |  | type: 'datetime', | 
|---|
|  |  |  | label: '起止时间' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | type: 'slot', | 
|---|
|  |  |  | 
|---|
|  |  |  | { name: '访客报备', id: 1 }, | 
|---|
|  |  |  | { name: '用车申请', id: 2 }, | 
|---|
|  |  |  | { name: '隐患随手拍', id: 3 }, | 
|---|
|  |  |  | { name: '物流车申请', id: 4 } | 
|---|
|  |  |  | { name: '物流车申请', id: 6 } | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created() { | 
|---|
|  |  |  | // this.getHeadData() | 
|---|
|  |  |  | // this.changeRadio('0') | 
|---|
|  |  |  | this.getHeadData() | 
|---|
|  |  |  | this.changeRadio('0') | 
|---|
|  |  |  | // this.getHeadData() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | changeRadio(day) { | 
|---|
|  |  |  | 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.filters.startDate = arr[0] | 
|---|
|  |  |  | this.filters.endDate = arr[1] | 
|---|
|  |  |  | this.getHeadData() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | SubSuccess(str) { | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | changeForm(str) { | 
|---|
|  |  |  | if (str === 'selTime') { | 
|---|
|  |  |  | this.$set(this.filters, 'fastdate', null) | 
|---|
|  |  |  | this.getHeadData() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.$set(this.filters, 'fastdate', null) | 
|---|
|  |  |  | this.getHeadData() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getList(page) { | 
|---|
|  |  |  | const { filters, pagination } = 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 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | pagination.page = page || pagination.page | 
|---|
|  |  |  | taskCenterPage({ | 
|---|
|  |  |  | model: { ...filters, queryType: Number(filters.queryType) }, | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getHeadData(page) { | 
|---|
|  |  |  | 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 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // if (filters.selTime && filters.selTime.length > 0) { | 
|---|
|  |  |  | //   filters.startDate = filters.selTime[0] | 
|---|
|  |  |  | //   filters.endDate = filters.selTime[1] | 
|---|
|  |  |  | // } else { | 
|---|
|  |  |  | //   filters.startDate = null | 
|---|
|  |  |  | //   filters.endDate = null | 
|---|
|  |  |  | // } | 
|---|
|  |  |  | this.loading = true | 
|---|
|  |  |  | taskCenterHeadPC({ ...filters, queryType: Number(filters.queryType), isDetail: '1' }).then(res => { | 
|---|
|  |  |  | this.headData = res | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleSizeChange(capacity) { | 
|---|
|  |  |  | this.pagination.capacity = capacity | 
|---|
|  |  |  | this.getHeadData(1) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|