| | |
| | | <template> |
| | | <div class="main_app"> |
| | | <QueryForm |
| | | v-model="filters" |
| | | :query-form-config="queryFormConfig" |
| | | @handleQuery="getList(1)" |
| | | @clear="clear" |
| | | @changeForm='changeForm' |
| | | > |
| | | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getHeadData(1)" @clear="clear" |
| | | @changeForm='changeForm'> |
| | | <template #fastdate> |
| | | <el-radio-group |
| | | v-model="filters.fastdate" |
| | | size="small" |
| | | @input="changeRadio" |
| | | > |
| | | <el-radio-group v-model="filters.fastdate" size="small" @input="changeRadio"> |
| | | <el-radio-button label="0">当天</el-radio-button> |
| | | <el-radio-button label="6">近7天</el-radio-button> |
| | | <el-radio-button label="29">近30天</el-radio-button> |
| | |
| | | </template> |
| | | </QueryForm> |
| | | <!-- --> |
| | | <el-tabs v-model="filters.queryType" @tab-click="(e) => getList(1)"> |
| | | <el-tabs v-model="filters.queryType" @tab-click="(e) => getHeadData(1)"> |
| | | <el-tab-pane label="待处理" name="0"> |
| | | <template #label> |
| | | <span |
| | | >待处理 |
| | | <el-badge |
| | | v-if="headData.noticeWaitNum" |
| | | :value="headData.noticeWaitNum" |
| | | class="item" |
| | | type="danger" |
| | | > |
| | | <span>待处理 |
| | | <el-badge v-if="headData.noticeWaitNum" :value="headData.noticeWaitNum" class="item" type="danger"> |
| | | </el-badge> |
| | | </span> |
| | | </template> |
| | |
| | | </el-tab-pane> |
| | | <el-tab-pane :value="headData.noticeCopyNum" label="抄送我的" name="3"> |
| | | <template #label> |
| | | <span |
| | | >抄送我的 |
| | | <el-badge |
| | | v-if="headData.noticeCopyNum" |
| | | :value="headData.noticeCopyNum" |
| | | class="item" |
| | | type="danger" |
| | | > |
| | | <span>抄送我的 |
| | | <el-badge v-if="headData.noticeCopyNum" :value="headData.noticeCopyNum" class="item" type="danger"> |
| | | </el-badge> |
| | | </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 v-loading="loading" :data="dataList" stripe row-key="id" class="mb20" default-expand-all> |
| | | <el-table-column label="处理事项" min-width="160"> |
| | | <template slot-scope="{ row }"> {{ row.title}} |
| | | </template> |
| | |
| | | </el-table-column> |
| | | <el-table-column label="操作" width="230" fixed="right"> |
| | | <template slot-scope="{ row }"> |
| | | <el-button |
| | | type="text" |
| | | @click="handleDetail(row)" |
| | | >查看详情</el-button |
| | | > |
| | | <el-button type="text" @click="handleDetail(row)">查看详情</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="getList" |
| | | :pagination="pagination" |
| | | /> |
| | | <TaskDetail v-if="isShowDetail" ref="DetailRef" @close="isShowDetail = false" @success="SubSuccess('isShowDetail')" /> |
| | | <VisReportDetail v-if="isShowReport" ref="VisReportDetailRef" @close="isShowReport = false" @success="SubSuccess('isShowReport')" /> |
| | | <DangetDetail v-if="isShowDanger" ref="DangetDetailRef" @close="isShowDanger = false" @success="SubSuccess('isShowDanger')" /> |
| | | <DriverDetail v-if="isShowDriver" ref="DriverDetailRef" @close="isShowDriver = false" @success="SubSuccess('isShowDriver')" /> |
| | | <pagination @size-change="handleSizeChange" @current-change="getHeadData" :pagination="pagination" /> |
| | | <TaskDetail v-if="isShowDetail" ref="DetailRef" @close="isShowDetail = false" |
| | | @success="SubSuccess('isShowDetail')" /> |
| | | <VisReportDetail v-if="isShowReport" ref="VisReportDetailRef" @close="isShowReport = false" |
| | | @success="SubSuccess('isShowReport')" /> |
| | | <DangetDetail v-if="isShowDanger" ref="DangetDetailRef" @close="isShowDanger = false" |
| | | @success="SubSuccess('isShowDanger')" /> |
| | | <DriverDetail v-if="isShowDriver" ref="DriverDetailRef" @close="isShowDriver = false" |
| | | @success="SubSuccess('isShowDriver')" /> |
| | | <!-- 用车申请 --> |
| | | <OperaCarUseBookWindow ref="OperaDetailsWindow" @success="getList" /> |
| | | <OperaCarUseBookWindow ref="OperaDetailsWindow" @success="getHeadData" /> |
| | | <!-- 隐患 --> |
| | | <OperaHiddenDangerWindow ref="OperaHiddenDangerWindow" @success="getList" /> |
| | | <OperaHiddenDangerWindow ref="OperaHiddenDangerWindow" @success="getHeadData" /> |
| | | <!-- 预约详情 --> |
| | | <OperaVisitsDesWindow ref="OperaVisitsDesWindow" /> |
| | | </div> |
| | |
| | | created () { |
| | | // this.getHeadData() |
| | | // this.changeRadio('0') |
| | | this.getList() |
| | | 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.getList() |
| | | this.getHeadData() |
| | | }, |
| | | SubSuccess(str) { |
| | | this[str] = false |
| | | this.getTaskList() |
| | | this.getHeadData() |
| | | }, |
| | | handleTest (row) { |
| | | getAppHeaderNav(5).then(res => { |
| | |
| | | }, |
| | | handleDetail (row) { |
| | | if (row.type === 7) { |
| | | this.handleTest(row); |
| | | this.handleTest(row) |
| | | return |
| | | } |
| | | if (this.filters.queryType == 3) { |
| | |
| | | changeForm (str) { |
| | | if (str === 'selTime') { |
| | | this.$set(this.filters, 'fastdate', null) |
| | | this.getList() |
| | | this.getHeadData() |
| | | } |
| | | }, |
| | | getList (page) { |
| | | this.getHeadData() |
| | | const { filters, pagination } = this |
| | | if (filters.selTime && filters.selTime.length > 0) { |
| | | filters.startDate = filters.selTime[0] |
| | |
| | | ...pagination |
| | | }).then(res => { |
| | | console.log('res', res) |
| | | this.loading = false |
| | | this.dataList = res.records || [] |
| | | this.pagination.total = res.total || 0 |
| | | this.dataList.forEach(i => { |
| | | i.param1 = JSON.parse(i.param1) |
| | | }, () => { |
| | | this.loading = false |
| | | }) |
| | | }) |
| | | }, |
| | | getHeadData () { |
| | | getHeadData(page) { |
| | | const { filters } = this |
| | | if (filters.selTime && filters.selTime.length > 0) { |
| | | filters.startDate = filters.selTime[0] |
| | |
| | | filters.startDate = null |
| | | filters.endDate = null |
| | | } |
| | | this.loading = true |
| | | taskCenterHeadPC({ ...filters, queryType: Number(filters.queryType), isDetail: '1' }).then(res => { |
| | | this.headData = res |
| | | this.getList(page) |
| | | }, () => { |
| | | this.loading = false |
| | | }) |
| | | }, |
| | | clear () { |
| | | this.filters = { |
| | | queryType: '0', |
| | | } |
| | | this.getList(0) |
| | | this.getHeadData(0) |
| | | }, |
| | | handleSizeChange (capacity) { |
| | | this.pagination.capacity = capacity |