202406市政增删改查

src/components/ConstructionDetails/indexSZ.vue

@@ -0,0 +1,698 @@
+<!--
+   *@description: 工程历史详情
+   *@author: yh Fu
+   *@date: 2024-1-8 10:04:23
+   *@version: V1.0.5
+-->
+
+<template>
+  <div style="width: 100%;height: 100%;">
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :title="titleName"
+      width="60%"
+      append-to-body
+      custom-class="ConstructionDetailsDialog">
+      <el-tabs type="card" v-model="activeNames" @tab-click="viewSource" class="projectTabs">
+        <el-tab-pane
+          :label="e.label"
+          :name="e.value"
+          v-for="(e,idx) in currentDicts"
+          :key="idx"
+        >
+          <el-checkbox-group v-model="checkList">
+            <el-collapse
+              class="rmOldPie"
+              v-for="(e,idx) in currentCollapses"
+              :key="idx"
+            >
+              <el-collapse-item :name="idx">
+                <template slot="title">
+                  <div style="display: flex;width: 100%;height: 100%;">
+                    <el-checkbox :label="e.id" @change="handleCheckedCitiesChange">
+                      <h2 style="margin-left: 1%;font-weight: 700;">{{ e.updateTime }}</h2>
+                    </el-checkbox>
+                    <h2 style="margin-left: 20%;font-weight: 700;" v-if="e.state=='0'">
+                      {{ e.state == '0' ? "该施工信息审核未通过" : "" }}</h2>
+                    <h2 style="margin-left: 20%;font-weight: 700; color: #1ab394" v-if="e.state==1">
+                      {{ e.state == 1 ? "该施工信息审核通过" : "" }}</h2>
+                  </div>
+                </template>
+                <div class="personInfo">
+                  <span>施工人：{{ userNames[idx].nickName }}</span>
+                  <span>施工人电话：{{ userNames[idx].phonenumber }}</span>
+                </div>
+                <hr>
+                <el-form :model="e">
+                  <el-form-item
+                    :prop="e.remark"
+                    :class="'labelWidth'"
+                    label="施工内容"
+                    label-width="95px"
+                  >
+                    <div class="block" style="display: inline-block; margin-right: 20px;">
+                      <el-input v-model="e.remark" placeholder="请输入施工内容" style="width: 100%" maxlength="100"
+                                type="textarea" :readonly="status == 'read-only'"></el-input>
+                    </div>
+                  </el-form-item>
+                </el-form>
+                <!--  用料明细 -->
+                <div v-if="['焊接、防腐','架空管线','下管','沟下连头'].includes(activeNames)"
+                     v-for="(i,index) in e.zEngineeringMaterialBo || [] "
+                     :key="index"
+                >
+                  <el-form :model="nodeInfo" class="nodeForm materialForm">
+                    <el-form-item
+                      :prop="i.materialQuality"
+                      :class="'labelWidth'"
+                      :label="'材质'"
+                      label-width="95px"
+                    >
+                      <el-select v-model="i.materialQuality" placeholder="请选择材质" style="width: 100%"
+                                 @change="getEnginSpecificationsList(i, index,idx)" :disabled="status == 'read-only' ">
+                        <el-option
+                          v-for="e in materialQualityList"
+                          :key="e.id"
+                          :label="e.name"
+                          :value="e.id"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item
+                      :prop="i.specifications"
+                      :class="'labelWidth'"
+                      label="规格"
+                      label-width="95px"
+
+                    >
+                      <el-select v-model="i.specifications" placeholder="请选择规格" style="width: 100%"
+                                 :disabled="status == 'read-only' ">
+                        <el-option
+                          v-for="e in corrosionLevelListAll.filter(o => o.materId == i.materialQuality)"
+                          :key="e.id"
+                          :label="e.name"
+                          :value="e.id"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                    <!--                    <el-form-item-->
+                    <!--                      :prop="i.remark + ''"-->
+                    <!--                      :class="'labelWidth'"-->
+                    <!--                      label="施工内容"-->
+                    <!--                      label-width="95px"-->
+                    <!--                    >-->
+                    <!--                      <div class="block" style="display: inline-block; margin-right: 20px;">-->
+                    <!--                        <el-input v-model="i.remark" placeholder="请输入施工内容" style="width: 100%" maxlength="100"-->
+                    <!--                                  type="textarea" :disabled="status == 'read-only'"></el-input>-->
+                    <!--                      </div>-->
+                    <!--                    </el-form-item>-->
+
+                    <el-form-item
+                      :prop="i.number + ''"
+                      :class="'labelWidth'"
+                      label="米数"
+                      label-width="95px"
+                    >
+                      <div class="block" style="display: inline-block; margin-right: 20px;">
+                        <el-input v-model="i.number" placeholder="请输入米数" style="width: 100%"
+                                  oninput="value=value.match(/\d+(\.\d{0,1})?/) ? value.match(/\d+(\.\d{0,1})?/)[0] : ''"
+                                  max="999999999" :disabled="status == 'read-only'"></el-input>
+                      </div>
+                    </el-form-item>
+                    <!--                    <el-form-item-->
+                    <!--                      :prop="i.remark + ''"-->
+                    <!--                      label="描述"-->
+                    <!--                    >-->
+                    <!--                      <div class="block" style="display: inline-block; margin-right: 20px;">-->
+                    <!--                        <el-input v-model="i.remark" placeholder="请输入描述" style="width: 100%" maxlength="100"-->
+                    <!--                                  :disabled="status == 'read-only'"></el-input>-->
+                    <!--                      </div>-->
+                    <!--                    </el-form-item>-->
+                  </el-form>
+                </div>
+                <div v-if="['阀井'].includes(activeNames)"
+                     v-for="(i,index) in e.zEngineeringMaterialBo || [] "
+                     :key="index"
+                >
+                  <el-form :model="nodeInfo" class="nodeForm materialForm">
+                    <el-form-item
+                      :prop="i.remark"
+                      :class="'labelWidth'"
+                      label="型号"
+                      label-width="95px"
+                    >
+                      <el-input v-model="i.remark" placeholder="请输入型号" style="width: 100%" maxlength="100"
+                                type="textarea" :readonly="status == 'read-only'"></el-input>
+                    </el-form-item>
+                  </el-form>
+                </div>
+                <div style="display: flex;width: 100%;height: 100%;">
+                  <h3 style="width: 95px;font-weight: 600;text-align: left;text-indent: 25px;">图片</h3>
+                  <ObsImageUpload
+                    :class=" status == 'read-only' ? 'obsImageUploads' : '' "
+                    ref="obsImageUpload"
+                    :limit="11"
+                    :fileType="['png', 'jpg', 'jpeg']"
+                    @input="getUrl(arguments,idx)"
+                    :value="e.zEngiineeringPhotoBoList"
+                    :disabled="status == 'read-only' "
+                  ></ObsImageUpload>
+                </div>
+                <div style="display: flex;  justify-content: flex-end; width: 100%;height: 100%;"
+                     v-if="status != 'read-only'">
+                  <el-button plain type="danger" @click=" handleDelete(e)"
+                             v-hasPermi="['zdsz:engineeringCivilNode:remove']" style="width: 94px;">删除
+                  </el-button>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </el-checkbox-group>
+        </el-tab-pane>
+        <el-button class="check" plain type="danger" @click="checkWorking"
+                   v-show="currentStatus == 'check'  && isChecking " style="width: 80px;"
+                   :disabled="currentCollapses.length == 0">审核
+        </el-button>
+        <el-button class="check" plain type="danger" @click="updateNodeOption" style="width: 94px;cursor: pointer;"
+                   v-if="status == 'put' ">修改
+        </el-button>
+      </el-tabs>
+    </el-dialog>
+    <!-- 审核 -->
+    <el-dialog
+      title="审核"
+      :visible.sync="checkingVisible"
+      :title="titleName"
+      width="30%"
+      class="checkingDialog"
+      :before-close="handleChecking">
+      <el-form :model="checkingInfo" ref="checking" :rules="checkingRule" class="nodeForm">
+        <el-form-item
+          label-width="85px"
+          label="审核状态"
+          prop="reviewStatus"
+        >
+          <el-select v-model="checkingInfo.reviewStatus" placeholder="请选择审核状态" style="width: 100%"
+                     label="审核状态" @change="validateCHanged">
+            <el-option
+              v-for="e in reviewStatusList"
+              :key="e.label"
+              :label="e.label"
+              :value="e.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item
+          label-width="85px"
+          label="审核内容"
+          prop="reviewContent"
+        >
+          <div class="block" style="display: inline-block; margin-right: 20px;">
+            <el-input
+              v-model="checkingInfo.reviewContent"
+              placeholder="请输入审核内容"
+              type="textarea"
+              style="width: 97%"/>
+          </div>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="handleChecking">取 消</el-button>
+        <el-button type="primary" @click=checkingSubmit>确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+
+</template>
+
+<script>
+import {
+  deleteinfoById,
+  getEnginMaterialQualityList,                    // 材质
+  getEnginSpecificationsList,                     // 规格
+
+} from '@/api/zdsz/enginee'
+import {selectUserByUserName} from '@/api/system/user'
+import ObsVideoUpload from "@/components/ObsVideoUpload/index.vue";
+
+export default {
+  name: '市政info',
+  dicts: [],
+  components: {ObsVideoUpload},
+  props: ['currentCollapses', 'nodeDetailType', 'enginType', 'status', 'zEngineeringNodeBo'],
+  data() {
+    return {
+      kind: null,
+      userNames: [],
+      checkList: [],
+      enginNode: '',
+      currentDicts: [],              // 当前类型工程节点项
+      dialogVisible: false,
+      activeNames: '',
+      titleName: '',
+      reviewStatusList: [
+        {
+          value: '1',
+          label: '通过'
+        },
+        {
+          value: '0',
+          label: '不通过'
+        }
+      ],
+      nodesource: '',// 审核状态option
+      materialQualityList_zbf: [],                      // 自闭阀option
+      materialQualityList_zjg: [],                      // 灶具管option
+      materialQualityList: [],                     // 材质
+      specificationsList: [],                      // 规格
+      materialComponList: [],
+      // The data property "enginType" is already declared as a prop.
+      // enginType:null, // Use prop default value instead.
+      engineType: null,
+      enginClassification: null,
+      nodeInfo: {
+        backfillTime: '',                       // 回填时间
+        constructTime: '',
+        constructAccordingDrawings: '',
+        segmentedCompressionQualified: '',
+        zEngiineeringPhotoBoList: [],            // 照片集合
+        zEngineeringMaterialBo: [],              // 用料集合
+        remark: '',
+        constructAddre: ''
+      },
+      checkingInfo: {
+        reviewStatus: '',               // 审核状态
+        reviewContent: '',              // 审核内容
+        engInfoId: '',                  // 节点Id
+        createTime: '',                 // 工程创建时间
+      },
+      currentStatus: null,
+      checkingVisible: null,
+      isChecking: true,
+      currentEnginId: null,
+      reviewStatus: null,
+      corrosionLevelListAll: [],
+      infoIdList: [],
+      delinfoidList: [],
+      checkingRule: {
+        reviewStatus: [
+          {required: true, message: "审核状态不能为空", trigger: "blur"}
+        ],
+        reviewContent: [
+          {required: true, message: "审核内容不能为空", trigger: "change"}
+        ],
+      },
+      node: null
+    }
+  },
+  created() {
+
+  },
+  mounted() {
+    this.getGoods()
+  },
+  watch: {
+    // 此处监听variable变量，当期有变化时执行
+    currentDicts(item1, item2) {
+      this.activeNames = item1[0].value
+      this.$parent.viewNodeSource(item1[0].value)
+    },
+    currentCollapses() {
+      console.log('currentCollapses', this.currentCollapses)
+      this.userNames = [];
+      for (let i in this.currentCollapses) {
+        selectUserByUserName(this.currentCollapses[i].createBy).then(res => {
+          this.userNames.push(res);
+        })
+      }
+      try {
+        this.currentCollapses[0].zEngineeringReviewBo.reviewStatus != 1 ? this.isChecking = true : false
+      } catch (error) {
+        this.isChecking = true
+      }
+      console.log('isChecking', this.isChecking)
+      let materialQuality = []
+      try {
+        materialQuality = this.currentCollapses[0].zEngineeringMaterialBo[0].materialQuality
+      } catch (error) {
+        materialQuality = []
+      }
+      try {
+        this.reviewStatus = this.currentCollapses[0].zEngineeringReviewBo.reviewStatus != '1' ? true : false
+      } catch (error) {
+        this.reviewStatus = true
+      }
+      if (materialQuality) {
+        getEnginSpecificationsList({materId: materialQuality}).then(res => {
+          this.specificationsList = res.data
+        })
+      }
+    }
+  },
+  methods: {
+    getGoods() {
+      // 获取材质
+      let enginType = '市政工程'
+      getEnginMaterialQualityList({enginType: enginType}).then(res => {
+        this.materialQualityList = res.data
+      })
+      // 获取规格
+      getEnginSpecificationsList().then(res => {
+        this.corrosionLevelListAll = res.data
+      })
+    },
+    handleCheckedCitiesChange(e) {
+      this.infoIdList = this.currentCollapses.filter(item => this.checkList.indexOf(item.id) > -1)
+      this.delinfoidList = this.currentCollapses.map(item => item.id).filter(item => this.checkList.indexOf(item) == -1)
+    },
+    validateCHanged(e) {
+      this.reviewStatusList[e].label == '通过' ? this.checkingRule.reviewContent[0].required = true : this.checkingRule.reviewContent[0].required = false
+    },
+    handleChecking() {
+      this.checkingVisible = false
+      this.checkingInfo = {
+        reviewStatus: '',               // 审核状态
+        reviewContent: '',              // 审核内容
+        engInfoId: '',                  // 节点Id
+        createTime: '',                 // 工程创建时间
+      }
+      this.$refs.checking.resetFields()
+    },
+    // 保存节点Id
+    setEngineId(e) {
+      this.currentEnginId = e
+    },
+    // 提交审核
+    checkingSubmit() {
+      this.$confirm('此操作将删除其他施工信息, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.shenhe()
+      }).catch(() => {
+      });
+    },
+    shenhe() {
+      this.$refs.checking.validate(valid => {
+        if (valid) {
+          try {
+            this.checkingInfo.engInfoId = this.currentEnginId
+            this.checkingInfo.delInfoIdList = this.delinfoidList
+            this.checkingInfo.infoIdList = this.infoIdList
+            this.$emit('checkWorking', this.checkingInfo)
+            this.checkList = []
+          } catch (error) {
+            this.checkingInfo.engInfoId = null
+          }
+          this.checkingVisible = false
+          this.checkingInfo = {
+            reviewStatus: '',               // 审核状态
+            reviewContent: '',              // 审核内容
+            engInfoId: '',                  // 节点Id
+            createTime: '',                 // 工程创建时间
+          }
+        } else {
+          this.$message({
+            message: '请完善信息',
+            type: 'error'
+          });
+          throw 'valid Failed'
+        }
+      })
+    },
+    // 查看单节点历史
+    viewSource(e) {
+      console.log('节点', e)
+      this.node = e.name
+      this.nodesource = e
+      let data = {enginType: this.enginType}
+      getEnginMaterialQualityList(data).then(res => {
+        this.materialQualityList = res.data
+      })
+      this.$parent.viewNodeSource(e.name)
+    },
+    // 单项审核
+    checkWorking() {
+      if (this.checkList.length == 0) {
+        this.$message.warning("请选择需要审核通过的施工信息")
+        return
+      }
+      if (this.currentStatus == 'check') {
+        this.checkingVisible = true
+      }
+    },
+    updateNodeOption() {
+      if (this.checkList.length == 0) {
+        this.$message.warning("请选择需要修改的施工信息")
+        return
+      }
+      const intersection = this.currentCollapses.filter(value => this.checkList.includes(value.id));
+      this.$emit('updateNodeOption', intersection)
+    },
+    deleteById(e) {
+      console.log(e)
+      deleteinfoById(e).then(res => {
+        this.viewSource(this.nodesource)
+      })
+
+    },
+    handleDelete(row) {
+      this.$modal.confirm('是否确认删除所选数据项？').then(() => {
+        this.loading = true;
+        return this.deleteById(row)
+      }).then(() => {
+        this.loading = false;
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {
+      }).finally(() => {
+        this.loading = false;
+      });
+    },
+    /**
+     * 查看历史
+     * @param dicts 节点集合
+     * @param currentStatus 审核状态
+     * @param title 标题
+     * @param enginType 工程分类
+     * @param status 页面禁用状态
+     */
+    open(dicts, currentStatus = null, title = null, enginType, status) {
+      this.status = status;
+      if (dicts && dicts[0]) {
+        this.node = dicts[0].value
+      }
+      this.engineType = enginType
+      let data = {enginType: enginType}
+      data.enginStep = Array.isArray(dicts) ? dicts[0].value : null;
+      getEnginMaterialQualityList(data).then(res => {
+        this.materialQualityList = res.data
+      })
+      this.currentStatus = currentStatus
+      this.titleName = title
+      this.checkingVisible = false
+
+      this.currentDicts = dicts
+      this.$parent.viewNodeSource()
+      this.dialogVisible = true
+      this.$forceUpdate()
+    },
+    // 获取材质规格
+    getEnginSpecificationsList(e, idx, parentIndex) {
+      // 重置规格
+      this.currentCollapses[parentIndex].zEngineeringMaterialBo[idx].specifications = ''
+      getEnginSpecificationsList({materId: e.materialQuality}).then(res => {
+        console.log('规格', res.data)
+        this.specificationsList = res.data
+      })
+    },
+    getUrl(_, idx) {
+      this.currentCollapses[idx].zEngiineeringPhotoBoList = [...arguments][0][0].map(e => e.url) || [];
+    },
+    getductalEpitheliumUrl(_, idx) {
+      this.currentCollapses[idx].ductalEpithelium = [...arguments][0][0].map(e => e.url) || [];
+    },
+    gettrenchProspectUrl(_, idx) {
+      this.currentCollapses[idx].trenchProspect = [...arguments][0][0].map(e => e.url) || [];
+    },
+    getstonePowderUrl(_, idx) {
+      this.currentCollapses[idx].stonePowder = [...arguments][0][0].map(e => e.url) || [];
+    },
+    getwarningtTapeUrl(_, idx) {
+      this.currentCollapses[idx].warningtTape = [...arguments][0][0].map(e => e.url) || [];
+    },
+    getbeforeBottomUrl(_, idx) {
+      this.currentCollapses[idx].beforeBottom = [...arguments][0][0].map(e => e.url) || [];
+    },
+    getlegBackfillingUrl(_, idx) {
+      this.currentCollapses[idx].legBackfilling = [...arguments][0][0].map(e => e.url) || [];
+    },
+    getboxBrandUrl(_, idx) {
+      this.currentCollapses[idx].boxBrand = [...arguments][0][0].map(e => e.url) || [];
+    },
+    getLightningUrl(_, idx) {
+      this.currentCollapses[idx].lightning = [...arguments][0][0].map(e => e.url) || [];
+    },
+    getBottomLegUrl(_, idx) {
+      this.currentCollapses[idx].bottomLeg = [...arguments][0][0].map(e => e.url) || [];
+    },
+    getGroundHardeningUrl(_, idx) {
+      this.currentCollapses[idx].groundHardening = [...arguments][0][0].map(e => e.url) || [];
+    },
+    getinferiorSulcusUrl(_, idx) {
+      this.currentCollapses[idx].inferiorSulcus = [...arguments][0][0].map(e => e.url) || [];
+    },
+    getphotosAfterUrl(_, idx) {
+      this.currentCollapses[idx].photosAfter = [...arguments][0][0].map(e => e.url) || [];
+    },
+    getVideoUrl(_, idx) {
+      this.currentCollapses[idx].video = [...arguments][0][0].map(e => e.url) || [];
+      console.log(this.currentCollapses[idx].video)
+    },
+    getconstructionRecordsUrl(_, idx) {
+      this.currentCollapses[idx].constructionRecords = [...arguments][0][0].map(e => e.url) || [];
+      console.log(this.currentCollapses[idx].constructionRecords)
+    },
+    getonTheDitchUrl(_, idx) {
+      this.currentCollapses[idx].onTheDitch = [...arguments][0][0].map(e => e.url) || [];
+      console.log(this.currentCollapses[idx].onTheDitch)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .nodeForm {
+  .el-form-item__content {
+    display: flex;
+  }
+}
+
+::v-deep .materialForm {
+  display: flex !important;
+  flex-wrap: wrap;
+
+  .el-form-item {
+    width: 320px;
+  }
+}
+
+::v-deep .obsImageUpload {
+  .el-upload--picture-card {
+    display: block !important;
+  }
+}
+
+::v-deep .obsImageUpload > div {
+  display: flex;
+}
+
+::v-deep .el-dialog {
+  height: 85%;
+
+  .el-dialog__body {
+    overflow: hidden;
+    height: 91%;
+  }
+}
+
+::v-deep .el-upload-notShow {
+  .el-upload--picture-card {
+    display: none;
+  }
+}
+
+::v-deep .labelWidth {
+  .el-form-item__label {
+    width: 100px;
+  }
+}
+
+::v-deep .obsImageUploads {
+  .el-upload--picture-card {
+    display: none;
+  }
+}
+
+.ConstructionDetailsDialog {
+  position: absolute;
+
+  .projectTabs {
+    height: 100%;
+    overflow: hidden;
+    overflow-y: scroll;
+    margin-top: 4%;
+
+    ::v-deep .el-tabs__content {
+      margin-top: 1%;
+    }
+
+    ::v-deep .el-tabs__nav {
+      border: none;
+      overflow: hidden;
+      overflow-x: scroll;
+    }
+
+    ::v-deep .el-tabs__item {
+      // width: 47%;
+      border: 1px solid #a3d3ff;
+      border-radius: 5px;
+    }
+
+    ::v-deep .el-tabs__item.is-active {
+      background-color: #e8f4ff;
+      color: #1890ff;
+    }
+
+    ::v-deep .el-tabs__header {
+      position: fixed;
+      width: 53%;
+      border: none;
+      top: 13%;
+    }
+
+    ::v-deep .el-collapse-item__wrap {
+      padding: 0 4%;
+    }
+
+    .check {
+      position: fixed;
+      right: 22.1%;
+      top: 13.1%;
+      height: 4.6%;
+      //background-color: #CC9900;
+      //color: #fff;
+    }
+  }
+
+  .projectTabs::-webkit-scrollbar {
+    display: none;
+  }
+
+  ::v-deep .rmOldPie {
+
+    .el-collapse-item {
+      border: none;
+    }
+  }
+}
+
+.personInfo > span:not(:nth-child(1)) {
+  margin-left: 50px;
+}
+
+::v-deep .checkingDialog {
+  height: 50%;
+  margin-top: 6%;
+
+  .el-dialog__body {
+    height: 72%;
+  }
+
+  .el-textarea__inner {
+    width: 246%;
+    height: 140px;
+  }
+}
+</style>

src/components/EnginNodeInfo/indexSZ.vue

@@ -0,0 +1,405 @@
+<!--
+ *@description: 节点信息form（新）
+ *@author: yh Fu
+ *@date: 2024-01-10 14:44:14
+ *@version: V1.0.5
+ -->
+<template>
+  <div style="width: 100%; height: 100%;">
+    <!-- 节点表单 -->
+    <el-form ref="fangxianForm" :model="nodeInfo" :rules="nodeRules" label-width="200px">
+      <h2 style="margin-left: 16%;font-weight: 800;">{{ name }}</h2>
+      <el-form-item label="施工时间" prop="constructTime" :style=" 'margin-left: -27px' ">
+        <el-date-picker
+          :disabled="formType"
+          v-model="nodeInfo.constructTime"
+          value-format="yyyy-MM-dd hh:mm:ss"
+          type="datetime"
+          placeholder="请选择施工时间">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="照片" prop="zEngiineeringPhotoBoList" class="obsImage" >
+        <ObsImageUpload ref="obsImageUpload" :limit="9999" :fileType="['png', 'jpg', 'jpeg']" :value="nodeInfo.zEngiineeringPhotoBoList"
+                        @input="getUrl"></ObsImageUpload>
+      </el-form-item>
+      <el-form-item label="施工内容" prop="remark">
+        <el-input
+          v-model="nodeInfo.remark"
+          type="textarea"
+          placeholder="请输入施工内容"
+          maxlength="255"
+        />
+      </el-form-item>
+      <div style="width: 25%;position: relative;left: 20.5%;top: -8px;" v-if="['焊接、防腐','架空管线','下管','沟下连头'].includes(name)">
+        <el-button @click="addMaterial()">新增用料信息</el-button>
+      </div>
+      <el-row v-for="(item, index) in zEngineeringMaterialBo" v-if="['焊接、防腐','架空管线','下管','沟下连头'].includes(name)" :key="index" style="left: 13.5%;" :class="'rowStructure'">
+        <el-col :span="7">
+          <el-form-item
+            :prop="'zEngineeringMaterialBo.' + index + '.materialQuality'"
+            label-width="50px"
+            label="材质"
+
+          >
+            <el-select v-model="item.materialQuality" placeholder="请选择材质" style="width: 100%" @change="getEnginSpecificationsList(item, index)" filterable @blur="selectBlur(arguments,index,'materialQuality')">
+              <el-option
+                v-for="e in materialQualityList"
+                :key="e.id"
+                :label="e.name"
+                :value="e.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item
+            :prop="'zEngineeringMaterialBo.' + index + '.specifications'"
+            label-width="50px"
+            label="规格"
+
+          >
+            <el-select v-model="item.specifications" placeholder="请选择规格" style="width: 100%" filterable @blur="selectBlur(arguments,index,'specifications')">
+              <el-option
+                v-for="e in specificationsList"
+                :key="e.id"
+                :label="e.name"
+                :value="e.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item
+            :prop="'zEngineeringMaterialBo.' + index + '.number'"
+            label-width="50px"
+            label="米数"
+          >
+            <div class="block" style="display: inline-block; margin-right: 20px;">
+              <el-input v-model="item.number" placeholder="请输入米数" style="width: 100%" oninput="value=value.match(/\d+(\.\d{0,1})?/) ? value.match(/\d+(\.\d{0,1})?/)[0] : ''" :disabled="status == 'read-only'"><template slot="append">米</template></el-input>
+            </div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item
+            :prop="'zEngineeringMaterialBo.' + index + '.number'"
+            label-width="50px"
+          ><div class="block" style="display: inline-block; margin-right: 20px;"></div></el-form-item>
+        </el-col>
+
+        <el-button v-if="zEngineeringMaterialBo.length > 0" @click="removezEngineeringMaterialBo(index)">
+            删除
+        </el-button>
+      </el-row>
+      <el-row v-for="(item, index) in zEngineeringMaterialBo" v-if="['阀井'].includes(name)" :key="index" style="left: 13.5%;" :class="'rowStructure'">
+        <el-col :span="7">
+          <el-form-item
+            :prop="'zEngineeringMaterialBo.' + index + '.remark'"
+            label-width="50px"
+            label="型号"
+          >
+            <div class="block" style="display: inline-block; margin-right: 20px;">
+              <el-input v-model="item.remark" placeholder="请输入型号" style="width: 100%" :disabled="status == 'read-only'"/>
+            </div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item
+            :prop="'zEngineeringMaterialBo.' + index + '.number'"
+            label-width="50px"
+          ><div class="block" style="display: inline-block; margin-right: 20px;"></div></el-form-item>
+        </el-col>
+
+        <el-button v-if="zEngineeringMaterialBo.length > 0" @click="removezEngineeringMaterialBo(index)">
+            删除
+        </el-button>
+      </el-row>
+      <hr style="position: relative;left: 10%;">
+    </el-form>
+
+  </div>
+</template>
+
+<script>
+import {
+  getEnginMaterialQualityList,                    // 材质
+  getEnginSpecificationsList,                     // 规格
+  getDictType,                                    // 腐蚀程度
+
+} from '@/api/zdsz/enginee'
+import ObsVideoUpload from "@/components/ObsVideoUpload/index.vue";
+export default {
+  name:'EnginNodeInfo',
+  props:['types','enginType','enginSort','enginNode','name','currentContain','updateOption','status'],
+  dicts:[
+    'visit_type',
+    'self_closing_valve_type',
+    'brand',
+    'construct_addre'
+  ],
+  components:{ObsVideoUpload},
+  data(){
+    return {
+      constructAccordingDrawingsOption:[
+        {
+          value:'Y',
+          label:'是'
+        },
+        {
+          value:'N',
+          label:'否'
+        }
+      ],
+      segmentedCompressionQualifiedOption:[
+        {
+          value:'1',
+          label:'合格'
+        },
+        {
+          value:'0',
+          label:'不合格'
+        }
+      ],
+      materialQualityList_zbf:[],                      // 自闭阀option
+      materialQualityList_zjg:[],                      // 灶具管option
+      materialQualityList:[],                     // 材质
+      specificationsList:[],                      // 规格
+      materialComponList:[],
+      nodeInfo:{
+        backfillTime:'',                        // 回填时间
+        constructTime:'',
+        constructAccordingDrawings:'',
+        segmentedCompressionQualified:'',
+        zEngiineeringPhotoBoList:[],            // 照片集合
+        zEngineeringMaterialBo:[],              // 用料集合
+        remark:'',
+        constructAddre:''
+      },
+      nodeInfoBo:{
+        zEngineeringInfoBo:{
+
+        }
+      },                                         //  节点信息
+      zEngineeringMaterialBo:[
+
+      ],                                         //  用料信息
+      nodeRules:{
+        zEngiineeringPhotoBoList: [
+          {required: true, message: "至少上传一张图片", trigger: "change"}
+        ],
+        constructTime: [
+          {required: true, message: "请选择施工时间", trigger: "change"}
+        ]
+      }
+    }
+  },
+  created(){
+      // 获取材质
+      let enginType = '市政工程'
+      getEnginMaterialQualityList({enginType:enginType}).then(res => {
+        this.materialQualityList = res.data
+      })
+  },
+  mounted(){
+    console.log('当前节点name',this.name)
+    console.log('update',this.updateOption)
+    console.log('当前节点currentContain',this.types)
+    this.materialComponList = this.currentContain.find(e => {
+      if( e instanceof Array){
+        return e
+      }
+
+    })
+
+    if(this.status == '修改'){
+      this.currentContain.find(e => {
+        console.log(this.updateOption)
+        if( e instanceof Array){
+          this.zEngineeringMaterialBo = this.updateOption.zEngineeringInfoBoList[0].zEngineeringMaterialBo
+        }
+        this.nodeInfo[e] = this.updateOption[e]
+      })
+      this.nodeInfo.zEngiineeringPhotoBoList = this.updateOption.zEngineeringInfoBoList[0].zEngiineeringPhotoBoList
+    }
+
+    setTimeout(() => {
+      // 至少存在一条物料
+      this.addMaterial()
+    },1500)
+    console.log('用料组件',this.materialComponList)
+    console.log('用料信息',this.zEngineeringMaterialBo)
+    console.log('节点信息',this.nodeInfo)
+    // 添加用料对象
+    // this.addMaterial()
+  },
+  methods:{
+    selectBlur(_,index,name) {
+      this.zEngineeringMaterialBo[index][name] = [...arguments][0][0].target.value
+    },
+    // 收集节点信息
+    infoCollection(){
+      let result = null
+      console.log(this.$refs.fangxianForm)
+      this.$refs.fangxianForm.validate(valid => {
+        if(valid){
+          // 收集主节点信息
+          this.currentContain.forEach(e => {
+            if( e instanceof Array){
+              // 包含用料 特殊处理
+              return
+            }
+            this.nodeInfoBo[e] = this.nodeInfo[e]
+          })
+          this.nodeInfoBo.type = this.name
+          // 接口数据格式修改 图片和用料放到nodeInfoBo节点详情对象中
+          this.nodeInfoBo.zEngineeringInfoBo.zEngiineeringPhotoBoList = this.nodeInfo.zEngiineeringPhotoBoList
+          this.nodeInfoBo.zEngineeringInfoBo.zEngineeringMaterialBo = this.zEngineeringMaterialBo
+          this.nodeInfoBo.zEngineeringInfoBo.constructAddre=this.nodeInfo.constructAddre
+          this.nodeInfoBo.zEngineeringInfoBo.constructTime=this.nodeInfo.constructTime
+          delete this.nodeInfo.zEngiineeringPhotoBoList
+          console.log('即将返回的节点Info',this.nodeInfoBo)
+          result = this.nodeInfoBo
+        } else {
+          this.$message({
+            message: '请完善信息',
+            type: 'error'
+          });
+          throw 'valid Failed'
+        }
+      })
+      return result
+    },
+    addMaterial(){
+      let materialBo = {}
+      // this.materialComponList.forEach(e => {
+      //   materialBo[e] = null
+      // })
+      this.zEngineeringMaterialBo.push(materialBo)
+      this.nodeInfo.zEngineeringMaterialBo.push(materialBo)
+      // console.log('节点用料参数对象',this.zEngineeringMaterialBo)
+    },
+    addzEngineeringMaterialBo(option,params){
+      let material = {}
+      params.forEach(e => {
+        material[e] = ""
+      })
+      this[option].zEngineeringMaterialBo.push(
+        material
+      )
+    },
+    removezEngineeringMaterialBo(index){
+      this.zEngineeringMaterialBo.splice(index, 1);
+    },
+    // 填充已有数据
+    updateInfo(e){
+      console.log('填充',e)
+    },
+    getUrl(url) {
+      this.nodeInfo.zEngiineeringPhotoBoList = this.$refs.obsImageUpload.fileList ? this.$refs.obsImageUpload.fileList.map(e=>e.url):[];
+    },
+    getductalEpitheliumUrl(url) {
+      this.nodeInfo.ductalEpithelium = this.$refs.ductalEpithelium.fileList ? this.$refs.ductalEpithelium.fileList.map(e=>e.url):[];
+    },
+    getstonePowderUrl(url) {
+      this.nodeInfo.stonePowder = this.$refs.stonePowder.fileList ? this.$refs.stonePowder.fileList.map(e=>e.url):[];
+    },
+    gettrenchProspectUrl(url) {
+      this.nodeInfo.trenchProspect = this.$refs.trenchProspect.fileList ? this.$refs.trenchProspect.fileList.map(e=>e.url):[];
+    },
+    getwarningtTapeUrl(url) {
+      this.nodeInfo.warningtTape = this.$refs.warningtTape.fileList ? this.$refs.warningtTape.fileList.map(e=>e.url):[];
+    },
+    getphotosAfterUrl(url) {
+      this.nodeInfo.photosAfter = this.$refs.photosAfter.fileList ? this.$refs.photosAfter.fileList.map(e=>e.url):[];
+    },
+    getbeforeBottomUrl(url) {
+      this.nodeInfo.beforeBottom = this.$refs.beforeBottom.fileList ? this.$refs.beforeBottom.fileList.map(e=>e.url):[];
+    },
+    getlegBackfillingUrl(url) {
+      this.nodeInfo.legBackfilling = this.$refs.legBackfilling.fileList ? this.$refs.legBackfilling.fileList.map(e=>e.url):[];
+    },
+    getinferiorSulcusUrl(url) {
+      this.nodeInfo.inferiorSulcus = this.$refs.inferiorSulcus.fileList ? this.$refs.inferiorSulcus.fileList.map(e=>e.url):[];
+    },
+    getboxBrandUrl(url) {
+      this.nodeInfo.boxBrand = this.$refs.boxBrand.fileList ? this.$refs.boxBrand.fileList.map(e=>e.url):[];
+    },
+    getLightningUrl(url) {
+      this.nodeInfo.lightning = this.$refs.Lightning.fileList ? this.$refs.Lightning.fileList.map(e=>e.url):[];
+    },
+    getGroundHardeningUrl(url) {
+      this.nodeInfo.groundHardening = this.$refs.GroundHardening.fileList ? this.$refs.GroundHardening.fileList.map(e=>e.url):[];
+    },
+    getBottomLegUrl(url) {
+      this.nodeInfo.bottomLeg = this.$refs.BottomLeg.fileList ? this.$refs.BottomLeg.fileList.map(e=>e.url):[];
+    },
+    getconstructionRecordsUrl(url) {
+      this.nodeInfo.constructionRecords = this.$refs.constructionRecords.fileList ? this.$refs.constructionRecords.fileList.map(e=>e.url):[];
+    },
+    getVideoUrl(url) {
+      this.nodeInfo.video = this.$refs.Video.fileList ? this.$refs.Video.fileList.map(e=>e.url):[];
+    },
+    getonTheDitchUrl(url) {
+      this.nodeInfo.onTheDitch = this.$refs.onTheDitch.fileList ? this.$refs.onTheDitch.fileList.map(e=>e.url):[];
+    },
+
+    // 获取材质规格
+    getEnginSpecificationsList(e,idx){
+      this.zEngineeringMaterialBo[idx].specifications = null;
+      getEnginSpecificationsList({materId:e.materialQuality}).then(res => {
+        console.log('规格',res.data)
+        this.specificationsList = res.data
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+::v-deep .material_desc{
+  .el-form-item__content{
+    margin-left: 50px !important;
+  }
+}
+::v-deep .el-form{
+  position: relative;
+  left: -10%;
+  .el-form-item{
+    display: inline-block;
+  }
+  .obsImage{
+    width: 100%;
+    display: block;
+    margin-left: 8%;
+    .el-form-item__label{
+      width: 113px !important;
+    }
+    .el-form-item__error{
+      position: relative;
+      left: -10%;
+    }
+  }
+
+  .obsActiveImage{
+    .el-form{
+        left:-14% !important
+    }
+    .el-form-item__label{
+      width: 97px !important;
+    }
+  }
+
+  .obsActiveImageStructure{
+    .el-form-item__label{
+      width:161px !important;
+    }
+  }
+
+  .rowStructure{
+    padding-left: 3.6%;
+    .el-col .el-form-item{
+      width:73%
+    }
+  }
+}
+</style>

src/views/zdsz/engineeringIndustry/index.vue

@@ -391,15 +391,13 @@ import {
 } from '@/api/zdsz/engineeringIndustry'
 import {getDicts} from "@/api/system/dict/data";
 import EngineePipe from '@/components/EngineePipe'
-import ConstructionDetails from '@/components/ConstructionDetails/index.vue'
+import ConstructionDetails from '@/components/ConstructionDetails/indexSZ.vue'
 import {
-  getDictList,
   getEnginMaterialQualityList,
-  insertReview, putEngineeringCivil,
+  insertReview,
 } from '@/api/zdsz/enginee'
 import {getEnginSpecificationsList} from '@/api/zdsz/enginSpecifications'
-import EnginNodeInfo from "@/components/EnginNodeInfo/index.vue";
-import {addEngineeringCivil} from "@/api/zdsz/engineeringCivil";
+import EnginNodeInfo from "@/components/EnginNodeInfo/indexSZ.vue";
 
 export default {
   name: "市政",