|
@@ -12,7 +12,7 @@
|
|
|
clearable/>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="化学品分类" prop="chemicalClassify" label-width="90px">
|
|
|
- <el-select v-model="queryParamsData.chemicalClassify" clearable placeholder="请选择状态">
|
|
|
+ <el-select v-model="queryParamsData.chemicalClassify" clearable placeholder="请选择化学品分类">
|
|
|
<el-option
|
|
|
v-for="item in optionsListOne"
|
|
|
:key="item.id"
|
|
@@ -22,7 +22,7 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="属性" prop="classifyAttribute" label-width="50px">
|
|
|
- <el-select v-model="queryParamsData.classifyAttribute" clearable placeholder="请选择状态">
|
|
|
+ <el-select v-model="queryParamsData.classifyAttribute" clearable placeholder="请选择属性">
|
|
|
<el-option
|
|
|
v-for="item in optionsListTwo"
|
|
|
:key="item.dictValue"
|
|
@@ -109,27 +109,51 @@
|
|
|
<p @click="addList(index,bigIndex)">+添加</p>
|
|
|
</div>
|
|
|
<div class="for-min-box" v-for="(minItem,minIndex) in bigItem.list">
|
|
|
- <el-form-item label="容器容量规格" label-width="120px" :prop="'maxList.'+ index +'.chemicalJoinCabinetSonList.'+bigIndex+'.list.'+minIndex+'.chemicalAmount'" :rules="rules.chemicalAmount">
|
|
|
- <el-input
|
|
|
- style="width:150px;"
|
|
|
- maxlength="5"
|
|
|
- onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"
|
|
|
- v-model="minItem.chemicalAmount"
|
|
|
- placeholder="请输入"
|
|
|
- size="small">
|
|
|
- <template slot="append">g</template>
|
|
|
- </el-input>
|
|
|
+ <el-form-item class="num-input-item" label="容器容量规格" label-width="120px" :prop="'maxList.'+ index +'.chemicalJoinCabinetSonList.'+bigIndex+'.list.'+minIndex+'.chemicalAmount'" :rules="rules.chemicalAmount">
|
|
|
+ <!--<el-input-->
|
|
|
+ <!--style="width:150px;"-->
|
|
|
+ <!--maxlength="5"-->
|
|
|
+ <!--onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"-->
|
|
|
+ <!--v-model="minItem.chemicalAmount"-->
|
|
|
+ <!--placeholder="请输入"-->
|
|
|
+ <!--size="small">-->
|
|
|
+ <!--<template slot="append">g</template>-->
|
|
|
+ <!--</el-input>-->
|
|
|
+ <div class="num-input-min-box">
|
|
|
+ <el-input-number
|
|
|
+ style="width:110px;"
|
|
|
+ min=""
|
|
|
+ :max="1000"
|
|
|
+ :precision="2"
|
|
|
+ :step="0.01"
|
|
|
+ v-model="minItem.chemicalAmount"
|
|
|
+ placeholder="请输入">
|
|
|
+ </el-input-number>
|
|
|
+ <p class="num-title-span">g</p>
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="容器重量规格" label-width="120px" :prop="'maxList.'+ index +'.chemicalJoinCabinetSonList.'+bigIndex+'.list.'+minIndex+'.tare'" :rules="rules.tare">
|
|
|
- <el-input
|
|
|
- style="width:150px;"
|
|
|
- maxlength="5"
|
|
|
- onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"
|
|
|
- v-model="minItem.tare"
|
|
|
- placeholder="请输入"
|
|
|
- size="small">
|
|
|
- <template slot="append">g</template>
|
|
|
- </el-input>
|
|
|
+ <el-form-item class="num-input-item" label="容器重量规格" label-width="120px" :prop="'maxList.'+ index +'.chemicalJoinCabinetSonList.'+bigIndex+'.list.'+minIndex+'.tare'" :rules="rules.tare">
|
|
|
+ <!--<el-input-->
|
|
|
+ <!--style="width:150px;"-->
|
|
|
+ <!--maxlength="5"-->
|
|
|
+ <!--onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"-->
|
|
|
+ <!--v-model="minItem.tare"-->
|
|
|
+ <!--placeholder="请输入"-->
|
|
|
+ <!--size="small">-->
|
|
|
+ <!--<template slot="append">g</template>-->
|
|
|
+ <!--</el-input>-->
|
|
|
+ <div class="num-input-min-box">
|
|
|
+ <el-input-number
|
|
|
+ style="width:110px;"
|
|
|
+ min=""
|
|
|
+ :max="9999"
|
|
|
+ :precision="2"
|
|
|
+ :step="0.01"
|
|
|
+ v-model="minItem.tare"
|
|
|
+ placeholder="请输入">
|
|
|
+ </el-input-number>
|
|
|
+ <p class="num-title-span">g</p>
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="存放数量" label-width="90px" :prop="'maxList.'+ index +'.chemicalJoinCabinetSonList.'+bigIndex+'.list.'+minIndex+'.storageNum'" :rules="rules.storageNum" class="el-form-item-button-box">
|
|
|
<el-input-number
|
|
@@ -160,33 +184,59 @@
|
|
|
<p @click="addList(index)">+添加</p>
|
|
|
</div>
|
|
|
<div class="for-min-box" v-for="(bigItem,bigIndex) in item.list">
|
|
|
- <el-form-item label="容器容量规格" label-width="120px" :prop="'maxList.'+ index +'.list.'+ bigIndex+'.chemicalAmount'" :rules="rules.chemicalAmount">
|
|
|
- <el-input
|
|
|
- style="width:150px;"
|
|
|
- maxlength="5"
|
|
|
- onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"
|
|
|
- v-model="bigItem.chemicalAmount"
|
|
|
- placeholder="请输入"
|
|
|
- size="small">
|
|
|
- <template slot="append">g</template>
|
|
|
- </el-input>
|
|
|
+ <el-form-item class="num-input-item" label="容器容量规格" label-width="120px" :prop="'maxList.'+ index +'.list.'+ bigIndex+'.chemicalAmount'" :rules="rules.chemicalAmount">
|
|
|
+ <!--<el-input-->
|
|
|
+ <!--style="width:150px;"-->
|
|
|
+ <!--maxlength="5"-->
|
|
|
+ <!--onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"-->
|
|
|
+ <!--v-model="bigItem.chemicalAmount"-->
|
|
|
+ <!--placeholder="请输入"-->
|
|
|
+ <!--size="small">-->
|
|
|
+ <!--<template slot="append">g</template>-->
|
|
|
+ <!--</el-input>-->
|
|
|
+ <div class="num-input-min-box">
|
|
|
+ <el-input-number
|
|
|
+ style="width:110px;"
|
|
|
+ min=""
|
|
|
+ :max="1000"
|
|
|
+ :precision="2"
|
|
|
+ :step="0.01"
|
|
|
+ v-model="bigItem.chemicalAmount"
|
|
|
+ placeholder="请输入">
|
|
|
+ </el-input-number>
|
|
|
+ <p class="num-title-span">g</p>
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="容器重量规格" label-width="120px" :prop="'maxList.'+ index +'.list.'+ bigIndex+'.tare'" :rules="rules.tare">
|
|
|
- <el-input
|
|
|
- style="width:150px;"
|
|
|
- maxlength="5"
|
|
|
- onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"
|
|
|
- v-model="bigItem.tare"
|
|
|
- placeholder="请输入"
|
|
|
- size="small">
|
|
|
- <template slot="append">g</template>
|
|
|
- </el-input>
|
|
|
+ <el-form-item class="num-input-item" label="容器重量规格" label-width="120px" :prop="'maxList.'+ index +'.list.'+ bigIndex+'.tare'" :rules="rules.tare">
|
|
|
+ <!--<el-input-->
|
|
|
+ <!--style="width:150px;"-->
|
|
|
+ <!--maxlength="5"-->
|
|
|
+ <!--onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"-->
|
|
|
+ <!--v-model="bigItem.tare"-->
|
|
|
+ <!--placeholder="请输入"-->
|
|
|
+ <!--size="small">-->
|
|
|
+ <!--<template slot="append">g</template>-->
|
|
|
+ <!--</el-input>-->
|
|
|
+ <div class="num-input-min-box">
|
|
|
+ <el-input-number
|
|
|
+ style="width:110px;"
|
|
|
+ min=""
|
|
|
+ :max="9999"
|
|
|
+ :precision="2"
|
|
|
+ :step="0.01"
|
|
|
+ v-model="bigItem.tare"
|
|
|
+ placeholder="请输入">
|
|
|
+ </el-input-number>
|
|
|
+ <p class="num-title-span">g</p>
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="存放数量" label-width="90px" :prop="'maxList.'+ index +'.list.'+ bigIndex+'.storageNum'" :rules="rules.storageNum" class="el-form-item-button-box">
|
|
|
<el-input-number
|
|
|
style="width:150px;"
|
|
|
- :min="1"
|
|
|
- :max="1000"
|
|
|
+ min=""
|
|
|
+ :max="9999"
|
|
|
+ :precision="2"
|
|
|
+ :step="0.01"
|
|
|
v-model="bigItem.storageNum"
|
|
|
placeholder="请输入">
|
|
|
</el-input-number>
|
|
@@ -385,7 +435,7 @@
|
|
|
hxpChemicalJoinCabinet(obj).then(response => {
|
|
|
self.dialogType = false;
|
|
|
self.msgSuccess(response.msg)
|
|
|
- self.resetQuery();
|
|
|
+ self.$parent.pageToggle(1);
|
|
|
});
|
|
|
}else{
|
|
|
self.msgError('请添加规格')
|
|
@@ -519,7 +569,7 @@
|
|
|
});
|
|
|
},
|
|
|
backPage(){
|
|
|
- this.$parent.pageToggle(1);
|
|
|
+ this.$parent.pageToggle(0);
|
|
|
},
|
|
|
//获取数据列表
|
|
|
getList(){
|
|
@@ -720,4 +770,30 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .num-input-item{
|
|
|
+ .num-input-min-box{
|
|
|
+ display: flex;
|
|
|
+ .el-input-number__increase{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .el-input-number__decrease{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ input{
|
|
|
+ padding:0 20px!important;
|
|
|
+ border-top-right-radius: 0;
|
|
|
+ border-bottom-right-radius: 0;
|
|
|
+ }
|
|
|
+ .num-title-span{
|
|
|
+ display: inline-block;
|
|
|
+ width:40px;
|
|
|
+ height:40px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #DCDFE6;
|
|
|
+ border-left:none;
|
|
|
+ border-top-right-radius: 4px;
|
|
|
+ border-bottom-right-radius: 4px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|