| | |
| | | </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: '0' }, |
| | | { label: '访客报备', value: '1' }, |
| | | { label: '用车申请', value: '2' }, |
| | | { label: '隐患随手拍', value: '3' }, |
| | | { label: '物流车申请', value: '4' } |
| | | // { label: '隐患随手拍', value: '3' }, |
| | | // { label: '物流车申请', value: '6' } |
| | | ] |
| | | }, |
| | | { |
| | | filed: 'selTime', |
| | | type: 'datetimerange', |
| | | label: '起止时间', |
| | | pickerOptions: {} |
| | | filed1: 'startDate', |
| | | filed2: 'endDate', |
| | | type: 'datetime', |
| | | label: '起止时间' |
| | | }, |
| | | { |
| | | type: 'slot', |
| | |
| | | { name: '访客申请', id: 0 }, |
| | | { name: '访客报备', id: 1 }, |
| | | { name: '用车申请', id: 2 }, |
| | | { name: '隐患随手拍', id: 3 }, |
| | | { name: '物流车申请', id: 4 } |
| | | // { name: '隐患随手拍', id: 3 }, |
| | | // { 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) |
| | | } |
| | | } |
| | | } |