
 <!-- 
 *@description: 基建工程
 *@author: yh Fu
 *@date: 2024-01-04 13:05:28
 *@version: V1.0.5 
-->

<template>
  <div class="app-container">
    <el-form :model="searchParams" ref="searchForm" size="small" :inline="true" label-width="110px">
      <el-form-item label="工程名称" prop="enginName">
        <el-input v-model="searchParams.enginName" placeholder="请输入工程名称"></el-input>
      </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:openbolt: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:openbolt: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:openbolt: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:openbolt:export']"-->
      <!--        >导出</el-button>-->
      <!--      </el-col>-->
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="comprehensiveList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <!--      <el-table-column label="" align="center" prop="id" v-if="true"/>-->
      <el-table-column label="工程名称" align="center" prop="enginName" />
      <el-table-column label="工程地址" align="center" prop="enginAddre" />
      <el-table-column label="建设单位" align="center" prop="constructUnit" />
      <el-table-column label="开工时间" align="center" prop="startTime" />
      <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            type="text"
            icon="el-icon-edit"
            size="mini"
            @click="viewSource(scope.row)"
          >审核</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['zdsz:comprehensive:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['zdsz:comprehensive: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="queryParams.pageNum"
      :limit.sync="queryParams.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="enginName">
          <el-input v-model="queryParams.enginName" placeholder="请输入工程名称"></el-input>
        </el-form-item>
        <el-form-item label="工程地址" prop="enginAddre">
          <el-input v-model="queryParams.enginAddre" placeholder="请输入工程地址"></el-input>
        </el-form-item>
        <el-form-item label="建设单位" prop="constructUnit">
          <el-input v-model="queryParams.constructUnit" placeholder="请输入建设单位"></el-input>
        </el-form-item>
        <el-form-item label="开工时间" prop="startTime">
          <el-date-picker
            v-model="queryParams.startTime"
            value-format="yyyy-MM-dd hh:mm:ss"
            type="datetime"
            placeholder="请选择开工时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="竣工时间" prop="completedTime">
          <el-date-picker
            v-model="queryParams.completedTime"
            value-format="yyyy-MM-dd hh:mm:ss"
            type="datetime"
            placeholder="请选择竣工时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="计划工期" prop="plannedDuration">
          <el-input v-model="queryParams.plannedDuration" placeholder="请输入计划工期"></el-input>
        </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>
    <!-- 节点信息dialog -->
    <enginee-node 
      ref="childNode"
      @closeToSucceed="closeToSucceed"
      />

    <!-- 查看历史 -->
    <ConstructionDetails 
      ref="ConstructionDetails"
      :currentCollapses="currentCollapses"
      />
  </div>
</template>

<script>
import { listComprehensive, getComprehensive, delComprehensive, addComprehensive, updateComprehensive} from "@/api/zdsz/comprehensive";
import { viewEngineeringInfrastructureSource } from "@/api/zdsz/enginee"
import {getBuildings} from "@/api/zdsz/building";
import {getUnits} from "@/api/zdsz/unit";
import {getAreas} from "@/api/zdsz/area";
import {getHouses, listHouse} from "@/api/zdsz/house";
import EngineeNode from '@/components/EngineeNode/index'
import { 
  getEngineeringInfrastructure,              // 查询基建工程列表
  addEngineeringInfrastructure,              // 新增基建工程
  getAreaList,                               // 获取当前小区集合
  getBuildingList,                           // 获取当前楼栋集合
  getUnitList,                               // 获取当前单元集合
  getHousesList,                             // 获取当前房间集合
  putEngineeringCivil,                       // 民用工程修改
  viewEngineeringInfrastructure,                      // 基建工程查看详情
  deleteEngineeringInfrastructure,                    // 删除民用工程
  getDictList
} from "@/api/zdsz/enginee"
import EngineePipe from "@/components/EngineePipe"
import ConstructionDetails from "@/components/ConstructionDetails" 

export default {
  name: "openrepair",
  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",
         "engineering_infrastructure",
      ],
  components:{
    EngineePipe,
    EngineeNode,
    ConstructionDetails
  },
  data() {
      var validatePass = (rule, value, callback) => {
          console.log('校验值', value)
          if (value === '') {
              callback(new Error('请输入密码'));
          } else {
          if (this.ruleForm.checkPass !== '') {
              this.$refs.ruleForm.validateField('checkPass');
          }
              callback();
          }
      };
    return {
      currentCollapses:[],
      searchParams:{
        enginName:''
      },
      // 按钮loading
      buttonLoading: false,
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 开栓|安检|维修表格数据
      comprehensiveList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      enginTypeOption:[
        {
          value:'old_renovation',
          label:'旧改'
        },
        {
          value:'new_built',
          label:'新建'
        }
      ],
      nodeType:'1',               // 节点类型
      enginClassification:'',
      // 查询参数
      queryParams: {
        district:null,           // 行政区
        enginAddre:'',            // 工程地址
        enginType:'',             // 工程类型
        constructUnit:null,       // 建设单位
        startTime:null,           // 开工时间
        completedTime:null,       // 竣工时间
        plannedDuration:null,     // 计划工期
        remark:null,
        // zEngineeringNodeBo:{
        //   type:'',
        //   zEngineeringInfoBo:{},    //节点信息
        // }
      },
      zEngineeringInfoBo:{
        constructAddre:'',        // 施工地址
        constructPhone:'',        // 施工人电话
        constructUser:'',         // 施工人
        headName:'',              // 负责人
        headPhone:'',             // 负责人电话
        constructAccordingDrawings:'', // 是否按图纸施工
        segmentedCompressionQualified:'', // 分段打压是否合格
        selfClosingValveType:'',          // 自闭阀类型
        visitType:'',                     // 上门类型
        backfillTime:'',                  // 回填时间
        constructTime:'',                  // 施工时间
        zEngiineeringPhotoBoList:[],              // 图片列表
        zEngineeringMaterialBo:[],// 用料对象

      },                          // 节点信息
      constructAccordingDrawingsOption:[
        {
          value:'1',
          label:'是'
        },
        {
          value:'0',
          label:'否'
        }
      ],                          
      segmentedCompressionQualifiedOption:[
        {
          value:'1',
          label:'是'
        },
        {
          value:'0',
          label:'否'
        }
      ],                          
      nodeDetailVisible:false,
      // 表单参数
      form: {},
      areas: [],
      builds: [],
      units: [],
      rooms: [],
      houses: [],
      // 表单校验
      rules: {
        enginAddre: [
          { required: true, message: "工程地址不能为空", trigger: "blur" }
        ],
        enginName: [
          { required: true, message: "工程名称不能为空" ,trigger: 'blur'}
        ],
        supervisionUnit: [
          { required: true, message: "监理单位不能为空" ,trigger: 'blur'}
        ],
        district: [
          { required: true, message: "现场负责人不能为空" ,trigger: 'blur'}
        ],
        supervisionPhone: [
          { required: true, message: "建立联系电话不能为空" ,trigger: 'blur'}
        ],
        constructUnit: [
          { required: true, message: "建筑单位不能为空" ,trigger: 'blur'}
        ],
        areaId: [
          { required: true, message: "设计负责人不能为空" ,trigger: 'blur'}
        ],
        plannedDuration: [
          { required: true, message: "设计单位不能为空" ,trigger: 'blur'}
        ],
        designPhone: [
          { required: true, message: "联系方式不能为空" ,trigger: 'blur'}
        ],
        supervisionHead: [
          { required: true, message: "监理负责人不能为空" ,trigger: 'blur'}
        ],
        constructUnit: [
          { required: true, message: "建设单位不能为空", trigger: "blur" }
        ],
        unitId: [
          { required: true, message: "单元不能为空", trigger: "change" }
        ],
        houseId: [
          { required: true, message: "房间不能为空", trigger: "change" }
        ],
        type: [
          { required: false, message: "类型不能为空", trigger: "change" }
        ],
        isQualified: [
          { required: true, message: "安检是否合格不能为空", trigger: "blur" }
        ],
      //  remark: [
      //     { required: false, message: "备注不能为空", trigger: "blur" }
      //   ], 
      },
      // 节点规则校验
      nodeRules:{
        type: [
          { required: true, message: "施工地址不能为空" ,trigger: 'blur'}
        ],
        constructAddre: [
          { required: true, message: "施工地址不能为空" ,trigger: 'blur'}
        ],
        constructPhone: [
          { required: true, message: "施工人电话不能为空" ,trigger: 'blur'}
        ],
        constructUser: [
          { required: true, message: "施工人不能为空" ,trigger: 'blur'}
        ],
        headName: [
          { required: true, message: "负责人不能为空" ,trigger: 'blur'}
        ],
        headPhone: [
          { required: true, message: "负责人电话不能为空" ,trigger: 'blur'}
        ],

      },
      currentDistrict:null,       // 当前行政区
      currentCommunity:null,      // 当前小区
      currentBuilding:null,       // 当前楼宇
      currentUnit:null,           // 当前单元
      communityOptions:[
      ],
      buildingOptions:[],         // 楼栋集合
      unitOptions:[],             // 单元集合
      houseOptions:[],            // 房间集合
      enginClassification_list:[],// 室内节点
      new_built_list:[
          {
              label:'旧改',
              value:'old'
          },
          {
              label:'新建',
              value:'new'
          },
      ],
      currentEnginType:[],
      enginTypeOptions:[
          {
              value:'old_renovation',
              label:'旧改',
              children:[
                  {
                      value:'inside',
                      lable:'室内',
                  },
                  {
                      value:'yard',
                      lable:'庭院',
                  },
                  {
                      value:'float',
                      lable:'架空',
                  },
              ]
          },
          {
              value:'new_built',
              label:'新建',
              children:[
                  {
                      value:'inside',
                      lable:'室内',
                  },
                  {
                      value:'yard',
                      lable:'庭院',
                  },
                  {
                      value:'float',
                      lable:'架空',
                  },
              ]
          },
      ],
      value: [],
  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: '架空',
          }
      ]
  }, 
  ],
  enginClassificationOption:[],          // 工程节点集合
  currentType:null,
  nodeList:[]
    };
  },
  created() {
    this.getList();
  },
  methods: {
  // 查看历史
  viewSource(e){
    console.log(e)
    this.currentId = e.id
    this.$refs.ConstructionDetails.open(this.dict.type.engineering_infrastructure)
  },
  viewNodeSource(e){
    viewEngineeringInfrastructureSource({
      id:this.currentId,
      type:e
    }).then(res => {
      console.log(res)
      try {
        this.currentCollapses = res.data.zEngineeringNodeBoList[0].zEngineeringInfoBoList
      } catch (error) {
        this.currentCollapses = [];
      }
      console.log('折叠面板info',this.currentCollapses)
    })
  },
  closeToSucceed(){
    this.open = false;
    this.getList()
  },
  currentEnginTypeChange(val){
      const enginDict = val[1]
      const enginType = val[0]    
      this.queryParams.enginType = enginType
      this.enginClassificationOption = this.dict.type[enginDict]
  },
  // 当前所选行政区发生改变 查询当前小区集合
  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){
      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'){

      }
  },
    // 新增顶管工程
    addNewPipe(data){
      this.$refs.enginPipe.openDialog({
        id:data.id
      },'add')
    },
    nodeCancel(){
      this.nodeDetailVisible = false
    },
    toNodeDetail(){   
      getDictList({enginType:['engineering_infrastructure']}).then(res => {
        this.nodeList = res.data
        if(this.currentType == 'put'){
            this.$refs.childNode.open(this.queryParams,14)
            this.currentType = null
            return
        }
        // 加工 enginClassification 工程节点
        // const parts = this.value[1].split('_');
        // let result = parts.slice(2).join('_');
        // this.queryParams.zEngineeringNodeBo.type = this.enginClassification
        // this.queryParams.enginClassification = result
        // console.log(this.queryParams)
        this.$refs.childNode.open(this.queryParams,4,this.nodeList)
      })
    },
    getUrl(url) {
      this.zEngineeringInfoBo.zEngiineeringPhotoBoList = this.$refs.obsImageUpload.fileList?this.$refs.obsImageUpload.fileList.map(e=>e.url):[];
    },
    getBuildings(id) {
      this.units = []
      this.houses = []
      this.queryParams.buildingId = undefined
      this.queryParams.unitId = undefined
      this.queryParams.houseId = undefined
      getBuildings(id).then(res => {
        this.builds = res.data
      })
    },
    getUnits(id) {
      this.houses = []
      this.queryParams.unitId = undefined
      this.queryParams.houseId = undefined
      getUnits(this.queryParams.areaId,id).then(res => {
        this.units = res.data
      })
    },
    getAreas() {
      this.builds = []
      this.units = []
      this.houses = []
      this.queryParams.buildingId = undefined
      this.queryParams.unitId = undefined
      this.queryParams.houseId = undefined
      this.form.buildingId = undefined
      this.form.unitId = undefined
      this.form.houseId = undefined
      getAreas().then(res => {
        this.areas = res.data;
      });
    },
    getHouses() {
      this.houses = []
      this.queryParams.houseId = undefined
      getHouses(this.queryParams.unitId).then(res => {
        this.houses = res.data;
      });
    },
    getBuildings1(id) {
      this.units = []
      this.houses = []
      this.form.buildingId = undefined
      this.form.unitId = undefined
      this.form.houseId = undefined
      getBuildings(id).then(res => {
        this.builds = res.data
      })
    },
    getUnits1(id) {
      this.houses = []
      this.form.unitId = undefined
      this.form.houseId = undefined
      getUnits(this.form.areaId,id).then(res => {
        this.units = res.data
      })
    },
    getHouses1() {
      this.houses = []
      this.form.houseId = undefined
      getHouses(this.form.unitId).then(res => {
        this.houses = res.data;
      });
    },
    /** 查询民用工程列表 */
    getList(params = {}) {
      this.loading = true;
      getEngineeringInfrastructure(params).then(res => {
        console.log(res)
        this.comprehensiveList = res.rows;
        this.total = res.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
      this.houses = []
      this.units = []
      this.builds = []
    },
    // 表单重置
    reset() {
      this.$nextTick(() => {
        this.$refs['form'].resetFields()
        this.$refs['nodeForm'].resetFields()
      })
      this.resetForm("form");
      this.resetForm("nodeForm");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList(this.searchParams);
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "新增工程";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      viewEngineeringInfrastructure(row.id).then(res => {
        console.log(res)
        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
        }
        newData.zEngineeringNodeBo = zEngineeringNodeBo
        this.currentType = 'put'
        this.queryParams = newData
        console.log(this.queryParams)
        this.zEngineeringInfoBo = newData.zEngineeringNodeBo.zEngineeringInfoBo
        this.open = true
      })
    },
    /** 提交按钮 */
    submitForm() {
      // this.$refs["nodeForm"].validate(valid => {
        // if (valid) {
          this.queryParams.zEngineeringNodeBo.zEngineeringInfoBo = this.zEngineeringInfoBo
          console.log(this.queryParams)
          addEngineeringInfrastructure(this.queryParams).then(res => {
            console.log(res)
          })
        // }
      // });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      deleteEngineeringInfrastructure(row.id).then(res => {
        if(res.code == 200){
          this.$modal.msgSuccess("删除成功");
          this.getList()
        }
      })
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('zdsz/openbolt/export', {
        ...this.queryParams
      }, `comprehensive_${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>
