zdsz_vue/src/components/ConstructionDetails/index.vue

<!--
   *@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-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%;">
                <div
                  style="width: 15px;height: 15px;margin: auto 10px;border-radius: 73%;background-color: #a3d3ff;box-shadow: 1px 1px rgb(131 131 131 / 62%);">
                </div>
                <h2 style="margin-left: 1%;font-weight: 700;">{{ e.updateTime }}</h2>
              </div>
            </template>
            <!--  人员信息 -->
            <div class="personInfo">
              <span>负责人：{{ e.headName }} </span>
              <span>负责人电话：{{
                  e.headPhone === undefined || e.headPhone === null || e.headPhone === '' ? '无' : e.headPhone
                }}</span>
<!--              <span>施工人：{{ e.constructUser }}</span>-->
<!--              <span>施工人电话：{{-->
<!--                  e.constructPhone === undefined || e.constructPhone === null || e.constructPhone === '' ? '无' : e.constructPhone-->
<!--                  }}</span>-->
            </div>
            <hr>
            <!--  用料明细 -->
            <div
                v-for="(i,index) in e.zEngineeringMaterialBo || [] "
                :key="index"
              >
                <el-form :model="nodeInfo" class="nodeForm materialForm">
                    <el-form-item
                      :prop="i.materialQuality"
                      :class="enginType != '基建工程' && enginType != '民用工程' ? 'labelWidth' : '' "
                      :label="activeNames == '阀管' ? '灶具管厂家': '材质'"
                      v-show="i.materialQuality != null"
                      label-width="95px"
                      >
                      <!--                  :rules="{required: true, message: '请输入材质', trigger: 'blur'}"-->
                      <!--                  <el-input v-model="item.materialQuality" placeholder="请输入材质" style="width: 100%"/>-->
                      <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 (activeNames == '阀管' ?materialQualityList_zjg:materialQualityList)"
                          :key="e.id"
                          :label="e.name"
                          :value="e.id"
                          ></el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item
                      :prop="i.specifications"
                      :class="enginType != '基建工程' && enginType != '民用工程' ? 'labelWidth' : '' "
                      label="规格"
                      v-show="i.specifications != null"
                      label-width="95px"

                      >
                      <el-select v-model="i.specifications" placeholder="请选择规格" style="width: 100%" :disabled="status == 'read-only' ">
                          <!-- <el-option
                          v-for="e in specificationsList"
                          :key="e.id"
                          :label="e.name"
                          :value="e.id"
                          ></el-option> -->
                          <el-option
                          v-for="e in corrosionLevelListAll.filter(e => e.materId == i.materialQuality)"
                          :key="e.id"
                          :label="e.name"
                          :value="e.id"
                          ></el-option>
                      </el-select>
                    </el-form-item>
                  <el-form-item
                    v-if="currentDicts.some(item=>item.label==='底腿')"
                    :prop="i.number + ''"
                    :class="enginType != '基建工程' && enginType != '民用工程' ? 'labelWidth' : '' "
                    label="管径"
                    v-show="i.number != null"
                    label-width="95px"
                  >
                    <div class="block" style="display: inline-block; margin-right: 20px;">
                      <el-input v-model="i.number" placeholder="请输入管径" style="width: 100%" type="number" oninput="value = value.replace(/[^\d]/g, '');if(value.length>9); value=value.slice(0,9)" max="999999999" :disabled="status == 'read-only'"></el-input>
                    </div>
                  </el-form-item>

                  <el-form-item
                    v-if="currentDicts.some(item=>item.label==='底腿')"
                    :prop="e.constructAddre + ''"
                    :class="enginType != '基建工程' && enginType != '民用工程' ? 'labelWidth' : '' "
                    label="位置"
                    v-show="currentDicts.some(item=>item.label==='底腿')"
                    label-width="95px"
                  >
                    <div class="block" style="display: inline-block; margin-right: 20px;">
                      <el-select v-model="e.constructAddre" style="width: 100%;" :disabled="status == 'read-only'">
                        <el-option
                          v-for="e in dict.type.construct_addre"
                          :key="e.value"
                          :label="e.label"
                          :value="e.value"
                        ></el-option>
                      </el-select>
                    </div>
                  </el-form-item>
                  <el-form-item
                    v-if="currentDicts.some(item=>item.label==='底腿')"
                    :prop="i.remark + ''"
                    :class="enginType != '基建工程' && enginType != '民用工程' ? 'labelWidth' : '' "
                    label="具体位置"
                    v-show="currentDicts.some(item=>item.label==='底腿')"
                    label-width="95px"
                  >
                    <div class="block" style="display: inline-block; margin-right: 20px;">
                      <el-input v-model="i.remark" placeholder="请输入具体位置" style="width: 100%"  :disabled="status == 'read-only'"></el-input>
                    </div>
                  </el-form-item>
<!--                    <el-form-item-->
<!--                      v-else-->
<!--                      :prop="i.number + ''"-->
<!--                      :class="enginType != '基建工程' && enginType != '民用工程' ? 'labelWidth' : '' "-->
<!--                      label="米数"-->
<!--                      v-show="i.number != null"-->
<!--                      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'"> <template slot="append">米</template></el-input>-->

<!--                      </div>-->
<!--                    </el-form-item>-->


                    <el-form-item
                      :prop="i.remark + ''"
                      :class="enginType != '基建工程' && enginType != '民用工程' ? 'labelWidth' : '' "
                      label="描述"
                      v-show="i.remark != null&&!currentDicts.some(item=>item.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-item
                      :prop="i.corrosionLevel"
                      label="腐蚀等级"
                      v-show="i.corrosionLevel != null"
                      label-width="95px"

                      >
                      <!--                  :rules="{required: true, message: '请输入材质', trigger: 'blur'}"-->
                      <!--                  <el-input v-model="item.materialQuality" placeholder="请输入材质" style="width: 100%"/>-->
                      <el-select v-model="i.corrosionLevel" placeholder="请选择腐蚀等级" style="width: 100%" :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.visitType"
                      label="上门类型"
                      v-show="i.visitType != null"
                      label-width="95px"

                      >
                      <!--                  :rules="{required: true, message: '请输入材质', trigger: 'blur'}"-->
                      <!--                  <el-input v-model="item.materialQuality" placeholder="请输入材质" style="width: 100%"/>-->
                      <el-select v-model="i.visitType" placeholder="请选择上门类型" style="width: 100%" :disabled="status == 'read-only' ">
                          <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
                      :prop="i.selfClosingValveType"
                      label="自闭阀类型"
                      v-show="i.selfClosingValveType != null"
                      label-width="95px"
                      >
                      <!--                  :rules="{required: true, message: '请输入材质', trigger: 'blur'}"-->
                      <!--                  <el-input v-model="item.materialQuality" placeholder="请输入材质" style="width: 100%"/>-->
                      <el-select v-model="i.selfClosingValveType" placeholder="请选择自闭阀类型" style="width: 100%" :disabled="status == 'read-only' ">
                          <el-option
                            v-for="e in materialQualityList_zjg"
                            :key="e.id"
                            :label="e.name"
                            :value="e.id"
                          ></el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item
                      :prop="i.brand"
                      label="品牌"
                      v-show="i.brand != null"
                      label-width="95px"
                      >
                      <!--                  :rules="{required: true, message: '请输入材质', trigger: 'blur'}"-->
                      <!--                  <el-input v-model="item.materialQuality" placeholder="请输入材质" style="width: 100%"/>-->
                      <el-select v-model="i.brand" placeholder="请选择品牌" style="width: 100%" :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>
                <!-- <el-input size="mini" v-if="i.brand" style="width: 80%" v-model="i.brand" placeholder="请输入品牌">
                  <template slot="prepend">品牌</template>
                </el-input>
                <el-input v-if="i.visitType" size="mini" v-model="i.visitType" placeholder="请输入品牌">
                  <template slot="prepend">上门类型</template>
                </el-input>
                <el-input size="mini" v-if="i.corrosionLevel" v-model="i.corrosionLevel" placeholder="请输入品牌">
                  <template slot="prepend">腐蚀等级</template>
                </el-input>
                <el-input size="mini" v-if="i.selfClosingValveType" v-model="i.selfClosingValveType"
                          placeholder="请输入品牌">
                  <template slot="prepend">自闭阀类型</template>
                </el-input> -->
            </div>
            <!-- <el-form-item label="照片" prop="zEngiineeringPhotoBoList" class="obsImage"> -->
              <div style="display: flex;width: 100%;height: 100%;" v-if="!(currentDicts.some(item=>item.label==='底腿'))&&!(node==='下沟')&&!(node=='回填')">
                <h3 style="width: 95px;font-weight: 600;text-align: center;text-indent: 41px;">图片</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;width: 100%;height: 100%;" v-if="node==='下沟'">
              <h3 style="width: 95px;font-weight: 600;text-align: center;text-indent: 41px;">管上皮深度测量照片</h3>
              <ObsImageUpload
                :class=" status == 'read-only' ? 'obsImageUploads' : '' "
                ref="obsImageUpload"
                :limit="11"
                :fileType="['png', 'jpg', 'jpeg']"
                @input="getductalEpitheliumUrl(arguments,idx)"
                :value="e.ductalEpithelium"
                :disabled="status == 'read-only' "
              ></ObsImageUpload>
            </div>
            <div style="display: flex;width: 100%;height: 100%;" v-if="node==='下沟'">
              <h3 style="width: 95px;font-weight: 600;text-align: center;text-indent: 41px;">管沟远景照片</h3>
              <ObsImageUpload
                :class=" status == 'read-only' ? 'obsImageUploads' : '' "
                ref="obsImageUpload"
                :limit="11"
                :fileType="['png', 'jpg', 'jpeg']"
                @input="gettrenchProspectUrl(arguments,idx)"
                :value="e.trenchProspect"
                :disabled="status == 'read-only' "
              ></ObsImageUpload>
            </div>
            <div style="display: flex;width: 100%;height: 100%;" v-if="node==='下沟'">
              <h3 style="width: 95px;font-weight: 600;text-align: center;text-indent: 41px;">视频</h3>
              <ObsVideoUpload
                :class=" status == 'read-only' ? 'obsImageUploads' : '' "
                ref="obsImageUpload"
                :limit="11"
                :fileType="['mp4']"
                @input="getVideoUrl(arguments,idx)"
                :value="e.video"
                :disabled="status == 'read-only' "
              ></ObsVideoUpload>
            </div>
            <div style="display: flex;width: 100%;height: 100%;" v-if="node==='下沟'">
              <h3 style="width: 95px;font-weight: 600;text-align: center;text-indent: 41px;">管道施工记录</h3>
              <ObsImageUpload
                :class=" status == 'read-only' ? 'obsImageUploads' : '' "
                ref="obsImageUpload"
                :limit="11"
                :fileType="['png', 'jpg', 'jpeg']"
                @input="getconstructionRecordsUrl(arguments,idx)"
                :value="e.constructionRecords"
                :disabled="status == 'read-only' "
              ></ObsImageUpload>
            </div>
            <div style="display: flex;width: 100%;height: 100%;" v-if="node==='回填'">
              <h3 style="width: 95px;font-weight: 600;text-align: center;text-indent: 41px;">石粉回填照片</h3>
              <ObsImageUpload
                :class=" status == 'read-only' ? 'obsImageUploads' : '' "
                ref="obsImageUpload"
                :limit="11"
                :fileType="['png', 'jpg', 'jpeg']"
                @input="getstonePowderUrl(arguments,idx)"
                :value="e.stonePowder"
                :disabled="status == 'read-only' "
              ></ObsImageUpload>
            </div>
            <div style="display: flex;width: 100%;height: 100%;" v-if="node==='回填'">
              <h3 style="width: 95px;font-weight: 600;text-align: center;text-indent: 41px;">警示带铺设</h3>
              <ObsImageUpload
                :class=" status == 'read-only' ? 'obsImageUploads' : '' "
                ref="obsImageUpload"
                :limit="11"
                :fileType="['png', 'jpg', 'jpeg']"
                @input="getwarningtTapeUrl(arguments,idx)"
                :value="e.warningtTape"
                :disabled="status == 'read-only' "
              ></ObsImageUpload>
            </div>
            <div style="display: flex;width: 100%;height: 100%;" v-if="node==='回填'">
              <h3 style="width: 95px;font-weight: 600;text-align: center;text-indent: 41px;">回填后</h3>
              <ObsImageUpload
                :class=" status == 'read-only' ? 'obsImageUploads' : '' "
                ref="obsImageUpload"
                :limit="11"
                :fileType="['png', 'jpg', 'jpeg']"
                @input="getphotosAfterUrl(arguments,idx)"
                :value="e.photosAfter"
                :disabled="status == 'read-only' "
              ></ObsImageUpload>
            </div>
            <div style="display: flex;width: 100%;height: 100%;" v-if="currentDicts.some(item=>item.label==='底腿')">
              <h3 style="width: 95px;font-weight: 600;text-align: center;text-indent: 41px;">开挖前</h3>
              <ObsImageUpload
                :class=" status == 'read-only' ? 'obsImageUploads' : '' "
                ref="obsImageUpload"
                :limit="11"
                :fileType="['png', 'jpg', 'jpeg']"
                @input="getbeforeBottomUrl(arguments,idx)"
                :value="e.beforeBottom"
                :disabled="status == 'read-only' "
              ></ObsImageUpload>
            </div>
            <div style="display: flex;width: 100%;height: 100%;" v-if="currentDicts.some(item=>item.label==='底腿')">
              <h3 style="width: 95px;font-weight: 600;text-align: center;text-indent: 41px;">回填</h3>
              <ObsImageUpload
                :class=" status == 'read-only' ? 'obsImageUploads' : '' "
                ref="obsImageUpload"
                :limit="11"
                :fileType="['png', 'jpg', 'jpeg']"
                @input="getlegBackfillingUrl(arguments,idx)"
                :value="e.legBackfilling"
                :disabled="status == 'read-only' "
              ></ObsImageUpload>
            </div>
            <div style="display: flex;width: 100%;height: 100%;" v-if="currentDicts.some(item=>item.label==='底腿')">
              <h3 style="width: 95px;font-weight: 600;text-align: center;text-indent: 41px;">下沟</h3>
              <ObsImageUpload
                :class=" status == 'read-only' ? 'obsImageUploads' : '' "
                ref="obsImageUpload"
                :limit="11"
                :fileType="['png', 'jpg', 'jpeg']"
                @input="getinferiorSulcusUrl(arguments,idx)"
                :value="e.inferiorSulcus"
                :disabled="status == 'read-only' "
              ></ObsImageUpload>
            </div>
            <!-- </el-form-item> -->
            <div style="display: flex;  justify-content: flex-end; width: 100%;height: 100%;">
            <el-button  plain type="danger" @click=" handleDelete(e)" v-hasPermi="['zdsz:engineeringCivilNode:remove']" style="width: 94px;">删除</el-button>
<!--            <hr>-->
            </div>
          </el-collapse-item>
        </el-collapse>
      </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="currentStatus != 'check' && status != 'read-only'  ">修改</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 {
  getEnginMaterialQualityList,                    // 材质
  getEnginSpecificationsList,                     // 规格
  getDictType, deleteinfoById,                                    // 腐蚀程度

} from '@/api/zdsz/enginee'
import ObsVideoUpload from "@/components/ObsVideoUpload/index.vue";
import {delEngineeringCivil} from "@/api/zdsz/engineeringCivil";
export default {
  name: 'ConstructionDetails',
  dicts:[
      'visit_type',
      'self_closing_valve_type',
      'brand',
    'construct_addre'
  ],
  components:{ObsVideoUpload},
  props: ['currentCollapses','nodeDetailType','enginType','status','zEngineeringNodeBo'],
  data() {
    return {
      enginSort:'',
      enginNode:'',
      currentDicts: [],              // 当前类型工程节点项
      dialogVisible: false,
      activeNames: '',
      titleName: '',
      reviewStatusList:[
        {
          value:'1',
          label:'通过'
        },
        {
          value:'0',
          label:'不通过'
        }
      ],
      nodesource:'',// 审核状态option
      materialQualityList_zbf:[],                      // 自闭阀option
      materialQualityList_zjg:[],                      // 灶具管option
      materialQualityList:[],                     // 材质
      specificationsList:[],                      // 规格
      materialComponList:[],
      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:[],
      checkingRule:{
        reviewStatus: [
          {required: true, message: "审核状态不能为空", trigger: "blur"}
        ],
        reviewContent: [
          {required: true, message: "审核内容不能为空", trigger: "change"}
        ],
      },node:null
    }
  },
  created(){
      // 获取材质
      getEnginMaterialQualityList({enginType:this.enginType,enginStep:this.activeNames}).then(res => {
          console.log('材质',res)
          this.materialQualityList = res.data
      })
      getEnginSpecificationsList().then(res => {
        console.log('规格',res.data)
        this.corrosionLevelListAll = res.data
      })

  },
  mounted() {
  },
  computed:{

  },
  watch: {
    // 此处监听variable变量，当期有变化时执行
    currentDicts(item1, item2) {
      // item1为新值，item2为旧值
      console.log('item1为新值，item2为旧值', item1[0].value)
      this.activeNames = item1[0].value
      this.$parent.viewNodeSource(item1[0].value)
    },
    currentCollapses(){
      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 => {
          console.log('规格',res.data)
          this.specificationsList = res.data
        })
      }
    }
  },
  methods: {
    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()
    },
    getSpecificationsList(id){
      getEnginSpecificationsList({materId:id}).then(res => {
        console.log('________a',res.data)
        return res.data
      })
    },
    // 保存节点Id
    setEngineId(e){
      this.currentEnginId = e
    },
    // 提交审核
    checkingSubmit(){
      this.$refs.checking.validate(valid => {
        if(valid){
          try {
            this.checkingInfo.engInfoId = this.currentEnginId
            this.$emit('checkWorking',this.checkingInfo)
          } catch (error) {
            this.checkingInfo.engInfoId = null
          }
          // this.dialogVisible = false
          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
      console.log('data',this.zEngineeringNodeBo)
      let data = {enginSort:this.zEngineeringNodeBo.enginType}
      console.log(this.node)
      data.enginStep = this.node
      data.enginNode = this.zEngineeringNodeBo.enginClassification
      getEnginMaterialQualityList(data).then(res => {
        this.materialQualityList = res.data
      })
      this.$parent.viewNodeSource(e.name)
    },
    // 单项审核
    checkWorking() {
      if(this.currentStatus == 'check'){
        this.checkingVisible = true
      }
    },
    updateNodeOption(){
      console.log(this.activeNames)
      console.log('最新面板',this.currentCollapses)
      this.$emit('updateNodeOption',this.currentCollapses)
    },
    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;
      });
    },
    // 查看历史
    open(dicts, type = null,currentStatus = null,kind = null,title= null,zEngineeringNodeBo) {
      console.log(zEngineeringNodeBo)
      let data = {enginSort:zEngineeringNodeBo.enginType}
      // if (this.node !== ''){
      // }
      // 腐蚀等级
      data.enginStep = dicts[0].value;
      if(this.activeNames == '阀管'){
        data.nameType = "自闭阀厂家";
        getEnginMaterialQualityList(data).then(res => {
          this.materialQualityList_zbf = res.data
        })
        data.nameType = "灶具管厂家";
        getEnginMaterialQualityList(data).then(res => {
          this.materialQualityList_zjg = res.data
        })
      }
      //data.enginStep = this.node
      data.enginNode = zEngineeringNodeBo.enginClassification
      getEnginMaterialQualityList(data).then(res => {
        this.materialQualityList = res.data
      })
      this.currentStatus = currentStatus
      this.titleName = title
      this.checkingVisible = false
      console.log(this.reviewStatus,this.currentStatus,this.isChecking)
      if (type == '1' || type == '2') {
        // 工业 市政
        this.$parent.viewNodeSource()
        this.currentDicts = [
          {
            value: "历史数据",
            label: "历史数据"
          }
        ]
      } else if (type === '危险作业工程') {
        this.$parent.viewNodeSource()
        this.currentDicts = [
          {
            value: "历史数据",
            label: "历史数据"
          }
        ]
      } else {
        console.log(dicts)
        this.dialogVisible = true
        if (type=='check'&&kind=='基建'){
          dicts=dicts.filter(item=>['水电施工','防水'].includes(item.value))
        }
        this.currentDicts = dicts
      }
      //this.currentDicts = dicts
      console.log("this.currentDicts",this.currentDicts)
      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) || [];
    },
    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)
    }
  }
}
</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: 94%;
  }
}

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