|  |  |  | 
|---|
|  |  |  | </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="200"> | 
|---|
|  |  |  | <el-table-column label="处理事项" min-width="160"> | 
|---|
|  |  |  | <template slot-scope="{ row }"> {{ row.title}} | 
|---|
|  |  |  | <!--          <span v-if="row.title">{{ | 
|---|
|  |  |  | row.title.split("-")[1] | 
|---|
|  |  |  | }}</span>--> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="info" label="当前阶段" min-width="100"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="createDate" label="提交时间" min-width="100"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="操作" width="230" fixed="right"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-button | 
|---|
|  |  |  | type="text" | 
|---|
|  |  |  | @click="handleDetail(row)" | 
|---|
|  |  |  | v-permissions="['business:company:update']" | 
|---|
|  |  |  | >查看详情</el-button | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  | @current-change="getList" | 
|---|
|  |  |  | :pagination="pagination" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <TaskDetail v-if="isShowDetail" ref="DetailRef" /> | 
|---|
|  |  |  | <VisReportDetail v-if="isShowReport" ref="VisReportDetailRef" /> | 
|---|
|  |  |  | <DangetDetail v-if="isShowDanger" ref="DangetDetailRef" /> | 
|---|
|  |  |  | <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" /> | 
|---|
|  |  |  | <!-- 隐患 --> | 
|---|
|  |  |  | 
|---|
|  |  |  | 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 | 
|---|
|  |  |  | // fastdate: 0 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | queryFormConfig: { | 
|---|
|  |  |  | formItems: [ | 
|---|
|  |  |  | 
|---|
|  |  |  | 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', | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | pagination: { | 
|---|
|  |  |  | capacity: 10, | 
|---|
|  |  |  | page: 1 | 
|---|
|  |  |  | page: 1, | 
|---|
|  |  |  | total: 0, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | loading: false, | 
|---|
|  |  |  | dataList: [], | 
|---|
|  |  |  | headData: {}, | 
|---|
|  |  |  | total: 0, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | cateList: [ | 
|---|
|  |  |  | { name: '访客申请', id: 0 }, | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created () { | 
|---|
|  |  |  | // this.getHeadData() | 
|---|
|  |  |  | this.changeRadio('0') | 
|---|
|  |  |  | // this.changeRadio('0') | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | 
|---|
|  |  |  | this.$set(this.filters, 'selTime', arr) | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | SubSuccess(str) { | 
|---|
|  |  |  | this[str] = false | 
|---|
|  |  |  | this.getTaskList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 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) { | 
|---|
|  |  |  | 
|---|
|  |  |  | if (row.objType === 3) { | 
|---|
|  |  |  | const obj = { ...row, id: row.objId } | 
|---|
|  |  |  | 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) { | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getList (page) { | 
|---|
|  |  |  | this.getHeadData() | 
|---|
|  |  |  | console.log(this.filters) | 
|---|
|  |  |  | const { filters, pagination } = this | 
|---|
|  |  |  | if (filters.selTime && filters.selTime.length > 0) { | 
|---|
|  |  |  | filters.startDate = filters.selTime[0] | 
|---|
|  |  |  | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | console.log('res', res) | 
|---|
|  |  |  | this.dataList = res.records || [] | 
|---|
|  |  |  | this.pagination.total = res.total || 0 | 
|---|
|  |  |  | this.dataList.forEach(i => { | 
|---|
|  |  |  | i.param1 = JSON.parse(i.param1) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 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 | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | clear () { | 
|---|
|  |  |  | this.filters = { | 
|---|
|  |  |  | queryType: '0', | 
|---|
|  |  |  | fastdate: 0 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.getList(0) | 
|---|
|  |  |  | }, | 
|---|