zdsz_vue/src/components/EnginNodeInfo/indexGY.vue

<!--
 *@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" v-if="flag=='gy_out'" :model="nodeInfo" :rules="nodeRules" label-width="200px">
      <h2 style="margin-left: 16%;font-weight: 800;">{{ name }}</h2>
      <el-form-item label="施工时间" prop="constructTime" v-if="'调压柜' != name && '阀井'!==name&& '顶管材料米数'!==name&& '管道施工记录'!==name">
        <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>
      <br>
      <el-form-item label="照片" prop="zEngiineeringPhotoBoList" class="obsImage"
                    v-if="'回填、撤场' != name && '调压柜' != name && '阀井'!==name&& '顶管材料米数'!==name">
        <ObsImageUpload ref="obsImageUpload" :limit="9999" :fileType="['png', 'jpg', 'jpeg']"
                        :value="nodeInfo.zEngiineeringPhotoBoList"
                        @input="getUrl"></ObsImageUpload>
      </el-form-item>
      <el-form-item label="铭牌" prop="zEngiineeringPhotoBoList" class="obsImage tygImage" v-if="'调压柜' === name">
        <ObsImageUpload ref="boxBrand" :limit="9999" :fileType="['png', 'jpg', 'jpeg']"
                        :value="nodeInfo.boxBrand"
                        @input="getboxBrandUrl"></ObsImageUpload>
      </el-form-item>
      <el-form-item label="底腿连接" prop="zEngiineeringPhotoBoList" class="obsImage tygImage" v-if="'调压柜' === name">
        <ObsImageUpload ref="bottomLeg" :limit="9999" :fileType="['png', 'jpg', 'jpeg']"
                        :value="nodeInfo.bottomLeg"
                        @input="getBottomLegUrl"></ObsImageUpload>
      </el-form-item>
      <el-form-item label="石粉回填" prop="zEngiineeringPhotoBoList" class="obsImage tygImage" v-if="'调压柜' === name">
        <ObsImageUpload ref="stonePowder" :limit="9999" :fileType="['png', 'jpg', 'jpeg']"
                        :value="nodeInfo.stonePowder"
                        @input="getstonePowderUrl"></ObsImageUpload>
      </el-form-item>
      <el-form-item label="防雷接地" prop="zEngiineeringPhotoBoList" class="obsImage tygImage" v-if="'调压柜' === name">
        <ObsImageUpload ref="lightning" :limit="9999" :fileType="['png', 'jpg', 'jpeg']"
                        :value="nodeInfo.lightning"
                        @input="getLightningUrl"></ObsImageUpload>
      </el-form-item>
      <el-form-item label="地面硬化" prop="zEngiineeringPhotoBoList" class="obsImage tygImage" v-if="'调压柜' === name">
        <ObsImageUpload ref="groundHardening" :limit="9999" :fileType="['png', 'jpg', 'jpeg']"
                        :value="nodeInfo.groundHardening"
                        @input="getGroundHardeningUrl"></ObsImageUpload>
      </el-form-item>
      <el-form-item label="套管" prop="zEngiineeringPhotoBoList" class="obsImage tygImage" v-if="'阀井' === name">
        <ObsImageUpload ref="cannula" :limit="9999" :fileType="['png', 'jpg', 'jpeg']"
                        :value="nodeInfo.cannula"
                        @input="getCannulaUrl"></ObsImageUpload>
      </el-form-item>
      <el-form-item label="内壁抹灰" prop="zEngiineeringPhotoBoList" class="obsImage tygImage" v-if="'阀井' === name">
        <ObsImageUpload ref="wallPlaster" :limit="9999" :fileType="['png', 'jpg', 'jpeg']"
                        :value="nodeInfo.wallPlaster"
                        @input="getWallPlasterUrl"></ObsImageUpload>
      </el-form-item>
      <el-form-item label="防护网" prop="zEngiineeringPhotoBoList" class="obsImage tygImage" v-if="'阀井' === name">
        <ObsImageUpload ref="protectiveNet" :limit="9999" :fileType="['png', 'jpg', 'jpeg']"
                        :value="nodeInfo.protectiveNet"
                        @input="getProtectiveNetUrl"></ObsImageUpload>
      </el-form-item>
      <el-form-item label="八角" prop="zEngiineeringPhotoBoList" class="obsImage tygImage" v-if="'阀井' === name">
        <ObsImageUpload ref="starAnise" :limit="9999" :fileType="['png', 'jpg', 'jpeg']"
                        :value="nodeInfo.starAnise"
                        @input="getStarAniseUrl"></ObsImageUpload>
      </el-form-item>
      <el-form-item label="回填前" prop="zEngiineeringPhotoBoListOne" class="obsImage" v-if="'回填、撤场' == name">
        <ObsImageUpload ref="obsImageUpload1" :limit="9999" :fileType="['png', 'jpg', 'jpeg']"
                        :value="nodeInfo.zEngiineeringPhotoBoListOne"
                        @input="getUrl1"></ObsImageUpload>
      </el-form-item>
      <el-form-item label="铺设警示带" prop="zEngiineeringPhotoBoListTwo" class="obsImage" v-if="'回填、撤场' == name">
        <ObsImageUpload ref="obsImageUpload2" :limit="9999" :fileType="['png', 'jpg', 'jpeg']"
                        :value="nodeInfo.zEngiineeringPhotoBoListTwo"
                        @input="getUrl2"></ObsImageUpload>
      </el-form-item>
      <el-form-item label="回填后" prop="zEngiineeringPhotoBoListThree" class="obsImage" v-if="'回填、撤场' == name">
        <ObsImageUpload ref="obsImageUpload3" :limit="9999" :fileType="['png', 'jpg', 'jpeg']"
                        :value="nodeInfo.zEngiineeringPhotoBoListThree"
                        @input="getUrl3"></ObsImageUpload>
      </el-form-item>
      <el-form-item label="文字说明" prop="remark" v-if="'隐蔽工程'== name">
        <el-input
          v-model="nodeInfo.remark"
          type="textarea"
          placeholder="请输入"
          maxlength="255"
        />
      </el-form-item>
      <el-form-item label="备注" prop="remark" v-if="'调压柜'== name || '阀井'===name|| '管道施工记录'===name">
        <el-input
          v-model="nodeInfo.remark"
          type="textarea"
          placeholder="请输入"
          maxlength="255"
        />
      </el-form-item>
      <div style="width: 25%;position: relative;left: 15.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: 10.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: 10.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>
    <el-form ref="fangxianForm" v-if="flag=='gy_inner'" :model="nodeInfo" :rules="nodeRules" label-width="200px">
      <h2 style="margin-left: 16%;font-weight: 800;">{{ name }}</h2>
      <el-form-item label="施工时间" prop="constructTime">
        <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>
      <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>
      <hr style="position: relative;left: 10%;">
    </el-form>
    <el-form ref="fangxianForm" v-if="flag=='gy_tyg'" :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
        :prop="nodeInfo.remark"
        :class="'labelWidth'"
        label="施工内容"
        label-width="95px"
      >
        <div class="block" style="display: inline-block; margin-right: 20px;">
          <el-input v-model="nodeInfo.remark" placeholder="请输入施工内容" style="width: 100%" maxlength="100"
                    type="textarea"></el-input>
        </div>
      </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>
      <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: 'EnginNodeInfoGY',
  props: ['types', 'enginType', 'enginSort', 'enginNode', 'name', 'currentContain', 'updateOption', 'status', 'flag'],
  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: [],            // 照片集合
        zEngiineeringPhotoBoListOne: [],            // 照片集合
        zEngiineeringPhotoBoListTwo: [],            // 照片集合
        zEngiineeringPhotoBoListThree: [],            // 照片集合
        zEngineeringMaterialBo: [],              // 用料集合
        remark: '',
        constructAddre: ''
      },
      nodeInfoBo: {
        zEngineeringInfoBo: {}
      },                                         //  节点信息
      zEngineeringMaterialBo: [],                                         //  用料信息
      nodeRules: {
        zEngiineeringPhotoBoList: [
          {required: false, 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
      this.nodeInfo.zEngiineeringPhotoBoListOne = this.updateOption.zEngineeringInfoBoList[0].zEngiineeringPhotoBoListOne
      this.nodeInfo.zEngiineeringPhotoBoListTwo = this.updateOption.zEngineeringInfoBoList[0].zEngiineeringPhotoBoListTwo
    }

    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
          if (this.name != '回填、撤场') {
            this.nodeInfoBo.zEngineeringInfoBo.zEngiineeringPhotoBoList = []
            this.nodeInfoBo.zEngineeringInfoBo.zEngiineeringPhotoBoList = this.nodeInfo.zEngiineeringPhotoBoList
          }
          if (this.name == '回填、撤场') {
            this.nodeInfoBo.zEngineeringInfoBo.zEngiineeringPhotoBoListOne = []
            this.nodeInfoBo.zEngineeringInfoBo.zEngiineeringPhotoBoListTwo = []
            this.nodeInfoBo.zEngineeringInfoBo.zEngiineeringPhotoBoListThree = []
            this.nodeInfoBo.zEngineeringInfoBo.zEngiineeringPhotoBoListOne = this.nodeInfo.zEngiineeringPhotoBoListOne
            this.nodeInfoBo.zEngineeringInfoBo.zEngiineeringPhotoBoListTwo = this.nodeInfo.zEngiineeringPhotoBoListTwo
            this.nodeInfoBo.zEngineeringInfoBo.zEngiineeringPhotoBoListThree = this.nodeInfo.zEngiineeringPhotoBoListThree
          }
          this.nodeInfoBo.zEngineeringInfoBo.zEngineeringMaterialBo = this.zEngineeringMaterialBo
          this.nodeInfoBo.zEngineeringInfoBo.constructAddre = this.nodeInfo.constructAddre
          this.nodeInfoBo.zEngineeringInfoBo.constructTime = this.nodeInfo.constructTime
          this.nodeInfoBo.zEngineeringInfoBo.boxBrand=this.nodeInfo.boxBrand
          this.nodeInfoBo.zEngineeringInfoBo.lightning=this.nodeInfo.lightning
          this.nodeInfoBo.zEngineeringInfoBo.bottomLeg=this.nodeInfo.bottomLeg
          this.nodeInfoBo.zEngineeringInfoBo.stonePowder=this.nodeInfo.stonePowder
          this.nodeInfoBo.zEngineeringInfoBo.groundHardening=this.nodeInfo.groundHardening
          this.nodeInfoBo.zEngineeringInfoBo.cannula=this.nodeInfo.cannula
          this.nodeInfoBo.zEngineeringInfoBo.wallPlaster=this.nodeInfo.wallPlaster
          this.nodeInfoBo.zEngineeringInfoBo.protectiveNet=this.nodeInfo.protectiveNet
          this.nodeInfoBo.zEngineeringInfoBo.starAnise=this.nodeInfo.starAnise
          this.nodeInfoBo.zEngineeringInfoBo.remark = this.nodeInfo.remark
          // 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) : [];
    },
    getProtectiveNetUrl(url) {
      this.nodeInfo.protectiveNet = this.$refs.protectiveNet.fileList ? this.$refs.protectiveNet.fileList.map(e=>e.url):[];
    },
    getWallPlasterUrl(url) {
      this.nodeInfo.wallPlaster = this.$refs.wallPlaster.fileList ? this.$refs.wallPlaster.fileList.map(e=>e.url):[];
    },
    getStarAniseUrl(url) {
      this.nodeInfo.starAnise = this.$refs.starAnise.fileList ? this.$refs.starAnise.fileList.map(e=>e.url):[];
    },
    getCannulaUrl(url) {
      this.nodeInfo.cannula = this.$refs.cannula.fileList ? this.$refs.cannula.fileList.map(e=>e.url):[];
    },
    getGroundHardeningUrl(url) {
      this.nodeInfo.groundHardening = this.$refs.groundHardening.fileList ? this.$refs.groundHardening.fileList.map(e=>e.url):[];
    },
    getLightningUrl(url) {
      this.nodeInfo.lightning = this.$refs.lightning.fileList ? this.$refs.lightning.fileList.map(e=>e.url):[];
    },
    getboxBrandUrl(url) {
      this.nodeInfo.boxBrand = this.$refs.boxBrand.fileList ? this.$refs.boxBrand.fileList.map(e=>e.url):[];
    },
    getBottomLegUrl(url) {
      this.nodeInfo.bottomLeg = this.$refs.bottomLeg.fileList ? this.$refs.bottomLeg.fileList.map(e=>e.url):[];
    },
    getstonePowderUrl(url) {
      this.nodeInfo.stonePowder = this.$refs.stonePowder.fileList ? this.$refs.stonePowder.fileList.map(e=>e.url):[];
    },
    getUrl1(url) {
      this.nodeInfo.zEngiineeringPhotoBoListOne = this.$refs.obsImageUpload1.fileList ? this.$refs.obsImageUpload1.fileList.map(e => e.url) : [];
    },
    getUrl2(url) {
      this.nodeInfo.zEngiineeringPhotoBoListTwo = this.$refs.obsImageUpload2.fileList ? this.$refs.obsImageUpload2.fileList.map(e => e.url) : [];
    },
    getUrl3(url) {
      this.nodeInfo.zEngiineeringPhotoBoListThree = this.$refs.obsImageUpload3.fileList ? this.$refs.obsImageUpload3.fileList.map(e => e.url) : [];
    },
    // 获取材质规格
    getEnginSpecificationsList(e, idx) {
      this.zEngineeringMaterialBo[idx].specifications = null;
      getEnginSpecificationsList({materId: e.materialQuality}).then(res => {
        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: 160px !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>