|
|
@@ -6,10 +6,11 @@
|
|
|
-->
|
|
|
<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" :style=" 'margin-left: -27px' ">
|
|
|
+ <el-form-item label="施工时间" prop="constructTime"
|
|
|
+ v-if="'调压柜' != name && '阀井'!==name&& '顶管材料米数'!==name&& '管道施工记录'!==name">
|
|
|
<el-date-picker
|
|
|
:disabled="formType"
|
|
|
v-model="nodeInfo.constructTime"
|
|
|
@@ -19,20 +20,70 @@
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
<br>
|
|
|
- <el-form-item label="照片" prop="zEngiineeringPhotoBoList" class="obsImage" v-if="'回填、撤场' != name">
|
|
|
- <ObsImageUpload ref="obsImageUpload" :limit="9999" :fileType="['png', 'jpg', 'jpeg']" :value="nodeInfo.zEngiineeringPhotoBoList"
|
|
|
+ <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"
|
|
|
+ <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"
|
|
|
+ <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"
|
|
|
+ <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">
|
|
|
@@ -43,10 +94,22 @@
|
|
|
maxlength="255"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <div style="width: 25%;position: relative;left: 10.5%;top: -8px;" v-if="['焊接、防腐','架空管线','下管','沟下连头'].includes(name)">
|
|
|
+ <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-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'"
|
|
|
@@ -54,7 +117,9 @@
|
|
|
label="材质"
|
|
|
|
|
|
>
|
|
|
- <el-select v-model="item.materialQuality" placeholder="请选择材质" style="width: 100%" @change="getEnginSpecificationsList(item, index)" filterable @blur="selectBlur(arguments,index,'materialQuality')">
|
|
|
+ <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"
|
|
|
@@ -71,7 +136,8 @@
|
|
|
label="规格"
|
|
|
|
|
|
>
|
|
|
- <el-select v-model="item.specifications" placeholder="请选择规格" style="width: 100%" filterable @blur="selectBlur(arguments,index,'specifications')">
|
|
|
+ <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"
|
|
|
@@ -88,7 +154,11 @@
|
|
|
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>
|
|
|
+ <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>
|
|
|
@@ -96,41 +166,46 @@
|
|
|
<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>
|
|
|
+ <div class="block" style="display: inline-block; margin-right: 20px;"></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" :style=" 'margin-left: -27px' ">
|
|
|
+ <el-form-item label="施工时间" prop="constructTime">
|
|
|
<el-date-picker
|
|
|
:disabled="formType"
|
|
|
v-model="nodeInfo.constructTime"
|
|
|
@@ -140,20 +215,24 @@
|
|
|
</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"
|
|
|
+ <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-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-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"
|
|
|
@@ -169,7 +248,8 @@
|
|
|
label-width="50px"
|
|
|
label="规格"
|
|
|
>
|
|
|
- <el-select v-model="item.specifications" placeholder="请选择规格" style="width: 100%" filterable @blur="selectBlur(arguments,index,'specifications')">
|
|
|
+ <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"
|
|
|
@@ -186,7 +266,11 @@
|
|
|
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>
|
|
|
+ <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>
|
|
|
@@ -194,11 +278,13 @@
|
|
|
<el-form-item
|
|
|
:prop="'zEngineeringMaterialBo.' + index + '.number'"
|
|
|
label-width="50px"
|
|
|
- ><div class="block" style="display: inline-block; margin-right: 20px;"></div></el-form-item>
|
|
|
+ >
|
|
|
+ <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%;">
|
|
|
@@ -222,15 +308,108 @@
|
|
|
>
|
|
|
<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>
|
|
|
+ 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"
|
|
|
+ <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>
|
|
|
+ <el-form ref="fangxianForm" v-if="flag=='gy_jkgx' || flag=='gy_log_every_day'" :model="nodeInfo" :rules="nodeRules"
|
|
|
+ label-width="200px">
|
|
|
+ <h2 style="margin-left: 16%;font-weight: 800;">{{ name }}</h2>
|
|
|
+ <el-form-item
|
|
|
+ :prop="nodeInfo.remark"
|
|
|
+ :class="'labelWidth'"
|
|
|
+ label="施工内容"
|
|
|
+ label-width="200px"
|
|
|
+ >
|
|
|
+ <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>
|
|
|
+ <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>
|
|
|
+ <hr style="position: relative;left: 10%;">
|
|
|
+ </el-form>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -242,61 +421,58 @@ import {
|
|
|
|
|
|
} 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(){
|
|
|
+ name: 'EnginNodeInfoGY',
|
|
|
+ props: ['types', 'enginType', 'enginSort', 'enginNode', 'name', 'currentContain', 'updateOption', 'status', 'flag'],
|
|
|
+ components: {ObsVideoUpload},
|
|
|
+ data() {
|
|
|
return {
|
|
|
- constructAccordingDrawingsOption:[
|
|
|
+ constructAccordingDrawingsOption: [
|
|
|
{
|
|
|
- value:'Y',
|
|
|
- label:'是'
|
|
|
+ value: 'Y',
|
|
|
+ label: '是'
|
|
|
},
|
|
|
{
|
|
|
- value:'N',
|
|
|
- label:'否'
|
|
|
+ value: 'N',
|
|
|
+ label: '否'
|
|
|
}
|
|
|
],
|
|
|
- segmentedCompressionQualifiedOption:[
|
|
|
+ segmentedCompressionQualifiedOption: [
|
|
|
{
|
|
|
- value:'1',
|
|
|
- label:'合格'
|
|
|
+ value: '1',
|
|
|
+ label: '合格'
|
|
|
},
|
|
|
{
|
|
|
- value:'0',
|
|
|
- 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:''
|
|
|
+ materialQualityList_zbf: [], // 自闭阀option
|
|
|
+ materialQualityList_zjg: [], // 灶具管option
|
|
|
+ materialQualityList: [], // 材质
|
|
|
+ specificationsList: [], // 规格
|
|
|
+ materialComponList: [],
|
|
|
+ nodeInfo: {
|
|
|
+ backfillTime: '', // 回填时间
|
|
|
+ constructTime: '',
|
|
|
+ constructAccordingDrawings: '',
|
|
|
+ segmentedCompressionQualified: '',
|
|
|
+ zEngiineeringPhotoBoList: [], // 照片集合
|
|
|
+ zEngiineeringPhotoBoListOne: [], // 照片集合
|
|
|
+ zEngiineeringPhotoBoListTwo: [], // 照片集合
|
|
|
+ zEngiineeringPhotoBoListThree: [], // 照片集合
|
|
|
+ zEngineeringMaterialBo: [], // 用料集合
|
|
|
+ remark: '',
|
|
|
+ constructAddre: ''
|
|
|
},
|
|
|
- nodeInfoBo:{
|
|
|
- zEngineeringInfoBo:{
|
|
|
-
|
|
|
- }
|
|
|
+ nodeInfoBo: {
|
|
|
+ zEngineeringInfoBo: {}
|
|
|
}, // 节点信息
|
|
|
- zEngineeringMaterialBo:[
|
|
|
-
|
|
|
- ], // 用料信息
|
|
|
- nodeRules:{
|
|
|
+ zEngineeringMaterialBo: [], // 用料信息
|
|
|
+ nodeRules: {
|
|
|
zEngiineeringPhotoBoList: [
|
|
|
- {required: true, message: "至少上传一张图片", trigger: "change"}
|
|
|
+ {required: false, message: "至少上传一张图片", trigger: "change"}
|
|
|
],
|
|
|
constructTime: [
|
|
|
{required: true, message: "请选择施工时间", trigger: "change"}
|
|
|
@@ -304,28 +480,28 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- created(){
|
|
|
- // 获取材质
|
|
|
- let enginType = '工业工程'
|
|
|
- getEnginMaterialQualityList({enginType:enginType}).then(res => {
|
|
|
- this.materialQualityList = res.data
|
|
|
- })
|
|
|
+ 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)
|
|
|
+ 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){
|
|
|
+ if (e instanceof Array) {
|
|
|
return e
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
- if(this.status == '修改'){
|
|
|
+ if (this.status == '修改') {
|
|
|
this.currentContain.find(e => {
|
|
|
console.log(this.updateOption)
|
|
|
- if( e instanceof Array){
|
|
|
+ if (e instanceof Array) {
|
|
|
this.zEngineeringMaterialBo = this.updateOption.zEngineeringInfoBoList[0].zEngineeringMaterialBo
|
|
|
}
|
|
|
this.nodeInfo[e] = this.updateOption[e]
|
|
|
@@ -338,49 +514,59 @@ export default {
|
|
|
setTimeout(() => {
|
|
|
// 至少存在一条物料
|
|
|
this.addMaterial()
|
|
|
- },1500)
|
|
|
- console.log('用料组件',this.materialComponList)
|
|
|
- console.log('用料信息',this.zEngineeringMaterialBo)
|
|
|
- console.log('节点信息',this.nodeInfo)
|
|
|
+ }, 1500)
|
|
|
+ console.log('用料组件', this.materialComponList)
|
|
|
+ console.log('用料信息', this.zEngineeringMaterialBo)
|
|
|
+ console.log('节点信息', this.nodeInfo)
|
|
|
// 添加用料对象
|
|
|
// this.addMaterial()
|
|
|
},
|
|
|
- methods:{
|
|
|
- selectBlur(_,index,name) {
|
|
|
+ methods: {
|
|
|
+ selectBlur(_, index, name) {
|
|
|
this.zEngineeringMaterialBo[index][name] = [...arguments][0][0].target.value
|
|
|
},
|
|
|
// 收集节点信息
|
|
|
- infoCollection(){
|
|
|
+ infoCollection() {
|
|
|
let result = null
|
|
|
console.log(this.$refs.fangxianForm)
|
|
|
this.$refs.fangxianForm.validate(valid => {
|
|
|
- if(valid){
|
|
|
+ if (valid) {
|
|
|
// 收集主节点信息
|
|
|
this.currentContain.forEach(e => {
|
|
|
- if( e instanceof Array){
|
|
|
+ if (e instanceof Array) {
|
|
|
// 包含用料 特殊处理
|
|
|
return
|
|
|
}
|
|
|
this.nodeInfoBo[e] = this.nodeInfo[e]
|
|
|
})
|
|
|
this.nodeInfoBo.type = this.name
|
|
|
- if (this.name!='回填、撤场'){
|
|
|
+ if (this.name != '回填、撤场') {
|
|
|
this.nodeInfoBo.zEngineeringInfoBo.zEngiineeringPhotoBoList = []
|
|
|
this.nodeInfoBo.zEngineeringInfoBo.zEngiineeringPhotoBoList = this.nodeInfo.zEngiineeringPhotoBoList
|
|
|
}
|
|
|
- if (this.name=='回填、撤场'){
|
|
|
+ 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.remark=this.nodeInfo.remark
|
|
|
+ }
|
|
|
+ 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)
|
|
|
+ console.log('即将返回的节点Info', this.nodeInfoBo)
|
|
|
result = this.nodeInfoBo
|
|
|
} else {
|
|
|
this.$message({
|
|
|
@@ -392,7 +578,7 @@ export default {
|
|
|
})
|
|
|
return result
|
|
|
},
|
|
|
- addMaterial(){
|
|
|
+ addMaterial() {
|
|
|
let materialBo = {}
|
|
|
// this.materialComponList.forEach(e => {
|
|
|
// materialBo[e] = null
|
|
|
@@ -401,7 +587,7 @@ export default {
|
|
|
this.nodeInfo.zEngineeringMaterialBo.push(materialBo)
|
|
|
// console.log('节点用料参数对象',this.zEngineeringMaterialBo)
|
|
|
},
|
|
|
- addzEngineeringMaterialBo(option,params){
|
|
|
+ addzEngineeringMaterialBo(option, params) {
|
|
|
let material = {}
|
|
|
params.forEach(e => {
|
|
|
material[e] = ""
|
|
|
@@ -410,29 +596,56 @@ export default {
|
|
|
material
|
|
|
)
|
|
|
},
|
|
|
- removezEngineeringMaterialBo(index){
|
|
|
+ removezEngineeringMaterialBo(index) {
|
|
|
this.zEngineeringMaterialBo.splice(index, 1);
|
|
|
},
|
|
|
// 填充已有数据
|
|
|
- updateInfo(e){
|
|
|
- console.log('填充',e)
|
|
|
+ updateInfo(e) {
|
|
|
+ console.log('填充', e)
|
|
|
},
|
|
|
getUrl(url) {
|
|
|
- this.nodeInfo.zEngiineeringPhotoBoList = this.$refs.obsImageUpload.fileList ? this.$refs.obsImageUpload.fileList.map(e=>e.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):[];
|
|
|
+ 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):[];
|
|
|
+ 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):[];
|
|
|
+ this.nodeInfo.zEngiineeringPhotoBoListThree = this.$refs.obsImageUpload3.fileList ? this.$refs.obsImageUpload3.fileList.map(e => e.url) : [];
|
|
|
},
|
|
|
// 获取材质规格
|
|
|
- getEnginSpecificationsList(e,idx){
|
|
|
+ getEnginSpecificationsList(e, idx) {
|
|
|
this.zEngineeringMaterialBo[idx].specifications = null;
|
|
|
- getEnginSpecificationsList({materId:e.materialQuality}).then(res => {
|
|
|
+ getEnginSpecificationsList({materId: e.materialQuality}).then(res => {
|
|
|
this.specificationsList = res.data
|
|
|
})
|
|
|
},
|
|
|
@@ -442,49 +655,56 @@ export default {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
|
-::v-deep .material_desc{
|
|
|
- .el-form-item__content{
|
|
|
+::v-deep .material_desc {
|
|
|
+ .el-form-item__content {
|
|
|
margin-left: 50px !important;
|
|
|
}
|
|
|
}
|
|
|
-::v-deep .el-form{
|
|
|
+
|
|
|
+::v-deep .el-form {
|
|
|
position: relative;
|
|
|
left: -10%;
|
|
|
- .el-form-item{
|
|
|
+
|
|
|
+ .el-form-item {
|
|
|
display: inline-block;
|
|
|
}
|
|
|
- .obsImage{
|
|
|
+
|
|
|
+ .obsImage {
|
|
|
width: 100%;
|
|
|
display: block;
|
|
|
margin-left: 8%;
|
|
|
- .el-form-item__label{
|
|
|
- width: 113px !important;
|
|
|
+
|
|
|
+ .el-form-item__label {
|
|
|
+ width: 160px !important;
|
|
|
}
|
|
|
- .el-form-item__error{
|
|
|
+
|
|
|
+ .el-form-item__error {
|
|
|
position: relative;
|
|
|
left: -10%;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .obsActiveImage{
|
|
|
- .el-form{
|
|
|
- left:-14% !important
|
|
|
+ .obsActiveImage {
|
|
|
+ .el-form {
|
|
|
+ left: -14% !important
|
|
|
}
|
|
|
- .el-form-item__label{
|
|
|
+
|
|
|
+ .el-form-item__label {
|
|
|
width: 97px !important;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .obsActiveImageStructure{
|
|
|
- .el-form-item__label{
|
|
|
- width:161px !important;
|
|
|
+ .obsActiveImageStructure {
|
|
|
+ .el-form-item__label {
|
|
|
+ width: 161px !important;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .rowStructure{
|
|
|
+ .rowStructure {
|
|
|
padding-left: 3.6%;
|
|
|
- .el-col .el-form-item{
|
|
|
- width:73%
|
|
|
+
|
|
|
+ .el-col .el-form-item {
|
|
|
+ width: 73%
|
|
|
}
|
|
|
}
|
|
|
}
|
