| | |
| | | <template> |
| | | <basic-container> |
| | | <avue-crud v-show="!isSetPlanUser" :option="option" |
| | | <avue-crud v-show="!isSetPlanUser&&!detailVisible" :option="option" |
| | | :table-loading="loading" |
| | | :data="data" |
| | | :page.sync="page" |
| | |
| | | @row-update="rowUpdate" |
| | | @row-save="rowSave" |
| | | @row-del="rowDel" |
| | | @row-dblclick="rowClick" |
| | | @search-change="searchChange" |
| | | @search-reset="searchReset" |
| | | @selection-change="selectionChange" |
| | |
| | | |
| | | </template> |
| | | </avue-crud> |
| | | <!--设置巡检人--> |
| | | <taskplan-user v-show="isSetPlanUser" ref="taskplanUser" @setPlanUser="setPlanUser"></taskplan-user> |
| | | <!--查看详情--> |
| | | <taskinfo-plan-detail v-if="detailVisible" ref="detailVisible" :detailInfo="detailInfo" @isDetail="isDetail"></taskinfo-plan-detail> |
| | | </basic-container> |
| | | </template> |
| | | |
| | | |
| | | |
| | | <script> |
| | | import {getList, getDetail, add, update, remove, changeStatus} from "@/api/taskinfo/taskinfoPlan"; |
| | | import {getList, add, update, remove, changeStatus} from "@/api/taskinfo/taskinfoPlan"; |
| | | import option from "@/const/taskinfo/taskinfoPlan"; |
| | | import {mapGetters} from "vuex"; |
| | | import TaskplanUser from "@/views/taskinfo/taskplanUser"; |
| | | import OpenLayersMap from "@/components/OpenLayersMap/index"; |
| | | import TaskinfoPlanDetail from "@/views/taskinfo/taskinfoPlanDetail"; |
| | | |
| | | export default { |
| | | components: {TaskplanUser,OpenLayersMap}, |
| | | components: {TaskinfoPlanDetail, TaskplanUser,OpenLayersMap}, |
| | | data() { |
| | | return { |
| | | isSetPlanUser:false, |
| | |
| | | }, |
| | | selectionList: [], |
| | | option: option, |
| | | data: [] |
| | | data: [], |
| | | detailVisible:false, |
| | | detailInfo:{}, |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | beforeOpen(done, type) { |
| | | if (["add"].includes(type)) { |
| | | this.form.status = 2 |
| | | }else if (["edit"].includes(type)) { |
| | | this.form.routeRange = '\'' + this.form.routeRange + '\'' |
| | | } |
| | | done(); |
| | | }, |
| | |
| | | }, |
| | | searchChange(params, done) { |
| | | this.query = params; |
| | | if (this.query.daterange){ |
| | | this.query.startCreateTime = this.query.daterange[0] |
| | | this.query.endCreateTime = this.query.daterange[1] |
| | | this.query.daterange = null |
| | | } |
| | | this.page.currentPage = 1; |
| | | this.onLoad(this.page, params); |
| | | done(); |
| | |
| | | toData(toData) { |
| | | this.form.routeRange = toData |
| | | }, |
| | | //点击当前行事件 |
| | | rowClick(val){ |
| | | this.detailInfo = val |
| | | this.isDetail(); |
| | | }, |
| | | isDetail(){ |
| | | this.detailVisible = !this.detailVisible |
| | | } |
| | | } |
| | | }; |
| | | </script> |