<template>
  <div class="app-container">
    <el-form :model="queryParams1" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="行政区" prop="district">
        <el-select v-model="queryParams1.district" placeholder="请选择行政区" clearable
                   @change="queryParams1.areaId = undefined;getAreaList(queryParams1.district)"
                   @clear="queryParams1.areaId = undefined;areaList=[];
                   queryParams1.buildingId = undefined;buildingList=[];
                   queryParams1.unitId = undefined;unitList=[]">
          <el-option
            v-for="dict in dict.type.district"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="小区名称" prop="areaId">
        <el-select v-model="queryParams1.areaId" filterable clearable placeholder="请选择小区"
                   @change="queryParams1.buildingId = undefined;getBuildingList1(queryParams1.areaId)"
                   @clear="queryParams1.buildingId = undefined;buildingList=[];
                   queryParams1.unitId = undefined;unitList=[]">
          <el-option
            v-for="item in areaList"
            :key="item.id"
            :label="item.name"
            :value="item.id">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="楼宇名称" prop="buildingId">
        <el-select v-model="queryParams1.buildingId" filterable clearable placeholder="请选择楼宇"
                   @change="queryParams1.unitId = undefined;getUnitList1(queryParams1.buildingId)"
                   @clear="queryParams1.unitId = undefined;unitList=[]"
        >
          <el-option
            v-for="item in buildingList"
            :key="item.id"
            :label="item.name"
            :value="item.id">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="单元" prop="unitId">
        <el-select v-model="queryParams1.unitId" placeholder="请选择单元" filterable clearable>
          <el-option
            v-for="obj in unitList"
            :key="obj.id"
            :label="obj.name"
            :value="obj.id"
          ></el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['zdsz:engineeringCivil:add']"
        >新增
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="el-icon-edit"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['zdsz:engineeringCivil:edit']"
        >修改
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['zdsz:engineeringCivil:remove']"
        >删除
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['zdsz:engineeringCivil:export']"
        >导出
        </el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="engineeringCivilList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center"/>
      <el-table-column label="主键" align="center" prop="id" v-if="false"/>
      <el-table-column label="行政区" align="center" prop="district">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.district" :value="scope.row.district"/>
        </template>
      </el-table-column>
      <el-table-column label="小区名称" align="center" prop="areaName"/>
      <el-table-column label="楼宇名称" align="center" prop="buildingName"/>
      <el-table-column label="单元名称" align="center" prop="unitName"/>
      <el-table-column label="房间名称" align="center" prop="houseName"/>
      <el-table-column label="工程类型" align="center" prop="enginType">
        <template slot-scope="scope">
          {{ scope.row.enginType === 'old_renovation' ? "旧改工程" : "新建" }}
        </template>
      </el-table-column>
      <el-table-column label="工程分类" align="center" prop="enginClassificationName"/>
      <el-table-column label="工程周期" align="center" prop="enginCycle">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.engin_cycle" :value="scope.row.enginCycle"/>
        </template>
      </el-table-column>
      <el-table-column label="完工状态" align="center" prop="completionStatus"/>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['zdsz:engineeringCivil:edit']"
          >修改
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['zdsz:engineeringCivil:remove']"
          >删除
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="addNewPipe(scope.row)"
          >新增顶管工程</el-button>
        </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams1.pageNum"
      :limit.sync="queryParams1.pageSize"
      @pagination="getList"
    />
    <EngineePipe ref="enginPipe"/>
    <!-- 添加或修改民用工程对话框 -->
    <el-dialog :title="title" :visible.sync="open" append-to-body customClass="appendElDialog">
      <el-form ref="form" :model="queryParams" :rules="rules" label-width="110px">
        <el-form-item label="行政区" prop="district">
          <el-select
            v-model="queryParams.district"
            placeholder="请选择行政区"
            @change="districtHasChanged"
          >
            <el-option
              v-for="e in dict.type.district"
              :key="e.value"
              :label="e.label"
              :value="e.value"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="小区" prop="areaId">
          <el-select
            v-model="queryParams.areaId"
            placeholder="请选择小区"
            @change="communityHasChanged"
          >
            <el-option
              v-for="e in communityOptions"
              :key="e.id"
              :label="e.name"
              :value="e.id"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="楼栋" prop="buildingId">
          <el-select
            v-model="queryParams.buildingId"
            placeholder="请选择楼栋"
            @change="buildingHasChanged"
          >
            <el-option
              v-for="e in buildingOptions"
              :key="e.id"
              :label="e.name"
              :value="e.id"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="单元" prop="unitId">
          <el-select
            v-model="queryParams.unitId"
            placeholder="请选择单元"
            @change="unitHasChanged"
          >
            <el-option
              v-for="e in unitOptions"
              :key="e.id"
              :label="e.name"
              :value="e.id"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="房间" prop="houseId">
          <el-select
            v-model="queryParams.houseId"
            placeholder="请选择房间"
          >
            <el-option
              v-for="e in houseOptions"
              :key="e.id"
              :label="e.name"
              :value="e.id"
            ></el-option>
          </el-select>
        </el-form-item>
        <!-- <el-form-item label="工程类型" prop="enginType">
          <el-select
              v-model="queryParams.enginType"
              placeholder="请选择工程类型"
              @change="enginTypeHasChanged"
              >
            <el-option
              v-for="e in enginTypeOption"
              :key="e.value"
              :label="e.label"
              :value="e.value"
            ></el-option>
          </el-select>
        </el-form-item> -->
        <!-- <el-form-item label="工程类型">
          <el-cascader
            v-model="value"
            :options="options"
            @change="currentEnginTypeChange">
          </el-cascader>
        </el-form-item>
        <el-form-item label="工程节点">
          <el-select
            v-model="enginClassification"
            placeholder="请选择工程节点"
          >
            <el-option
              v-for="e in enginClassificationOption"
              :key="e.value"
              :label="e.label"
              :value="e.value"
            ></el-option>
          </el-select>
        </el-form-item> -->
        <el-form-item label="工程周期" prop="enginCycle">
          <el-select
            v-model="queryParams.enginCycle"
            placeholder="请填写工程周期"
          >
            <el-option
              v-for="e in dict.type.engin_cycle"
              :key="e.value"
              :label="e.label"
              :value="e.value"
            ></el-option>
          </el-select>
        </el-form-item>
        <!-- <el-form-item label="备注" prop="remark">
          <el-input
            v-model="queryParams.remark"
            type="textarea"
            placeholder="请输入内容"
            class="remark_input"
            />
        </el-form-item> -->
      </el-form>
      <div slot="footer" class="dialog-footer">
        <!-- <el-button :loading="buttonLoading" type="primary" @click="submitForm">确定</el-button> -->
        <el-button :loading="buttonLoading" type="primary" @click="toNodeDetail">填写节点信息</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <EngineeNode
      ref="childNode"
      @closeToSucceed="closeToSucceed"
    />
  </div>
</template>

<script>
import {
  listEngineeringCivil,
  getEngineeringCivil,
  delEngineeringCivil,
  addEngineeringCivil,
  updateEngineeringCivil
} from "@/api/zdsz/engineeringCivil";
import {
  addEnginee,                                // 新增工程
  getUnitList,                               // 获取当前单元集合
  getHousesList,                             // 获取当前房间集合
  putEngineeringCivil,                       // 民用工程修改
  viewEngineeringCivil,                      // 民用工程查看详情
  deleteEngineeringCivil,                    // 删除民用工程
  getDictList
} from "@/api/zdsz/enginee"
import {getAreaList} from "@/api/zdsz/area";
import {getBuildingList} from "@/api/zdsz/building";
import {getUnits} from "@/api/zdsz/unit";
import EngineeNode from '@/components/EngineeNode/index'
import EngineePipe from "@/components/EngineePipe"
import {resetForm} from "@/utils/ruoyi";
export default {
  components:{
    EngineeNode,
    EngineePipe
  },

  name: "EngineeringCivil",
  dicts: ['pass_check',
    'is_repair',
    'engin_type',
    'self_closing_valve_type',
    'visit_type','district',
    'new_built_indoor_engin',
    "old_renovation_indoor_engin",
    "old_renovation_courtyard_engin",
    "old_renovation_overhead",
    "new_built_indoor_engin",
    "new_built_courtyard_engin",
    "new_built_overhead",
    "engin_cycle"],
  data() {
    return {
      enginClassificationinfo:'',
      enginClassification:'',
      enginClassificationOption:[],
      options: [
        {
          value: 'old_renovation',
          label: '旧改',
          children: [
            {
              value: 'old_renovation_indoor_engin',
              label: '室内',

            },
            {
              value: 'old_renovation_courtyard_engin',
              label: '庭院',
            },
            {
              value: 'old_renovation_overhead',
              label: '架空',
            }
          ]
        },
        {
          value: 'new_built',
          label: '新建',
          children: [
            {
              value: 'new_built_indoor_engin',
              label: '室内',

            },
            {
              value: 'new_built_courtyard_engin',
              label: '庭院',
            },
            {
              value: 'new_built_overhead',
              label: '架空',
            }
          ]
        },
      ],
      // 按钮loading
      buttonLoading: false,
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 民用工程表格数据
      engineeringCivilList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        district: undefined,
        areaId: undefined,
        buildingId: undefined,
        unitId: undefined,
        houseId: undefined,
        enginType: undefined,
        enginClassification: undefined,
        enginCycle: undefined,
        completionStatus: undefined,
        imgUrl: undefined,
        zEngineeringNodeBoList: {
          type: undefined,
          zEngineeringInfoBo: {
            constructAddre: undefined,        // 施工地址
            constructPhone: undefined,        // 施工人电话
            constructUser: undefined,         // 施工人
            headName: undefined,              // 负责人
            headPhone: undefined,             // 负责人电话
            constructAccordingDrawings: undefined, // 是否按图纸施工
            segmentedCompressionQualified: undefined, // 分段打压是否合格
            selfClosingValveType: undefined,          // 自闭阀类型
            visitType: undefined,                     // 上门类型
            backfillTime: undefined,                  // 回填时间
            constructTime: undefined,                  // 施工时间
            zEngiineeringPhotoBoList: undefined,              // 图片列表
            zEngineeringMaterialBo: undefined,// 用料对象,    //节点信息
          }
        }
      },
      queryParams1:{
        pageNum: 1,
        pageSize: 10,
        district: undefined,
        areaId: undefined,
        buildingId: undefined,
        unitId: undefined,
        houseId: undefined,
        enginType: undefined,
        enginClassification: undefined,
        enginCycle: undefined,
        completionStatus: undefined,
        imgUrl: undefined,
      },
      zEngineeringInfoBo:{
        constructAddre:'',        // 施工地址
        constructPhone:'',        // 施工人电话
        constructUser:'',         // 施工人
        headName:'',              // 负责人
        headPhone:'',             // 负责人电话
        constructAccordingDrawings:'', // 是否按图纸施工
        segmentedCompressionQualified:'', // 分段打压是否合格
        selfClosingValveType:'',          // 自闭阀类型
        visitType:'',                     // 上门类型
        backfillTime:'',                  // 回填时间
        constructTime:'',                  // 施工时间
        zEngiineeringPhotoBoList:[],              // 图片列表
        zEngineeringMaterialBo:[],// 用料对象
      },
      nodeList:[],
      // 表单参数
      form: {},
      value: [],
      // 表单校验
      rules: {
        id: [
          {required: true, message: "主键不能为空", trigger: "blur"}
        ],
        district: [
          {required: true, message: "行政区不能为空", trigger: "change"}
        ],
        areaId: [
          {required: true, message: "小区id不能为空", trigger: "change"}
        ],
        buildingId: [
          {required: true, message: "楼宇id不能为空", trigger: "change"}
        ],
        unitId: [
          {required: true, message: "单元id不能为空", trigger: "change"}
        ],
        houseId: [
          {required: true, message: "房间id不能为空", trigger: "change"}
        ],
        enginType: [
          {required: true, message: "工程类型不能为空", trigger: "change"}
        ],
        enginClassification: [
          {required: true, message: "工程分类不能为空", trigger: "change"}
        ],
        enginCycle: [
          {required: true, message: "工程周期不能为空", trigger: "change"}
        ],
        completionStatus: [
          {required: true, message: "完工状态不能为空", trigger: "change"}
        ],
        imgUrl: [
          {required: true, message: "默认图片地址不能为空", trigger: "blur"}
        ],
        remark: [
          {required: true, message: "备注不能为空", trigger: "blur"}
        ],
      },
      areaList: [],
      buildingList: [],
      unitList: [],
      currentDistrict:null,       // 当前行政区
      currentCommunity:null,      // 当前小区
      currentBuilding:null,       // 当前楼宇
      currentUnit:null,           // 当前单元
      communityOptions:[
      ],
      buildingOptions:[],         // 楼栋集合
      unitOptions:[],             // 单元集合
      houseOptions:[],            // 房间集合
      enginClassification_list:[]// 室内节点
    };
  },
  created() {
    this.getList();
  },
  mounted() {
  },
  methods: {
    // 新增顶管工程
    addNewPipe(data) {
      this.$refs.enginPipe.openDialog({
        id: data.id,
        type: '民用工程'
      }, 'add')
    },
    currentEnginTypeChange(val){
      const enginDict = val[1]
      const enginType = val[0]
      this.queryParams.enginType = enginType
      this.enginClassification=enginDict
      this.enginClassificationOption = this.dict.type[enginDict]
      console.log(this.value)
    },
    // 当前所选行政区发生改变 查询当前小区集合
    districtHasChanged(district){
      this.queryParams.areaId = null
      this.queryParams.buildingId = null
      this.queryParams.unitId = null
      getAreaList({district}).then(res => {
        this.communityOptions = res.data
      })
    },
    // 当前所选小区发生改变 查询当前楼栋集合
    communityHasChanged(areaId){
      this.queryParams.buildingId = null
      this.queryParams.unitId = null
      getBuildingList({areaId}).then(res => {
        this.buildingOptions = res.data
      })
    },
    buildingHasChanged(buildingId){
      console.log(buildingId)
      this.queryParams.unitId = null
      getUnitList({buildingId}).then(res => {
        this.unitOptions = res.data
      })
    },
    unitHasChanged(unitId){
      getHousesList({unitId}).then(res => {
        console.log(res)
        this.houseOptions = res.data
      })
    },
    enginTypeHasChanged(val){
      if(val == 'old_renovation'){

      }else if(val == 'new_built'){

      }
    },
    closeToSucceed(){
      this.open = false;
    },
    getAreaList(district) {
      if (district === undefined || district == null || district === '')
        return
      getAreaList({district: district}).then(res => this.areaList = res.data)
    },
    getBuildingList1(areaId) {
      if (areaId === undefined || areaId == null || areaId === '')
        return
      getBuildingList({areaId: areaId}).then(res => this.buildingList = res.data)
    },
    getUnitList1(buildingId) {
      if (buildingId === undefined || buildingId == null || buildingId === '')
        return
      getUnits(this.queryParams.areaId, buildingId).then(res => this.unitList = res.data)
    },
    /** 查询民用工程列表 */
    getList() {
      this.loading = true;
      listEngineeringCivil(this.queryParams1).then(response => {
        this.engineeringCivilList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: undefined,
        district: undefined,
        areaId: undefined,
        buildingId: undefined,
        unitId: undefined,
        houseId: undefined,
        enginType: undefined,
        enginClassification: undefined,
        enginCycle: undefined,
        completionStatus: undefined,
        version: undefined,
        imgUrl: undefined,
        remark: undefined,
        delFlag: undefined,
        createBy: undefined,
        createTime: undefined,
        updateBy: undefined,
        updateTime: undefined
      };
      this.queryParams= {
        district: undefined,
        areaId: undefined,
        buildingId: undefined,
        unitId: undefined,
        houseId: undefined,
        enginType: undefined,
        enginClassification: undefined,
        enginCycle: undefined,
        completionStatus: undefined,
        imgUrl: undefined,
        // zEngineeringNodeBo: {
        //   type: undefined,
        //   zEngineeringInfoBo: {
        //     constructAddre: undefined,        // 施工地址
        //     constructPhone: undefined,        // 施工人电话
        //     constructUser: undefined,         // 施工人
        //     headName: undefined,              // 负责人
        //     headPhone: undefined,             // 负责人电话
        //     constructAccordingDrawings: undefined, // 是否按图纸施工
        //     segmentedCompressionQualified: undefined, // 分段打压是否合格
        //     selfClosingValveType: undefined,          // 自闭阀类型
        //     visitType: undefined,                     // 上门类型
        //     backfillTime: undefined,                  // 回填时间
        //     constructTime: undefined,                  // 施工时间
        //     zEngiineeringPhotoBoList: undefined,              // 图片列表
        //     zEngineeringMaterialBo: undefined,// 用料对象,    //节点信息
        //   }
        // },
      }
      this.enginClassification=null
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length !== 1
      this.multiple = !selection.length
    },
    // 新增顶管工程
    // addNewPipe(data){
    //   this.$refs.enginPipe.openDialog({
    //     id:data.id
    //   },'add')
    // },
    nodeCancel(){
      this.nodeDetailVisible = false
    },
    toNodeDetail(){
      getDictList({enginType:['new_built','old_renovation']}).then(res => {
        this.nodeList = res.data
        console.log('跳到详情前的queryParams',this.queryParams)
        console.log('跳到详情前的节点集合',this.nodeList)
        if(this.currentType == 'put'){
          this.$refs.childNode.open(this.queryParams,16,this.nodeList)
          this.currentType = null
          return
        }
        // 加工 enginClassification 工程节点
        // const parts = this.value[1].split('_');
        // let result = parts.slice(2).join('_');
        // console.log(result)
        // this.queryParams.zEngineeringNodeBo.type = this.enginClassification
        // this.queryParams.enginClassification = result
        // console.log(this.queryParams)
        console.log('新增queryparams传值',this.queryParams)
        this.$refs.childNode.open(this.queryParams,0,this.nodeList)
        return
        this.$refs['form'].validate(e => {
          if(e){
            this.nodeDetailVisible = true
          }
        })
      })
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加民用工程";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.loading = true;
     // this.reset();
      const id = row.id || this.ids
      // getEngineeringCivil(id).then(response => {
      //   this.loading = false;
      //   this.queryParams = response.data;
      //   console.log(this.form)
      //   this.open = true;
      //
      // });
      getEngineeringCivil(id).then(res => {
        this.loading = false;
        let newData = res.data
        console.log(newData)
        console.log(res.data.zEngineeringNodeBoList[0].type)
        let zEngineeringNodeBo = {
          type:res.data.zEngineeringNodeBoList[0].type,
          zEngineeringInfoBo:res.data.zEngineeringNodeBoList[0].zEngineeringInfoBo
        }
        if (res.data.areaId!=''&&res.data.areaId!=null)
        {
          this.communityHasChanged(res.data.areaId)
        }
        if (res.data.district!=''&&res.data.district!=null)
        {
          this.districtHasChanged(res.data.district)
        }
        if (res.data.buildingId!=''&&res.data.buildingId!=null)
        {
          this.buildingHasChanged(res.data.buildingId)
        }
        if (res.data.unitId!=''&&res.data.unitId!=null)
        {
          this.unitHasChanged(res.data.unitId)
        }
        this.value[0]=res.data.enginType
        this.value[1]=res.data.enginClassification
        if (res.data.enginClassification!=null&&res.data.enginClassification!='')
        {
          this.enginClassificationOption = this.dict.type[res.data.enginClassification]
        }
        this.enginClassification=zEngineeringNodeBo.type
        newData.zEngineeringNodeBo = zEngineeringNodeBo
        this.currentType = 'put'
        this.queryParams = newData
        console.log('修改queryparams传值',this.queryParams)
        console.log(this.queryParams)
        this.zEngineeringInfoBo = newData.zEngineeringNodeBo.zEngineeringInfoBo
        this.open = true
        this.title = "修改民用工程";
      })
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          this.buttonLoading = true;
          if (this.form.id != null) {
            updateEngineeringCivil(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            }).finally(() => {
              this.buttonLoading = false;
            });
          } else {
            addEngineeringCivil(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            }).finally(() => {
              this.buttonLoading = false;
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除民用工程编号为"' + ids + '"的数据项？').then(() => {
        this.loading = true;
        return delEngineeringCivil(ids);
      }).then(() => {
        this.loading = false;
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {
      }).finally(() => {
        this.loading = false;
      });
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('zdsz/engineeringCivil/export', {
        ...this.queryParams
      }, `engineeringCivil_${new Date().getTime()}.xlsx`)
    }
  }
};
</script>
<style lang="scss" scoped>
::v-deep .appendElDialog{
  width: 70%;
  height: 80%;


  .el-dialog__body{
    height: 85%;
  }

  .el-form-item{
    margin-bottom: 22px;
    width: 44%;
    display: inline-block;
  }
  .el-form-item:nth-child(2n+2){
    margin-left: 5%;
  }
  .el-form-item:not(:nth-child(1):nth-child(2)){
    margin-top: 0.5%;
  }
  .remark_input{
    .el-textarea__inner{
      width: 238%;
      height: 190px;
    }
  }
}

::v-deep .appendElNodeDialog{
  // width: 70%;
  height: 80%;


  .el-dialog__body{
    height: 85%;
  }

  .el-form-item{
    margin-bottom: 22px;
    width: 44%;
    display: inline-block;
  }
  .el-form-item:nth-child(2n+2){
    margin-left: 5%;
  }
  .el-form-item:not(:nth-child(1):nth-child(2)){
    margin-top: 0.5%;
  }
}
</style>
