跳页面形式改为当前页面打开，巡检计划双击查看详情

guoshilong

2022-09-23 223750e3a57f895e07c9c311947456664ced50c3

 src/views/taskinfo/taskinfoPlan.vue

@@ -1,6 +1,6 @@
<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"
@@ -11,6 +11,7 @@
               @row-update="rowUpdate"
               @row-save="rowSave"
               @row-del="rowDel"
               @row-dblclick="rowClick"
               @search-change="searchChange"
               @search-reset="searchReset"
               @selection-change="selectionChange"
@@ -61,7 +62,10 @@

      </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>

@@ -73,9 +77,10 @@
  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,
@@ -89,7 +94,9 @@
        },
        selectionList: [],
        option: option,
        data: []
        data: [],
        detailVisible:false,
        detailInfo:{},
      };
    },
    computed: {
@@ -243,6 +250,14 @@
      toData(toData) {
        this.form.routeRange = toData
      },
      //点击当前行事件
      rowClick(val){
        this.detailInfo = val
        this.isDetail();
      },
      isDetail(){
        this.detailVisible = !this.detailVisible
      }
    }
  };
</script>