|
@@ -1,33 +1,78 @@
|
|
|
<template>
|
|
|
<div class="edit-page">
|
|
|
- <el-form :model="formModel" ref="formcomp" label-position="right" label-width="auto" :inline="false" :rules="rules" :inline-message="true">
|
|
|
-
|
|
|
- <el-form-item label="参数名" prop="paramName">
|
|
|
- <el-input v-model="formModel.paramName" autocomplete="off" placeholder="请输入参数名" class="edit-form-item" clearable/>
|
|
|
- </el-form-item>
|
|
|
+ <el-form :model="formModel" ref="formcomp" label-position="top" label-width="auto" :inline="false" :rules="rules" :inline-message="false">
|
|
|
+ <el-row :gutter="50">
|
|
|
+ <el-col :sm="24" :md="12">
|
|
|
+ <el-form-item label="参数名" prop="paramName">
|
|
|
+ <el-input v-model="formModel.paramName" autocomplete="off" placeholder="请输入参数名" clearable/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :sm="24" :md="12">
|
|
|
+ <el-form-item label="参数编码" prop="paramCode" >
|
|
|
+ <el-select v-model="formModel.paramCode" placeholder="选择参数编码" style="width:100%">
|
|
|
+ <el-option
|
|
|
+ v-for="item in paramCodeOpts"
|
|
|
+ :key="item.paramCode"
|
|
|
+ :label="item.paramName+'【'+item.paramCode+'】'"
|
|
|
+ :value="item.paramCode"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :sm="24" :md="12">
|
|
|
+ <el-form-item label="显示单位" prop="displayUnit">
|
|
|
+ <el-input v-model="formModel.displayUnit" autocomplete="off" placeholder="请输入计量单位" clearable/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :sm="24" :md="12">
|
|
|
+ <el-form-item label="显示格式" >
|
|
|
+ <el-input v-model="formModel.displayFormat" autocomplete="off" placeholder="请输入显示格式" clearable/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :sm="24" :md="12">
|
|
|
+ <el-form-item label="入库单位">
|
|
|
+ <el-input v-model="formModel.insertUnit" autocomplete="off" placeholder="请输入入库单位" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :sm="24" :md="12">
|
|
|
+ <el-form-item label="采集单位">
|
|
|
+ <el-input v-model="formModel.gatherUnit" autocomplete="off" placeholder="请输入采集单位" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :sm="24" :md="12">
|
|
|
+ <el-form-item label="标定系数A">
|
|
|
+ <el-input v-model="formModel.calibrateA" autocomplete="off" placeholder="请输入标定系数A" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :sm="24" :md="12">
|
|
|
+ <el-form-item label="标定系数B">
|
|
|
+ <el-input v-model="formModel.calibrateB" autocomplete="off" placeholder="请输入标定系数B" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :sm="24" :md="12">
|
|
|
+ <el-form-item label="标定系数C">
|
|
|
+ <el-input v-model="formModel.calibrateC" autocomplete="off" placeholder="请输入标定系数C" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+
|
|
|
|
|
|
- <el-form-item label="参数编码" prop="paramCode">
|
|
|
- <el-select v-model="formModel.paramCode" placeholder="选择参数编码" class="edit-form-item">
|
|
|
- <el-option
|
|
|
- v-for="item in paramCodeOpts"
|
|
|
- :key="item.paramCode"
|
|
|
- :label="item.paramCode+'【'+item.paramName+'】'"
|
|
|
- :value="item.paramCode"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
|
|
|
- <el-form-item label="计量单位" prop="paramUnit">
|
|
|
- <el-input v-model="formModel.paramUnit" autocomplete="off" placeholder="请输入计量单位" class="edit-form-item" clearable/>
|
|
|
- </el-form-item>
|
|
|
+
|
|
|
+
|
|
|
|
|
|
- <el-form-item label="换算比例">
|
|
|
- <el-input v-model="formModel.unitScale" autocomplete="off" placeholder="请输入换算比例" class="edit-form-item" clearable onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,3})?).*$/g, '$1')"/>
|
|
|
- </el-form-item>
|
|
|
|
|
|
- <el-form-item label="格式化" prop="format">
|
|
|
- <el-input v-model="formModel.format" autocomplete="off" placeholder="请输入格式化串" class="edit-form-item" clearable/>
|
|
|
- </el-form-item>
|
|
|
+
|
|
|
+
|
|
|
|
|
|
|
|
|
</el-form>
|
|
@@ -41,13 +86,17 @@
|
|
|
import {ElMessageBox,ElMessage} from 'element-plus'
|
|
|
|
|
|
const formModel = reactive({
|
|
|
- paramId:'',
|
|
|
- wellId:'',
|
|
|
- paramName: '',
|
|
|
- paramCode:'',
|
|
|
- paramUnit:'',
|
|
|
- unitScale:null,
|
|
|
- format:''
|
|
|
+ paramId:null,
|
|
|
+ wellId:null,
|
|
|
+ paramName: null,
|
|
|
+ paramCode:null,
|
|
|
+ displayUnit:null,
|
|
|
+ displayFormat:null,
|
|
|
+ insertUnit:null,
|
|
|
+ gatherUnit:null,
|
|
|
+ calibrateA:null,
|
|
|
+ calibrateB:null,
|
|
|
+ calibrateC:null
|
|
|
})
|
|
|
|
|
|
const props=defineProps({
|
|
@@ -65,21 +114,22 @@
|
|
|
{required:true,message:'参数编码还未选择',trigger:'blur'},
|
|
|
|
|
|
],
|
|
|
- paramUnit:[
|
|
|
- {required:true,message:'计量单位还未填写',trigger:'blur'},
|
|
|
- { min: 1, max: 32, message: '计量单位长度应该为1-32', trigger: 'blur' }
|
|
|
+ insertUnit:[
|
|
|
+ {required:true,message:'入库单位还未填写',trigger:'blur'},
|
|
|
+ { min: 1, max: 32, message: '入库单位长度应该为1-32', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ gatherUnit:[
|
|
|
+ {required:true,message:'采集单位还未填写',trigger:'blur'},
|
|
|
+ { min: 1, max: 32, message: '采集单位长度应该为1-32', trigger: 'blur' }
|
|
|
],
|
|
|
- format:[
|
|
|
- {pattern:/^#*0(\.[0#]+)?$/,message: '格式化串不符合规范如:#0.00', trigger: 'blur' }
|
|
|
- ]
|
|
|
})
|
|
|
|
|
|
onMounted(async ()=>{
|
|
|
try{
|
|
|
await initForm()
|
|
|
if(props.record){
|
|
|
- let {paramId,wellId,paramCode,paramName,paramUnit,unitScale,format}=props.record
|
|
|
- Object.assign(formModel,{paramId,wellId,paramCode,paramName,paramUnit,unitScale,format})
|
|
|
+ let {paramId,wellId,paramCode,paramName,displayUnit,displayFormat,insertUnit,gatherUnit,calibrateA,calibrateB,calibrateC}=props.record
|
|
|
+ Object.assign(formModel,{paramId,wellId,paramCode,paramName,displayUnit,displayFormat,insertUnit,gatherUnit,calibrateA,calibrateB,calibrateC})
|
|
|
}
|
|
|
}
|
|
|
catch(err){
|
|
@@ -147,11 +197,8 @@
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
- /* .el-form--inline.el-form--label-top{
|
|
|
- justify-content: space-between;
|
|
|
- } */
|
|
|
- .edit-form-item{
|
|
|
- width:260px;
|
|
|
+ .el-col{
|
|
|
+ height:85px;
|
|
|
}
|
|
|
|
|
|
</style>
|