顶管工程 --- 增删改查

src/api/zdsz/enginee.js

@@ -22,4 +22,83 @@ export function getUnitList({buildingId}) {
         url: `/zdsz/unit/getUnitList?buildingId=${buildingId}`,
         method: 'get',
     })
+}
+
+
+
+// 查询工程列表（工业 1 市政 2）
+export function getEngineeList({type, enginType ='',}) {
+    return request({
+        url: `/zdsz/engineeringIndustry/list?type=${type}&enginType=${enginType}`,
+        method: 'get',
+    })
+}
+
+// 查询顶管列表（顶管 ）
+export function getPipeJackingList({enginName = null}) {
+    return request({
+        url: `/zdsz/engineeringPipeJacking/list?enginName=${enginName}`,
+        method: 'get',
+    })
+}
+
+// 查询危险工程列表
+export function getEnginDangerousList({ZEngineeringDangerousBo = {}}) {
+    return request({
+        url: `/zdsz/engineeringDangerous/list?ZEngineeringDangerousBo=${ZEngineeringDangerousBo}`,
+        method: 'get',
+    })
+}
+
+
+// 新增工程（工业 市政）
+export function addEnginee(data) {
+    return request({
+      url: '/zdsz/engineeringIndustry',
+      method: 'post',
+      data
+    })
+}
+
+// 新增危险作业工程
+export function addEngineeringDangerous(data) {
+    return request({
+      url: '/zdsz/engineeringDangerous',
+      method: 'post',
+      data
+    })
+}
+
+// 新增顶管工程
+export function addEngineeringPipeJacking(data) {
+    return request({
+      url: '/zdsz/engineeringPipeJacking',
+      method: 'post',
+      data
+    })
+}
+
+// 修改顶管工程
+export function putEngineeringPipeJacking(data) {
+    return request({
+      url: '/zdsz/engineeringPipeJacking',
+      method: 'put',
+      data
+    })
+}
+
+// 查询顶管工程详情
+export function viewEngineeringPipeJacking(id) {
+    return request({
+      url: `/zdsz/engineeringPipeJacking/${id}`,
+      method: 'get',
+    })
+}
+
+// 删除顶管工程详情
+export function deleteEngineeringPipeJacking(id) {
+    return request({
+      url: `/zdsz/engineeringPipeJacking/${id}`,
+      method: 'delete',
+    })
 }

src/components/EngineeNode/index.vue

@@ -0,0 +1,272 @@
+
+ <!-- 
+    *@description: 工程节点信息dialog
+    *@author: yh Fu
+    *@date: 2024-01-03 14:27:02
+    *@version: V1.0.5 
+-->
+
+
+<template>
+    <el-dialog :visible="nodeDetailVisible" :rules="nodeRules" title="节点信息" append-to-body customClass="appendElNodeDialog">
+        <el-form ref="nodeForm" :model="zEngineeringInfoBo" :rules="nodeRules" label-width="110px">
+            <el-form-item label="节点类型" prop="type">
+            <el-input v-model="nodeType" placeholder="顶管" disabled></el-input>
+            </el-form-item>
+            <el-form-item label="施工地址" prop="constructAddre">
+            <el-input v-model="zEngineeringInfoBo.constructAddre" placeholder="请填写施工地址"></el-input>
+            </el-form-item>
+            <el-form-item label="施工人电话" prop="constructPhone">
+            <el-input v-model="zEngineeringInfoBo.constructPhone" placeholder="请填写施工人电话"></el-input>
+            </el-form-item>
+            <el-form-item label="施工人" prop="constructUser">
+            <el-input v-model="zEngineeringInfoBo.constructUser" placeholder="请填写施工人"></el-input>
+            </el-form-item>
+            <el-form-item label="负责人" prop="headName">
+            <el-input v-model="zEngineeringInfoBo.headName" placeholder="请填写负责人"></el-input>
+            </el-form-item>
+            <el-form-item label="负责人电话" prop="headPhone">
+            <el-input v-model="zEngineeringInfoBo.headPhone" placeholder="请填写负责人电话"></el-input>
+            </el-form-item>
+            <el-form-item label="回填时间" prop="backfillTime">
+            <el-date-picker
+                v-model="zEngineeringInfoBo.backfillTime"
+                value-format="yyyy-MM-dd hh:mm:ss"
+                type="datetime"
+                placeholder="请选择回填日期">
+            </el-date-picker>
+            </el-form-item>
+            <el-form-item label="施工时间" prop="constructTime">
+            <el-date-picker
+                v-model="zEngineeringInfoBo.constructTime"
+                value-format="yyyy-MM-dd hh:mm:ss"
+                type="datetime"
+                placeholder="请选择施工时间">
+            </el-date-picker>
+            </el-form-item>
+            <el-form-item label="是否按图纸施工" prop="constructAccordingDrawings">
+            <el-select v-model="zEngineeringInfoBo.constructAccordingDrawings">
+                <el-option
+                v-for="e in constructAccordingDrawingsOption"
+                :key="e.value"
+                :label="e.label"
+                :value="e.value"
+                ></el-option>
+            </el-select>
+            </el-form-item>
+            <el-form-item label="分段打压" prop="segmentedCompressionQualified">
+            <el-select v-model="zEngineeringInfoBo.segmentedCompressionQualified">
+                <el-option
+                v-for="e in segmentedCompressionQualifiedOption"
+                :key="e.value"
+                :label="e.label"
+                :value="e.value"
+                ></el-option>
+            </el-select>
+            </el-form-item>
+            <el-form-item label="自闭阀类型" prop="selfClosingValveType">
+            <el-select v-model="zEngineeringInfoBo.selfClosingValveType">
+                <el-option
+                v-for="e in dict.type.self_closing_valve_type"
+                :key="e.value"
+                :label="e.label"
+                :value="e.value"
+                ></el-option>
+            </el-select>
+            </el-form-item>
+            <el-form-item label="上门类型" prop="visitType">
+            <el-select v-model="zEngineeringInfoBo.visitType">
+                <el-option
+                v-for="e in dict.type.visit_type"
+                :key="e.value"
+                :label="e.label"
+                :value="e.value"
+                ></el-option>
+            </el-select>
+            </el-form-item>
+            <el-form-item label="照片" prop="zEngiineeringPhotoBoList" style="width: 100%;">
+            <ObsImageUpload ref="obsImageUpload" :limit="9999" :fileType="['png', 'jpg', 'jpeg']" :value="zEngineeringInfoBo.zEngiineeringPhotoBoList"
+                            @input="getUrl"></ObsImageUpload>
+            </el-form-item>
+            <el-button :loading="buttonLoading" type="primary" @click="submitForm">提交</el-button>
+            <el-button @click="nodeCancel">取 消</el-button>
+        </el-form>
+    </el-dialog>
+</template>
+
+<script>
+import { 
+    addEnginee,                                // 新增工业工程
+    addEngineeringDangerous,                   // 新增危险作业工程
+    addEngineeringPipeJacking,                 // 新增顶管工程
+    putEngineeringPipeJacking,                 // 修改顶管工程
+} from "@/api/zdsz/enginee"
+export default {
+    name:'EngineeNode',
+    dicts:['pass_check','is_repair','engin_type','self_closing_valve_type','visit_type'],
+    data(){
+        return {
+            params:{},                  // 所有参数集合
+            nodeDetailVisible:false,
+            // 节点规则校验
+            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'}
+              ],
+
+            },
+            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:'否'
+              }
+            ],  
+            currentType:null ,          // 民用工程 0 ,市政工程 1,工业工程 2 ,顶管工程 3,危险作业工程 4,基建工程 5
+        }
+    },
+    methods:{
+        getUrl(url) {
+            this.zEngineeringInfoBo.zEngiineeringPhotoBoList = this.$refs.obsImageUpload.fileList?this.$refs.obsImageUpload.fileList.map(e=>e.url):[];
+        },
+        nodeCancel(){
+            this.nodeDetailVisible = false
+        },
+        created() {
+            this.params = this.queryParams
+        },
+        // 提交表单 创建新工程
+        submitForm() {
+            // this.$refs["nodeForm"].validate(valid => {
+                // if (valid) {
+                    switch(this.currentType){
+                        case 4 :
+                            // 危险作业工程
+                            this.params.zEngineeringNodeBo.zEngineeringInfoBo = this.zEngineeringInfoBo
+                            console.log(this.params)
+                            addEngineeringDangerous(this.params).then(res => {
+                                console.log(res)
+                            })
+                        break;
+                        case 10 :
+                            // 顶管新增
+                            this.params.zEngineeringNodeBo.zEngineeringInfoBo = this.zEngineeringInfoBo
+                            addEngineeringPipeJacking(this.params).then(res => {
+                              if(res.code == 200){
+                                this.$message({
+                                  message: '新增成功',
+                                  type: 'success'
+                                });
+                                this.$emit('closeToSucceed')
+                                this.nodeDetailVisible = false
+                              }
+                            })
+                        break;
+                        case 15 :
+                            // 顶管修改
+                            this.params.zEngineeringNodeBo.zEngineeringInfoBo = this.zEngineeringInfoBo
+                            putEngineeringPipeJacking(this.params).then(res => {
+                              console.log('________',res)
+                              if(res.code == 200){
+                                this.$message({
+                                  message: '修改成功',
+                                  type: 'success'
+                                });
+                                this.$emit('closeToSucceed')
+                                this.nodeDetailVisible = false
+                              }
+                            })
+                        break;
+                    }
+                // this.params.zEngineeringNodeBo.zEngineeringInfoBo = this.zEngineeringInfoBo
+                // console.log(this.queryParams)
+                // addEnginee(this.queryParams).then(res => {
+                //     console.log(res)
+                // })
+                // }
+            // });
+        },
+        open(queryParams,type){
+            this.currentType = type
+            this.params = queryParams
+            this.nodeDetailVisible = true
+            if(type == 15){
+              this.zEngineeringInfoBo = this.params.zEngineeringNodeBo.zEngineeringInfoBo
+            }
+        },
+        reset(){
+            this.$refs['nodeForm'].resetFields()
+            this.resetForm("nodeForm");
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+::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>
+

src/components/EngineePipe/index.vue

@@ -0,0 +1,664 @@
+ <!-- 
+    *@description: 顶管工程
+    *@author: yh Fu
+    *@date: 2024-01-04 09:24:57
+    *@version: V1.0.5 
+    -->
+
+    <template>
+        <div class="app-container">
+          <!-- 添加或修改开栓|安检|维修对话框 -->
+          <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="zEngineeringNodeBoType">
+                <el-select v-model="queryParams.zEngineeringNodeBo.type" placeholder="请选择节点类型">
+                  <el-option
+                    v-for="e in dict.type.pipe_jack"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+
+              <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="enginCode">
+                <el-input v-model="queryParams.enginCode" placeholder="请填写工程编码"></el-input>
+              </el-form-item>
+              <el-form-item label="施工单位" prop="type">
+                <el-input v-model="queryParams.type" placeholder="请填写施工单位"></el-input>
+              </el-form-item>
+              <el-form-item label="工程规模" prop="enginScale">
+                <el-input v-model="queryParams.enginScale" placeholder="请填写联系方式"></el-input>
+              </el-form-item>
+              <el-form-item label="施工质量" prop="constructQuality">
+                <el-input v-model="queryParams.constructQuality" placeholder="请填写联系方式"></el-input>
+              </el-form-item>
+              <el-form-item label="工程类型" prop="type">
+                <el-select v-model="queryParams.type" placeholder="请选择类型">
+                  <el-option
+                    v-for="e in dict.type.engin_type"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="施工进度" prop="constructSchedule">
+                <el-input v-model="queryParams.constructSchedule" placeholder="请填写施工进度"/>
+              </el-form-item>
+              <el-form-item label="备注" prop="remark" style="width: 23.3%;">
+                <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 -->
+          <el-dialog :visible="nodeDetailVisible" :rules="nodeRules" title="节点信息" append-to-body customClass="appendElNodeDialog">
+            <el-form ref="nodeForm" :model="zEngineeringInfoBo" :rules="nodeRules" label-width="110px">
+              <el-form-item label="节点类型" prop="type">
+                <el-input v-model="nodeType" placeholder="顶管" disabled></el-input>
+              </el-form-item>
+              <el-form-item label="施工地址" prop="constructAddre">
+                <el-input v-model="zEngineeringInfoBo.constructAddre" placeholder="请填写施工地址"></el-input>
+              </el-form-item>
+              <el-form-item label="施工人电话" prop="constructPhone">
+                <el-input v-model="zEngineeringInfoBo.constructPhone" placeholder="请填写施工人电话"></el-input>
+              </el-form-item>
+              <el-form-item label="施工人" prop="constructUser">
+                <el-input v-model="zEngineeringInfoBo.constructUser" placeholder="请填写施工人"></el-input>
+              </el-form-item>
+              <el-form-item label="负责人" prop="headName">
+                <el-input v-model="zEngineeringInfoBo.headName" placeholder="请填写负责人"></el-input>
+              </el-form-item>
+              <el-form-item label="负责人电话" prop="headPhone">
+                <el-input v-model="zEngineeringInfoBo.headPhone" placeholder="请填写负责人电话"></el-input>
+              </el-form-item>
+              <el-form-item label="回填时间" prop="backfillTime">
+                <el-date-picker
+                  v-model="zEngineeringInfoBo.backfillTime"
+                  value-format="yyyy-MM-dd hh:mm:ss"
+                  type="datetime"
+                  placeholder="请选择回填日期">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="施工时间" prop="constructTime">
+                <el-date-picker
+                  v-model="zEngineeringInfoBo.constructTime"
+                  value-format="yyyy-MM-dd hh:mm:ss"
+                  type="datetime"
+                  placeholder="请选择施工时间">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="是否按图纸施工" prop="constructAccordingDrawings">
+                <el-select v-model="zEngineeringInfoBo.constructAccordingDrawings">
+                  <el-option
+                    v-for="e in constructAccordingDrawingsOption"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="分段打压" prop="segmentedCompressionQualified">
+                <el-select v-model="zEngineeringInfoBo.segmentedCompressionQualified">
+                  <el-option
+                    v-for="e in segmentedCompressionQualifiedOption"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="自闭阀类型" prop="selfClosingValveType">
+                <el-select v-model="zEngineeringInfoBo.selfClosingValveType">
+                  <el-option
+                    v-for="e in dict.type.self_closing_valve_type"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="上门类型" prop="visitType">
+                <el-select v-model="zEngineeringInfoBo.visitType">
+                  <el-option
+                    v-for="e in dict.type.visit_type"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="照片" prop="zEngiineeringPhotoBoList" style="width: 100%;">
+                <ObsImageUpload ref="obsImageUpload" :limit="9999" :fileType="['png', 'jpg', 'jpeg']" :value="zEngineeringInfoBo.zEngiineeringPhotoBoList"
+                                @input="getUrl"></ObsImageUpload>
+              </el-form-item>
+              <el-button :loading="buttonLoading" type="primary" @click="submitForm">提交</el-button>
+              <el-button @click="nodeCancel">取 消</el-button>
+            </el-form>
+          </el-dialog>
+
+          <!-- 节点信息dialog -->
+          <enginee-node 
+            @closeToSucceed="closeToSucceed"
+            ref="childNode"
+            />
+        </div>
+      </template>
+      
+      <script>
+      import { listComprehensive, getComprehensive, delComprehensive, addComprehensive, updateComprehensive } from "@/api/zdsz/comprehensive";
+      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 { 
+        getEngineeList,                            // 查询工程列表
+        addEnginee,                                // 新增工程
+      } from "@/api/zdsz/enginee"
+      import EngineeNode from '@/components/EngineeNode/index'  // 节点信息
+      
+      export default {
+        name: "EngineePipe",
+        components:{
+            EngineeNode
+        },
+        dicts:['pass_check','is_repair','engin_type','self_closing_valve_type','visit_type','pipe_jack'],
+        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 {
+            // 按钮loading
+            buttonLoading: false,
+            // 遮罩层
+            loading: true,
+            // 选中数组
+            ids: [],
+            // 非单个禁用
+            single: true,
+            // 非多个禁用
+            multiple: true,
+            // 显示搜索条件
+            showSearch: true,
+            // 总条数
+            total: 0,
+            // 开栓|安检|维修表格数据
+            comprehensiveList: [],
+            // 弹出层标题
+            title: "",
+            // 是否显示弹出层
+            open: false,
+            enginTypeOption:[
+              {
+                value:'0',
+                label:'民用工程'
+              },
+              {
+                value:'2',
+                label:'工业工程'
+              },
+              {
+                value:'1',
+                label:'市政工程'
+              },
+              {
+                value:'3',
+                label:'顶管工程'
+              },
+              {
+                value:'4',
+                label:'危险作业工程'
+              },
+              {
+                value:'5',
+                label:'基建工程'
+              },
+            ],
+            nodeType:'1',               // 节点类型
+            // 查询参数
+            queryParams: {
+              enginId:null,           // 外建工程
+              enginName:'',            // 工程名称
+              type:'',           // 施工单位
+              enginAddre:'',            // 工程地址
+              enginScale:'',           // 工程名称联系方式
+              enginCode:'',       // 工程编码
+              constructQuality:'',      // 施工质量
+              type:'',         // 工程类型
+              constructSchedule:"",       // 施工进度
+              type:null,                // 类型  01工业工程 02市政工程
+              enginType:'',             // 工程类型  民用工程 0 ,市政工程 1,工业工程 2 ,顶管工程 3,危险作业工程 4,基建工程 5
+              remark:'',                // 备注
+              zEngineeringNodeBo:{
+                type:null,
+                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: {
+              areaId: [
+                { required: true, message: "小区不能为空", trigger: "change" }
+              ],
+              type: [
+                { required: true, message: "外建工程不能为空" ,trigger: 'blur'}
+              ],
+              constructSchedule: [
+                { required: true, message: "施工进度不能为空" ,trigger: 'blur'}
+              ],
+              enginType: [
+                { required: true, message: "外建工程不能为空" ,trigger: 'blur'}
+              ],
+              constructQuality: [
+                { required: true, message: "建立联系电话不能为空" ,trigger: 'blur'}
+              ],
+              type: [
+                { required: true, message: "工程类型不能为空" ,trigger: 'blur'}
+              ],
+              type: [
+                { required: true, message: "施工单位不能为空" ,trigger: 'blur'}
+              ],
+              enginName: [
+                { required: true, message: "工程名称不能为空" ,trigger: 'blur'}
+              ],
+              enginAddre: [
+                { required: true, message: "工程地址不能为空" ,trigger: 'blur'}
+              ],
+              enginScale: [
+                { required: true, message: "联系方式不能为空" ,trigger: 'blur'}
+              ],
+              enginCode: [
+                { required: true, message: "工程编码不能为空" ,trigger: 'blur'}
+              ],
+              buildingId: [
+                { required: true, message: "楼栋不能为空", trigger: "change" }
+              ],
+              zEngineeringNodeBoType: [
+                { required: true, message: "节点类型不能为空", trigger: "change" }
+              ],
+              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'}
+              ],
+
+            },
+            currentType:null , // 组件类型 put修改 add新增
+          };
+        },
+        created() {
+          this.getList();
+        },
+        methods: {
+          // 顶管工程修改
+          putEnginPipe(data,type){
+            let newData = data
+            let zEngineeringNodeBo = {
+                type:data.zengineeringNodeBoList[0].type,
+                zEngineeringInfoBo:data.zengineeringNodeBoList[0].zEngineeringInfoBo
+            }
+            newData.zEngineeringNodeBo = zEngineeringNodeBo
+            this.currentType = type
+            this.queryParams = newData
+            console.log(this.queryParams)
+            this.zEngineeringInfoBo = newData.zEngineeringNodeBo.zEngineeringInfoBo
+            this.open = true
+          },
+          closeToSucceed(){
+            this.open = false
+            this.nodeDetailVisible = false
+            console.log('successfully')
+          },
+          openDialog(data,type){
+            this.currentType = type
+            this.queryParams.enginId = data.id
+            this.open = true
+          },
+          nodeCancel(){
+            this.nodeDetailVisible = false
+          },
+          toNodeDetail(){
+            // this.nodeDetailVisible = true
+            console.log(this.queryParams)
+            if(this.currentType == 'put'){
+                this.$refs.childNode.open(this.queryParams,15)
+            }else if(this.currentType == 'add'){
+                this.$refs.childNode.open(this.queryParams,10)
+            }
+            return
+            this.$refs['form'].validate(e => {
+              if(e){
+                this.nodeDetailVisible = true
+              }
+            })
+            
+          },
+          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() {
+            this.loading = true;
+            getEngineeList({
+              type:'01'
+            }).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();
+          },
+          /** 重置按钮操作 */
+          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) {
+            getBuildings(row.areaId).then(res => {
+              this.builds = res.data
+            });
+            getUnits(row.areaId,row.buildingId).then(res => {
+              this.units = res.data
+            })
+            getHouses(row.unitId).then(res => {
+              this.houses = res.data;
+            });
+            this.loading = true;
+            this.reset();
+            const id = row.id || this.ids
+            getComprehensive(id).then(response => {
+              this.loading = false;
+              this.form = response.data;
+              this.form.picIds = response.data.mapList;
+      
+              this.open = true;
+              this.title = "修改维修";
+            });
+          },
+          /** 提交按钮 */
+          submitForm() {
+            // this.$refs["nodeForm"].validate(valid => {
+              // if (valid) {
+                this.queryParams.zEngineeringNodeBo.zEngineeringInfoBo = this.zEngineeringInfoBo
+                console.log(this.queryParams)
+                addEnginee(this.queryParams).then(res => {
+                  console.log(res)
+                })
+              // }
+            // });
+          },
+          /** 删除按钮操作 */
+          handleDelete(row) {
+            const ids = row.id || this.ids;
+            this.$modal.confirm('是否确认删除维修为"' + ids + '"的数据项？').then(() => {
+              this.loading = true;
+              return delComprehensive(ids);
+            }).then(() => {
+              this.loading = false;
+              this.getList();
+              this.$modal.msgSuccess("删除成功");
+            }).catch(() => {
+            }).finally(() => {
+              this.loading = false;
+            });
+          },
+          /** 导出按钮操作 */
+          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>
+      

src/views/zdsz/engineeringDangerous/index.vue

@@ -0,0 +1,767 @@
+
+ <!-- 
+    *@description: 危险工程
+    *@author: yh Fu
+    *@date: 2024-01-03 14:17:43
+    *@version: V1.0.5 
+    -->
+
+    <template>
+        <div class="app-container">
+          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="110px">
+            <el-form-item label="小区" prop="areaId">
+              <el-select v-model="queryParams.areaId" placeholder="请选择小区" filterable @change="getBuildings">
+                <el-option
+                  v-for="obj in areas"
+                  :key="obj.id"
+                  :label="obj.name"
+                  :value="obj.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="楼栋" prop="buildingId">
+              <el-select v-model="queryParams.buildingId" placeholder="请选择楼栋" filterable @change="getUnits">
+                <el-option
+                  v-for="obj in builds"
+                  :key="obj.id"
+                  :label="obj.name"
+                  :value="obj.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="单元" prop="unitId">
+              <el-select v-model="queryParams.unitId" placeholder="请选择单元" filterable @change="getHouses">
+                <el-option
+                  v-for="obj in units"
+                  :key="obj.id"
+                  :label="obj.name"
+                  :value="obj.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="房间号" prop="houseId">
+              <el-select v-model="queryParams.houseId" placeholder="请选择房间号" filterable>
+                <el-option
+                  v-for="obj in houses"
+                  :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: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="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="isQualified">
+              <template slot-scope="scope">
+                <dict-tag :options="dict.type.pass_check" :value="scope.row.isQualified"/>
+              </template>
+            </el-table-column>
+            <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
+                  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>
+              </template>
+            </el-table-column>
+          </el-table>
+      
+          <pagination
+            v-show="total>0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getList"
+          />
+      
+          <!-- 添加或修改开栓|安检|维修对话框 -->
+          <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="basicInformation">
+                <el-input v-model="queryParams.basicInformation" placeholder="请填写作业基本信息"></el-input>
+              </el-form-item>
+              <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="enginTime">
+                <el-date-picker
+                  v-model="queryParams.enginTime"
+                  value-format="yyyy-MM-dd hh:mm:ss"
+                  type="datetime"
+                  placeholder="请选择工程时间">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="管径" prop="pipeDiameter">
+                <el-input v-model="queryParams.pipeDiameter" placeholder="请填写管径"></el-input>
+              </el-form-item>
+              <el-form-item label="管材" prop="tubularProduct">
+                <el-input v-model="queryParams.tubularProduct" placeholder="请填写管材"></el-input>
+              </el-form-item>
+              <el-form-item label="存在套管" prop="casingPresent">
+                <el-select v-model="queryParams.casingPresent" placeholder="请选择是否存在套管">
+                  <el-option
+                    v-for="e in segmentedCompressionQualifiedOption"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="管道压力" prop="pipePressure">
+                <el-input v-model="queryParams.pipePressure" placeholder="请填写管道压力"></el-input>
+              </el-form-item>
+              <el-form-item label="气流方向" prop="gasSourceDirection">
+                <el-input v-model="queryParams.gasSourceDirection" placeholder="请填写气流方向"/>
+              </el-form-item>
+              <el-form-item label="作业位置" prop="taskPosition">
+                <el-input v-model="queryParams.taskPosition" placeholder="请填写作业位置"/>
+              </el-form-item>
+              <el-form-item label="相关阀门位置" prop="valvePosition">
+                <el-input v-model="queryParams.valvePosition" placeholder="请填写与作业相关阀门位置"/>
+              </el-form-item>
+              <el-form-item label="压力报告" prop="stressReport">
+                <el-input v-model="queryParams.stressReport" placeholder="请填写压力报告"/>
+              </el-form-item>
+              <el-form-item label="监理旁站记录" prop="supervisionRecord">
+                <el-input v-model="queryParams.supervisionRecord" placeholder="请填写监理旁站记录"/>
+              </el-form-item>
+              <el-form-item label="工作联系单" prop="workContactForm">
+                <el-input v-model="queryParams.workContactForm" placeholder="请填写工作联系单"/>
+              </el-form-item>
+              <el-form-item label="巡线确认单" prop="linePatrolConfirmationForm">
+                <el-input v-model="queryParams.linePatrolConfirmationForm" placeholder="请填写巡线确认单"/>
+              </el-form-item>
+              <el-form-item label="作业坑(长)" prop="hazardousWorkPitsLong">
+                <el-input v-model="queryParams.hazardousWorkPitsLong" placeholder="请填写危险作业坑大小(长)"/>
+              </el-form-item>
+              <el-form-item label="作业坑(宽)" prop="hazardousWorkPitsWide">
+                <el-input v-model="queryParams.hazardousWorkPitsWide" placeholder="请填写危险作业坑大小(宽)"/>
+              </el-form-item>
+              <el-form-item label="作业坑(深)" prop="hazardousWorkPitsDeep">
+                <el-input v-model="queryParams.hazardousWorkPitsDeep" placeholder="请填写危险作业坑大小(深)"/>
+              </el-form-item>
+              <el-form-item label="需要支护" prop="casingPresent">
+                <el-select v-model="queryParams.needSupport" placeholder="请选择是否需要支护">
+                  <el-option
+                    v-for="e in segmentedCompressionQualifiedOption"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="其他管道情况" prop="otherPipelineConditionsWorkPit">
+                <el-input v-model="queryParams.otherPipelineConditionsWorkPit" placeholder="请填写其他管道情况"/>
+              </el-form-item>
+              <el-form-item label="现场负责人" prop="siteHead">
+                <el-input v-model="queryParams.siteHead" placeholder="请填写现场负责人"/>
+              </el-form-item>
+              <el-form-item label="现场负责人电话" prop="siteHeadPhone">
+                <el-input v-model="queryParams.siteHeadPhone" placeholder="请填写现场负责人电话"/>
+              </el-form-item>
+              <el-form-item label="作业人员信息" prop="operatorInformation">
+                <el-input v-model="queryParams.operatorInformation" placeholder="请填写作业人员信息"/>
+              </el-form-item>
+              <el-form-item label="检口" prop="inspectionPort">
+                <el-input v-model="queryParams.inspectionPort" placeholder="请填写检口"/>
+              </el-form-item>
+              <el-form-item label="管道刷油" prop="pipelinePainting">
+                <el-input v-model="queryParams.pipelinePainting" placeholder="请填写管道刷油"/>
+              </el-form-item>
+              <el-form-item label="管道支护" prop="pipelineSupport">
+                <el-input v-model="queryParams.pipelineSupport" placeholder="请填写管道支护"/>
+              </el-form-item>
+              <el-form-item label="管道防腐" prop="pipelineCorrosionProtection">
+                <el-input v-model="queryParams.pipelineCorrosionProtection" placeholder="请填写管道防腐"/>
+              </el-form-item>
+              <el-form-item label="砌筑阀门井" prop="masonryValveWell">
+                <el-input v-model="queryParams.masonryValveWell" placeholder="请填写砌筑阀门井"/>
+              </el-form-item>
+              <el-form-item label="保护井" prop="protectionWell">
+                <el-input v-model="queryParams.protectionWell" placeholder="请填写保护井"/>
+              </el-form-item>
+              <el-form-item label="管件保护井砌筑" prop="pipeProtectionWelMasonry">
+                <el-input v-model="queryParams.pipeProtectionWelMasonry" placeholder="请填写管件保护井砌筑"/>
+              </el-form-item>
+              <el-form-item label="回填" prop="backfill">
+                <el-input v-model="queryParams.backfill" placeholder="请填写回填"/>
+              </el-form-item>
+              <el-form-item label="夯实" prop="tamp">
+                <el-input v-model="queryParams.tamp" placeholder="请填写夯实"/>
+              </el-form-item>
+              <el-form-item label="平整场地" prop="levelingTheSite">
+                <el-input v-model="queryParams.levelingTheSite" placeholder="请填写平整场地"/>
+              </el-form-item>
+              <el-form-item label="备注" prop="remark" style="width: 42.7%;">
+                <el-input 
+                  v-model="queryParams.remark" 
+                  type="textarea" 
+                  placeholder="请输入内容"
+                  class="remark_input"
+                  />
+              </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer" style="margin-top: 20%;">
+              <!-- <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"/>
+        </div>
+      </template>
+      
+      <script>
+      import { listComprehensive, getComprehensive, delComprehensive, addComprehensive, updateComprehensive } from "@/api/zdsz/comprehensive";
+      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 { 
+        getEngineeList,                            // 查询工程列表
+        addEnginee,                                // 新增工程
+        getEnginDangerousList,                                // 查询危险工程列表
+      } from "@/api/zdsz/enginee"
+      
+      export default {
+        name: "openrepair",
+        dicts:['pass_check','is_repair','engin_type','self_closing_valve_type','visit_type'],
+        components:{
+            EngineeNode
+        },
+        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 {
+            // 按钮loading
+            buttonLoading: false,
+            // 遮罩层
+            loading: true,
+            // 选中数组
+            ids: [],
+            // 非单个禁用
+            single: true,
+            // 非多个禁用
+            multiple: true,
+            // 显示搜索条件
+            showSearch: true,
+            // 总条数
+            total: 0,
+            // 开栓|安检|维修表格数据
+            comprehensiveList: [],
+            // 弹出层标题
+            title: "",
+            // 是否显示弹出层
+            open: false,
+            enginTypeOption:[
+              {
+                value:'0',
+                label:'民用工程'
+              },
+              {
+                value:'2',
+                label:'工业工程'
+              },
+              {
+                value:'1',
+                label:'市政工程'
+              },
+              {
+                value:'3',
+                label:'顶管工程'
+              },
+              {
+                value:'4',
+                label:'危险作业工程'
+              },
+              {
+                value:'5',
+                label:'基建工程'
+              },
+            ],
+            nodeType:'1',               // 节点类型
+            // 查询参数
+            queryParams: {
+              basicInformation:null,      // 作业基本信息
+              enginName:'',            // 工程名称
+              pipeDiameter:'',           // 管径
+              enginAddre:'',            // 工程地点
+              tubularProduct:'',           // 工程名称联系方式
+              enginTime:'',               // 工程时间
+              casingPresent:'',         // 监理联系电话
+              pipePressure:'',          // 管道压力
+              gasSourceDirection:"",       // 气流方向
+              taskPosition:'',           //作业位置
+              valvePosition:'',          // 与作业相关阀门位置
+              stressReport:'',          // 压力报告
+              supervisionRecord:'',         // 监理旁站记录
+              workContactForm:'',        // 工作联系单
+              linePatrolConfirmationForm:'',    // 巡线确认单
+              hazardousWorkPitsLong:null,          // 危险作业坑大小(长)  
+              hazardousWorkPitsWide:null,         // 危险作业坑大小(宽)  
+              hazardousWorkPitsDeep:null,         // 危险作业坑大小(深)  
+              needSupport:null,                   // 是否需要支护
+              otherPipelineConditionsWorkPit:'',  // 作业坑内其他管道情况
+              siteHead:'',  // 现场负责人
+              siteHeadPhone:'',  // 现场负责人电话
+              operatorInformation:'',  // 作业人员信息
+              inspectionPort:'',  // 检口
+              pipelinePainting:'',  // 管道刷油
+              pipelineSupport:'',  // 管道支护
+              pipelineCorrosionProtection:'',  // 管道防腐
+              masonryValveWell:'',  // 砌筑阀门井
+              protectionWell:'',  // 保护井
+              pipeProtectionWelMasonry:'',  // 管件保护井砌筑
+              backfill:'',  // 回填
+              tamp:'',     // 夯实
+              levelingTheSite:'',  // 平整场地
+              remark:'',                // 备注
+              zEngineeringNodeBo:{
+                type:'工业工程',
+                zEngineeringInfoBo:{}   //节点信息
+              }
+            },
+            zEngineeringInfoBo:{
+              constructAddre:'',        // 施工地址
+              constructPhone:'',        // 施工人电话
+              constructUser:'',         // 施工人
+              headName:'',              // 负责人
+              headPhone:'',             // 负责人电话
+              constructAccordingDrawings:'', // 是否按图纸施工
+              segmentedCompressionQualified:'', // 分段打压是否合格
+              selfClosingValveType:'',          // 自闭阀类型
+              visitType:'',                     // 上门类型
+              backfillTime:'',                  // 回填时间
+              constructTime:'',                  // 施工时间
+              zEngiineeringPhotoBoList:[],              // 图片列表
+
+            },                          // 节点信息
+            constructAccordingDrawingsOption:[
+              {
+                value:'1',
+                label:'是'
+              },
+              {
+                value:'0',
+                label:'否'
+              }
+            ],                          
+            segmentedCompressionQualifiedOption:[
+              {
+                value:'1',
+                label:'是'
+              },
+              {
+                value:'0',
+                label:'否'
+              }
+            ],                          
+            nodeDetailVisible:false,
+            // 表单参数
+            form: {},
+            areas: [],
+            builds: [],
+            units: [],
+            rooms: [],
+            houses: [],
+            // 表单校验
+            rules: {
+              areaId: [
+                { required: true, message: "小区不能为空", trigger: "change" }
+              ],
+              basicInformation: [
+                { required: true, message: "作业基本信息不能为空" ,trigger: 'blur'}
+              ],
+              gasSourceDirection: [
+                { required: true, message: "气流方向不能为空" ,trigger: 'blur'}
+              ],
+              enginType: [
+                { required: true, message: "作业基本信息不能为空" ,trigger: 'blur'}
+              ],
+              casingPresent: [
+                { required: true, message: "建立联系电话不能为空" ,trigger: 'blur'}
+              ],
+              pipePressure: [
+                { required: true, message: "管道压力不能为空" ,trigger: 'blur'}
+              ],
+              pipeDiameter: [
+                { required: true, message: "管径不能为空" ,trigger: 'blur'}
+              ],
+              enginName: [
+                { required: true, message: "工程名称不能为空" ,trigger: 'blur'}
+              ],
+              enginAddre: [
+                { required: true, message: "工程地点不能为空" ,trigger: 'blur'}
+              ],
+              tubularProduct: [
+                { required: true, message: "管材不能为空" ,trigger: 'blur'}
+              ],
+              enginTime: [
+                { required: true, message: "工程时间不能为空" ,trigger: 'blur'}
+              ],
+              buildingId: [
+                { required: true, message: "楼栋不能为空", trigger: "change" }
+              ],
+              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'}
+              ],
+
+            }
+          };
+        },
+        created() {
+          this.getList();
+          // this.getAreas();
+        },
+        methods: {
+          nodeCancel(){
+            this.nodeDetailVisible = false
+          },
+          toNodeDetail(){
+            console.log(this.$refs.childNode)
+            this.$refs.childNode.open(this.queryParams,4)
+            this.nodeDetailVisible = true
+            return
+            this.$refs['form'].validate(e => {
+              if(e){
+                this.nodeDetailVisible = true
+              }
+            })
+            
+          },
+          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() {
+            this.loading = true;
+            getEnginDangerousList({
+              ZEngineeringDangerousBo:{}
+            }).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 = []
+            this.$refs.childNode.reset()
+          },
+          // 表单重置
+          reset() {
+            this.$nextTick(() => {
+              this.$refs['form'].resetFields()
+            })
+            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
+          },
+          /** 新增按钮操作 */
+          handleAdd() {
+            this.reset();
+            this.open = true;
+            this.title = "新增工程";
+          },
+          /** 修改按钮操作 */
+          handleUpdate(row) {
+            getBuildings(row.areaId).then(res => {
+              this.builds = res.data
+            });
+            getUnits(row.areaId,row.buildingId).then(res => {
+              this.units = res.data
+            })
+            getHouses(row.unitId).then(res => {
+              this.houses = res.data;
+            });
+            this.loading = true;
+            this.reset();
+            const id = row.id || this.ids
+            getComprehensive(id).then(response => {
+              this.loading = false;
+              this.form = response.data;
+              this.form.picIds = response.data.mapList;
+      
+              this.open = true;
+              this.title = "修改维修";
+            });
+          },
+          /** 提交按钮 */
+          submitForm() {
+            // this.$refs["nodeForm"].validate(valid => {
+              // if (valid) {
+                this.queryParams.zEngineeringNodeBo.zEngineeringInfoBo = this.zEngineeringInfoBo
+                console.log(this.queryParams)
+                addEnginee(this.queryParams).then(res => {
+                  console.log(res)
+                })
+              // }
+            // });
+          },
+          /** 删除按钮操作 */
+          handleDelete(row) {
+            const ids = row.id || this.ids;
+            this.$modal.confirm('是否确认删除维修为"' + ids + '"的数据项？').then(() => {
+              this.loading = true;
+              return delComprehensive(ids);
+            }).then(() => {
+              this.loading = false;
+              this.getList();
+              this.$modal.msgSuccess("删除成功");
+            }).catch(() => {
+            }).finally(() => {
+              this.loading = false;
+            });
+          },
+          /** 导出按钮操作 */
+          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%;
+  overflow: hidden;
+  overflow-y: scroll;
+    
+    .el-dialog__body{
+      height: 100%;
+    }
+
+    .el-form-item{
+      margin-bottom: 22px;
+      width: 30%;
+      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;
+      }
+    }
+    .otherSituation{
+        width: 60%;
+        .el-form-item__label{
+            width: 170px;
+        }
+        .el-form-item__content{
+            margin-left: 173px;
+        }
+    }
+
+    .dialog-footer{
+    }
+}
+</style>
+      

src/views/zdsz/engineeringIndustry/index.vue

@@ -0,0 +1,771 @@
+
+ <!-- 
+    *@description: 工业工程
+    *@author: yh Fu
+    *@date: 2024-01-02 15:51:03
+    *@version: V1.0.5 
+    -->
+
+    <template>
+        <div class="app-container">
+          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="110px">
+            <el-form-item label="小区" prop="areaId">
+              <el-select v-model="queryParams.areaId" placeholder="请选择小区" filterable @change="getBuildings">
+                <el-option
+                  v-for="obj in areas"
+                  :key="obj.id"
+                  :label="obj.name"
+                  :value="obj.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="楼栋" prop="buildingId">
+              <el-select v-model="queryParams.buildingId" placeholder="请选择楼栋" filterable @change="getUnits">
+                <el-option
+                  v-for="obj in builds"
+                  :key="obj.id"
+                  :label="obj.name"
+                  :value="obj.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="单元" prop="unitId">
+              <el-select v-model="queryParams.unitId" placeholder="请选择单元" filterable @change="getHouses">
+                <el-option
+                  v-for="obj in units"
+                  :key="obj.id"
+                  :label="obj.name"
+                  :value="obj.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="房间号" prop="houseId">
+              <el-select v-model="queryParams.houseId" placeholder="请选择房间号" filterable>
+                <el-option
+                  v-for="obj in houses"
+                  :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: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="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="isQualified">
+              <template slot-scope="scope">
+                <dict-tag :options="dict.type.pass_check" :value="scope.row.isQualified"/>
+              </template>
+            </el-table-column>
+            <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
+                  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="sceneHead">
+                <el-input v-model="queryParams.sceneHead" placeholder="请填写现场负责人"></el-input>
+              </el-form-item>
+              <el-form-item label="设计负责人" prop="designHead">
+                <el-input v-model="queryParams.designHead" placeholder="请填写现场负责人"></el-input>
+              </el-form-item>
+              <el-form-item label="设计单位" prop="designUnit">
+                <el-input v-model="queryParams.designUnit" placeholder="请填写设计单位"></el-input>
+              </el-form-item>
+              <el-form-item label="监理负责人" prop="supervisionHead">
+                <el-input v-model="queryParams.supervisionHead" placeholder="请填写监理负责人"></el-input>
+              </el-form-item>
+              <el-form-item label="项目负责人" prop="projectHead">
+                <el-input v-model="queryParams.projectHead" placeholder="请填写项目负责人"></el-input>
+              </el-form-item>
+              <el-form-item label="设计联系方式" prop="designPhone">
+                <el-input v-model="queryParams.designPhone" placeholder="请填写联系方式"></el-input>
+              </el-form-item>
+              <el-form-item label="监理联系电话" prop="supervisionPhone">
+                <el-input v-model="queryParams.supervisionPhone" 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="enginTyoe">
+                <el-select v-model="queryParams.enginType" placeholder="请选择类型">
+                  <el-option
+                    v-for="e in dict.type.engin_type"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <!-- <el-form-item label="工程类型" prop="type">
+                <el-input v-model="queryParams.type" placeholder="工业工程" disabled/>
+              </el-form-item> -->
+              <el-form-item label="监理单位" prop="supervisionUnit">
+                <el-input v-model="queryParams.supervisionUnit" placeholder="请填写监理单位"/>
+              </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 -->
+          <el-dialog :visible="nodeDetailVisible" :rules="nodeRules" title="节点信息" append-to-body customClass="appendElNodeDialog">
+            <el-form ref="nodeForm" :model="zEngineeringInfoBo" :rules="nodeRules" label-width="110px">
+              <el-form-item label="节点类型" prop="type">
+                <el-input v-model="nodeType" placeholder="顶管" disabled></el-input>
+              </el-form-item>
+              <el-form-item label="施工地址" prop="constructAddre">
+                <el-input v-model="zEngineeringInfoBo.constructAddre" placeholder="请填写施工地址"></el-input>
+              </el-form-item>
+              <el-form-item label="施工人电话" prop="constructPhone">
+                <el-input v-model="zEngineeringInfoBo.constructPhone" placeholder="请填写施工人电话"></el-input>
+              </el-form-item>
+              <el-form-item label="施工人" prop="constructUser">
+                <el-input v-model="zEngineeringInfoBo.constructUser" placeholder="请填写施工人"></el-input>
+              </el-form-item>
+              <el-form-item label="负责人" prop="headName">
+                <el-input v-model="zEngineeringInfoBo.headName" placeholder="请填写负责人"></el-input>
+              </el-form-item>
+              <el-form-item label="负责人电话" prop="headPhone">
+                <el-input v-model="zEngineeringInfoBo.headPhone" placeholder="请填写负责人电话"></el-input>
+              </el-form-item>
+              <el-form-item label="回填时间" prop="backfillTime">
+                <el-date-picker
+                  v-model="zEngineeringInfoBo.backfillTime"
+                  value-format="yyyy-MM-dd hh:mm:ss"
+                  type="datetime"
+                  placeholder="请选择回填日期">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="施工时间" prop="constructTime">
+                <el-date-picker
+                  v-model="zEngineeringInfoBo.constructTime"
+                  value-format="yyyy-MM-dd hh:mm:ss"
+                  type="datetime"
+                  placeholder="请选择施工时间">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="是否按图纸施工" prop="constructAccordingDrawings">
+                <el-select v-model="zEngineeringInfoBo.constructAccordingDrawings">
+                  <el-option
+                    v-for="e in constructAccordingDrawingsOption"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="分段打压" prop="segmentedCompressionQualified">
+                <el-select v-model="zEngineeringInfoBo.segmentedCompressionQualified">
+                  <el-option
+                    v-for="e in segmentedCompressionQualifiedOption"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="自闭阀类型" prop="selfClosingValveType">
+                <el-select v-model="zEngineeringInfoBo.selfClosingValveType">
+                  <el-option
+                    v-for="e in dict.type.self_closing_valve_type"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="上门类型" prop="visitType">
+                <el-select v-model="zEngineeringInfoBo.visitType">
+                  <el-option
+                    v-for="e in dict.type.visit_type"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="照片" prop="zEngiineeringPhotoBoList" style="width: 100%;">
+                <ObsImageUpload ref="obsImageUpload" :limit="9999" :fileType="['png', 'jpg', 'jpeg']" :value="zEngineeringInfoBo.zEngiineeringPhotoBoList"
+                                @input="getUrl"></ObsImageUpload>
+              </el-form-item>
+              <el-button :loading="buttonLoading" type="primary" @click="submitForm">提交</el-button>
+              <el-button @click="nodeCancel">取 消</el-button>
+            </el-form>
+          </el-dialog>
+        </div>
+      </template>
+      
+      <script>
+      import { listComprehensive, getComprehensive, delComprehensive, addComprehensive, updateComprehensive } from "@/api/zdsz/comprehensive";
+      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 { 
+        getEngineeList,                            // 查询工程列表
+        addEnginee,                                // 新增工程
+      } from "@/api/zdsz/enginee"
+      import EngineePipe from "@/components/EngineePipe"
+      
+      export default {
+        name: "openrepair",
+        dicts:['pass_check','is_repair','engin_type','self_closing_valve_type','visit_type'],
+        components:{
+          EngineePipe
+        },
+        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 {
+            // 按钮loading
+            buttonLoading: false,
+            // 遮罩层
+            loading: true,
+            // 选中数组
+            ids: [],
+            // 非单个禁用
+            single: true,
+            // 非多个禁用
+            multiple: true,
+            // 显示搜索条件
+            showSearch: true,
+            // 总条数
+            total: 0,
+            // 开栓|安检|维修表格数据
+            comprehensiveList: [],
+            // 弹出层标题
+            title: "",
+            // 是否显示弹出层
+            open: false,
+            enginTypeOption:[
+              {
+                value:'0',
+                label:'民用工程'
+              },
+              {
+                value:'2',
+                label:'工业工程'
+              },
+              {
+                value:'1',
+                label:'市政工程'
+              },
+              {
+                value:'3',
+                label:'顶管工程'
+              },
+              {
+                value:'4',
+                label:'危险作业工程'
+              },
+              {
+                value:'5',
+                label:'基建工程'
+              },
+            ],
+            nodeType:'1',               // 节点类型
+            // 查询参数
+            queryParams: {
+              sceneHead:null,           // 现场负责人
+              designHead:'',            // 设计负责人
+              projectHead:'',           // 项目负责人
+              designUnit:'',            // 设计单位
+              designPhone:'',           // 设计负责人联系方式
+              supervisionHead:'',       // 监理负责人
+              supervisionPhone:'',      // 监理联系电话
+              constructUnit:'',         // 建筑单位
+              supervisionUnit:"",       // 监理单位
+              type:'01',                // 类型  01工业工程 02市政工程
+              enginType:'',             // 工程类型  民用工程 0 ,市政工程 1,工业工程 2 ,顶管工程 3,危险作业工程 4,基建工程 5
+              remark:'',                // 备注
+              zEngineeringNodeBo:{
+                type:'01',
+                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: {
+              areaId: [
+                { required: true, message: "小区不能为空", trigger: "change" }
+              ],
+              sceneHead: [
+                { required: true, message: "现场负责人不能为空" ,trigger: 'blur'}
+              ],
+              supervisionUnit: [
+                { required: true, message: "监理单位不能为空" ,trigger: 'blur'}
+              ],
+              enginType: [
+                { required: true, message: "现场负责人不能为空" ,trigger: 'blur'}
+              ],
+              supervisionPhone: [
+                { required: true, message: "建立联系电话不能为空" ,trigger: 'blur'}
+              ],
+              constructUnit: [
+                { required: true, message: "建筑单位不能为空" ,trigger: 'blur'}
+              ],
+              projectHead: [
+                { required: true, message: "项目负责人不能为空" ,trigger: 'blur'}
+              ],
+              designHead: [
+                { required: true, message: "设计负责人不能为空" ,trigger: 'blur'}
+              ],
+              designUnit: [
+                { required: true, message: "设计单位不能为空" ,trigger: 'blur'}
+              ],
+              designPhone: [
+                { required: true, message: "联系方式不能为空" ,trigger: 'blur'}
+              ],
+              supervisionHead: [
+                { required: true, message: "监理负责人不能为空" ,trigger: 'blur'}
+              ],
+              buildingId: [
+                { required: true, message: "楼栋不能为空", trigger: "change" }
+              ],
+              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'}
+              ],
+
+            }
+          };
+        },
+        created() {
+          this.getList();
+          // this.getAreas();
+        },
+        methods: {
+          // 新增顶管工程
+          addNewPipe(data){
+            this.$refs.enginPipe.openDialog({
+              id:data.id
+            },'add')
+          },
+          nodeCancel(){
+            this.nodeDetailVisible = false
+          },
+          toNodeDetail(){
+            this.nodeDetailVisible = true
+            return
+            this.$refs['form'].validate(e => {
+              if(e){
+                this.nodeDetailVisible = true
+              }
+            })
+            
+          },
+          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() {
+            this.loading = true;
+            getEngineeList({
+              type:'01'
+            }).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();
+          },
+          /** 重置按钮操作 */
+          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) {
+            getBuildings(row.areaId).then(res => {
+              this.builds = res.data
+            });
+            getUnits(row.areaId,row.buildingId).then(res => {
+              this.units = res.data
+            })
+            getHouses(row.unitId).then(res => {
+              this.houses = res.data;
+            });
+            this.loading = true;
+            this.reset();
+            const id = row.id || this.ids
+            getComprehensive(id).then(response => {
+              this.loading = false;
+              this.form = response.data;
+              this.form.picIds = response.data.mapList;
+      
+              this.open = true;
+              this.title = "修改维修";
+            });
+          },
+          /** 提交按钮 */
+          submitForm() {
+            // this.$refs["nodeForm"].validate(valid => {
+              // if (valid) {
+                this.queryParams.zEngineeringNodeBo.zEngineeringInfoBo = this.zEngineeringInfoBo
+                console.log(this.queryParams)
+                addEnginee(this.queryParams).then(res => {
+                  console.log(res)
+                })
+              // }
+            // });
+          },
+          /** 删除按钮操作 */
+          handleDelete(row) {
+            const ids = row.id || this.ids;
+            this.$modal.confirm('是否确认删除维修为"' + ids + '"的数据项？').then(() => {
+              this.loading = true;
+              return delComprehensive(ids);
+            }).then(() => {
+              this.loading = false;
+              this.getList();
+              this.$modal.msgSuccess("删除成功");
+            }).catch(() => {
+            }).finally(() => {
+              this.loading = false;
+            });
+          },
+          /** 导出按钮操作 */
+          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>
+      

src/views/zdsz/engineeringPipeJacking/index.vue

@@ -0,0 +1,739 @@
+ <!-- 
+    *@description: 顶管工程
+    *@author: yh Fu
+    *@date: 2024-01-04 09:24:57
+    *@version: V1.0.5 
+    -->
+
+    <template>
+        <div class="app-container">
+          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="110px">
+            <el-form-item label="小区" prop="areaId">
+              <el-select v-model="queryParams.areaId" placeholder="请选择小区" filterable @change="getBuildings">
+                <el-option
+                  v-for="obj in areas"
+                  :key="obj.id"
+                  :label="obj.name"
+                  :value="obj.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="楼栋" prop="buildingId">
+              <el-select v-model="queryParams.buildingId" placeholder="请选择楼栋" filterable @change="getUnits">
+                <el-option
+                  v-for="obj in builds"
+                  :key="obj.id"
+                  :label="obj.name"
+                  :value="obj.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="单元" prop="unitId">
+              <el-select v-model="queryParams.unitId" placeholder="请选择单元" filterable @change="getHouses">
+                <el-option
+                  v-for="obj in units"
+                  :key="obj.id"
+                  :label="obj.name"
+                  :value="obj.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="房间号" prop="houseId">
+              <el-select v-model="queryParams.houseId" placeholder="请选择房间号" filterable>
+                <el-option
+                  v-for="obj in houses"
+                  :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: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="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="isQualified">
+              <template slot-scope="scope">
+                <dict-tag :options="dict.type.pass_check" :value="scope.row.isQualified"/>
+              </template>
+            </el-table-column>
+            <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
+                  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>
+              </template>
+            </el-table-column>
+          </el-table>
+      
+          <pagination
+            v-show="total>0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getList"
+          />
+      
+          <!-- 添加或修改开栓|安检|维修对话框 -->
+          <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="type">
+                <el-select v-model="queryParams.type" placeholder="请选择类型">
+                  <el-option
+                    v-for="e in dict.type.engin_type"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <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="enginCode">
+                <el-input v-model="queryParams.enginCode" placeholder="请填写工程编码"></el-input>
+              </el-form-item>
+              <el-form-item label="施工单位" prop="type">
+                <el-input v-model="queryParams.type" placeholder="请填写施工单位"></el-input>
+              </el-form-item>
+              <el-form-item label="工程规模" prop="enginScale">
+                <el-input v-model="queryParams.enginScale" placeholder="请填写联系方式"></el-input>
+              </el-form-item>
+              <el-form-item label="施工质量" prop="constructQuality">
+                <el-input v-model="queryParams.constructQuality" placeholder="请填写联系方式"></el-input>
+              </el-form-item>
+              <el-form-item label="工程类型" prop="type">
+                <el-select v-model="queryParams.type" placeholder="请选择类型">
+                  <el-option
+                    v-for="e in dict.type.engin_type"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="施工进度" prop="constructSchedule">
+                <el-input v-model="queryParams.constructSchedule" placeholder="请填写施工进度"/>
+              </el-form-item>
+              <el-form-item label="备注" prop="remark" style="width: 23.3%;">
+                <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 -->
+          <el-dialog :visible="nodeDetailVisible" :rules="nodeRules" title="节点信息" append-to-body customClass="appendElNodeDialog">
+            <el-form ref="nodeForm" :model="zEngineeringInfoBo" :rules="nodeRules" label-width="110px">
+              <el-form-item label="节点类型" prop="type">
+                <el-input v-model="nodeType" placeholder="顶管" disabled></el-input>
+              </el-form-item>
+              <el-form-item label="施工地址" prop="constructAddre">
+                <el-input v-model="zEngineeringInfoBo.constructAddre" placeholder="请填写施工地址"></el-input>
+              </el-form-item>
+              <el-form-item label="施工人电话" prop="constructPhone">
+                <el-input v-model="zEngineeringInfoBo.constructPhone" placeholder="请填写施工人电话"></el-input>
+              </el-form-item>
+              <el-form-item label="施工人" prop="constructUser">
+                <el-input v-model="zEngineeringInfoBo.constructUser" placeholder="请填写施工人"></el-input>
+              </el-form-item>
+              <el-form-item label="负责人" prop="headName">
+                <el-input v-model="zEngineeringInfoBo.headName" placeholder="请填写负责人"></el-input>
+              </el-form-item>
+              <el-form-item label="负责人电话" prop="headPhone">
+                <el-input v-model="zEngineeringInfoBo.headPhone" placeholder="请填写负责人电话"></el-input>
+              </el-form-item>
+              <el-form-item label="回填时间" prop="backfillTime">
+                <el-date-picker
+                  v-model="zEngineeringInfoBo.backfillTime"
+                  value-format="yyyy-MM-dd hh:mm:ss"
+                  type="datetime"
+                  placeholder="请选择回填日期">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="施工时间" prop="constructTime">
+                <el-date-picker
+                  v-model="zEngineeringInfoBo.constructTime"
+                  value-format="yyyy-MM-dd hh:mm:ss"
+                  type="datetime"
+                  placeholder="请选择施工时间">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="是否按图纸施工" prop="constructAccordingDrawings">
+                <el-select v-model="zEngineeringInfoBo.constructAccordingDrawings">
+                  <el-option
+                    v-for="e in constructAccordingDrawingsOption"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="分段打压" prop="segmentedCompressionQualified">
+                <el-select v-model="zEngineeringInfoBo.segmentedCompressionQualified">
+                  <el-option
+                    v-for="e in segmentedCompressionQualifiedOption"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="自闭阀类型" prop="selfClosingValveType">
+                <el-select v-model="zEngineeringInfoBo.selfClosingValveType">
+                  <el-option
+                    v-for="e in dict.type.self_closing_valve_type"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="上门类型" prop="visitType">
+                <el-select v-model="zEngineeringInfoBo.visitType">
+                  <el-option
+                    v-for="e in dict.type.visit_type"
+                    :key="e.value"
+                    :label="e.label"
+                    :value="e.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="照片" prop="zEngiineeringPhotoBoList" style="width: 100%;">
+                <ObsImageUpload ref="obsImageUpload" :limit="9999" :fileType="['png', 'jpg', 'jpeg']" :value="zEngineeringInfoBo.zEngiineeringPhotoBoList"
+                                @input="getUrl"></ObsImageUpload>
+              </el-form-item>
+              <el-button :loading="buttonLoading" type="primary" @click="submitForm">提交</el-button>
+              <el-button @click="nodeCancel">取 消</el-button>
+            </el-form>
+          </el-dialog>
+
+          <!-- 顶管工程修改 -->
+          <EngineePipe ref="enginPipe"/>
+        </div>
+      </template>
+      
+      <script>
+      import { listComprehensive, getComprehensive, delComprehensive, addComprehensive, updateComprehensive } from "@/api/zdsz/comprehensive";
+      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 EngineePipe from "@/components/EngineePipe"
+      import { 
+        getEngineeList,                            // 查询工程列表
+        addEnginee,                                // 新增工程
+        getPipeJackingList,                        // 顶管工程列表
+        putEngineeringPipeJacking,                 // 顶管工程修改
+        viewEngineeringPipeJacking,                // 顶管工程查看详情
+        deleteEngineeringPipeJacking,              // 删除工程查看详情
+      } from "@/api/zdsz/enginee"
+      
+      export default {
+        name: "openrepair",
+        components:{
+          EngineePipe
+        },
+        dicts:['pass_check','is_repair','engin_type','self_closing_valve_type','visit_type'],
+        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 {
+            // 按钮loading
+            buttonLoading: false,
+            // 遮罩层
+            loading: true,
+            // 选中数组
+            ids: [],
+            // 非单个禁用
+            single: true,
+            // 非多个禁用
+            multiple: true,
+            // 显示搜索条件
+            showSearch: true,
+            // 总条数
+            total: 0,
+            // 开栓|安检|维修表格数据
+            comprehensiveList: [],
+            // 弹出层标题
+            title: "",
+            // 是否显示弹出层
+            open: false,
+            enginTypeOption:[
+              {
+                value:'0',
+                label:'民用工程'
+              },
+              {
+                value:'2',
+                label:'工业工程'
+              },
+              {
+                value:'1',
+                label:'市政工程'
+              },
+              {
+                value:'3',
+                label:'顶管工程'
+              },
+              {
+                value:'4',
+                label:'危险作业工程'
+              },
+              {
+                value:'5',
+                label:'基建工程'
+              },
+            ],
+            nodeType:'1',               // 节点类型
+            // 查询参数
+            queryParams: {
+              type:null,           // 外建工程
+              enginName:'',            // 工程名称
+              type:'',           // 施工单位
+              enginAddre:'',            // 工程地址
+              enginScale:'',           // 工程名称联系方式
+              enginCode:'',       // 工程编码
+              constructQuality:'',      // 施工质量
+              type:'',         // 工程类型
+              constructSchedule:"",       // 施工进度
+              type:'01',                // 类型  01工业工程 02市政工程
+              enginType:'',             // 工程类型  民用工程 0 ,市政工程 1,工业工程 2 ,顶管工程 3,危险作业工程 4,基建工程 5
+              remark:'',                // 备注
+              zEngineeringNodeBo:{
+                type:'01',
+                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: {
+              areaId: [
+                { required: true, message: "小区不能为空", trigger: "change" }
+              ],
+              type: [
+                { required: true, message: "外建工程不能为空" ,trigger: 'blur'}
+              ],
+              constructSchedule: [
+                { required: true, message: "施工进度不能为空" ,trigger: 'blur'}
+              ],
+              enginType: [
+                { required: true, message: "外建工程不能为空" ,trigger: 'blur'}
+              ],
+              constructQuality: [
+                { required: true, message: "建立联系电话不能为空" ,trigger: 'blur'}
+              ],
+              type: [
+                { required: true, message: "工程类型不能为空" ,trigger: 'blur'}
+              ],
+              type: [
+                { required: true, message: "施工单位不能为空" ,trigger: 'blur'}
+              ],
+              enginName: [
+                { required: true, message: "工程名称不能为空" ,trigger: 'blur'}
+              ],
+              enginAddre: [
+                { required: true, message: "工程地址不能为空" ,trigger: 'blur'}
+              ],
+              enginScale: [
+                { required: true, message: "联系方式不能为空" ,trigger: 'blur'}
+              ],
+              enginCode: [
+                { required: true, message: "工程编码不能为空" ,trigger: 'blur'}
+              ],
+              buildingId: [
+                { required: true, message: "楼栋不能为空", trigger: "change" }
+              ],
+              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'}
+              ],
+
+            }
+          };
+        },
+        created() {
+          this.getList();
+        },
+        methods: {
+          nodeCancel(){
+            this.nodeDetailVisible = false
+          },
+          toNodeDetail(){
+            this.nodeDetailVisible = true
+            return
+            this.$refs['form'].validate(e => {
+              if(e){
+                this.nodeDetailVisible = true
+              }
+            })
+            
+          },
+          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() {
+            this.loading = true;
+            getPipeJackingList({
+              enginName:''
+            }).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();
+          },
+          /** 重置按钮操作 */
+          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) {
+            viewEngineeringPipeJacking(row.id).then(res => {
+              console.log(res)
+              this.$refs.enginPipe.putEnginPipe(res.data,'put')
+            })
+          },
+          /** 提交按钮 */
+          submitForm() {
+            // this.$refs["nodeForm"].validate(valid => {
+              // if (valid) {
+                this.queryParams.zEngineeringNodeBo.zEngineeringInfoBo = this.zEngineeringInfoBo
+                console.log(this.queryParams)
+                addEnginee(this.queryParams).then(res => {
+                  console.log(res)
+                })
+              // }
+            // });
+          },
+          /** 删除按钮操作 */
+          handleDelete(row) {
+            deleteEngineeringPipeJacking(row.id).then(res => {
+              console.log(res)
+            })
+          },
+          /** 导出按钮操作 */
+          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>
+