|
|
@@ -20,18 +20,18 @@
|
|
|
<el-col :span="24">
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="电表品牌型号:" prop="productName">
|
|
|
+ <el-form-item label="电表品牌型号:" prop="tmnconfigElecmetermodel">
|
|
|
<el-input
|
|
|
placeholder="请输入"
|
|
|
- v-model="tmnBizcode1">
|
|
|
+ v-model="baseForm.tmnconfigElecmetermodel">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="电表品牌型号:" prop="productName">
|
|
|
+ <el-form-item label="水表品牌型号:" prop="tmnconfigWatermetermodel">
|
|
|
<el-input
|
|
|
placeholder="请输入"
|
|
|
- v-model="tmnBizcode2">
|
|
|
+ v-model="baseForm.tmnconfigWatermetermodel">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -40,18 +40,18 @@
|
|
|
<el-col :span="24">
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="计算模式:" prop="productName">
|
|
|
+ <el-form-item label="计算模式:" prop="tmnconfigMeteredmodel">
|
|
|
<el-input
|
|
|
placeholder="请输入"
|
|
|
- v-model="textarea">
|
|
|
+ v-model="baseForm.tmnconfigMeteredmodel">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="以电折水系数:" prop="productName">
|
|
|
+ <el-form-item label="以电折水系数:" prop="tmnconfigCoefficient">
|
|
|
<el-input
|
|
|
placeholder="请输入"
|
|
|
- v-model="textarea">
|
|
|
+ v-model="baseForm.tmnconfigCoefficient">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -77,84 +77,81 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { assign } from 'lodash-es';
|
|
|
+import { getTmnconfigInfo, addTmnconfig } from '@/api/tmn/index.js'
|
|
|
export default {
|
|
|
name: 'setPreferenc',
|
|
|
props: {
|
|
|
- data: {
|
|
|
- default() {
|
|
|
- return {};
|
|
|
- }
|
|
|
- },
|
|
|
visible: {
|
|
|
type: Boolean,
|
|
|
default: false
|
|
|
- }
|
|
|
+ },
|
|
|
+ tmnId: {
|
|
|
+ type: String,
|
|
|
+ default: ''
|
|
|
+ }
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- tmnBizcode1: '',
|
|
|
- tmnBizcode2: '',
|
|
|
- textarea:'',
|
|
|
dialogSubmitLoading: false,
|
|
|
dialogVisible: false,
|
|
|
baseForm: {
|
|
|
- productName: '',
|
|
|
- stockAmount: '',
|
|
|
- goodsSpecValue: '',
|
|
|
- supplierId: '',
|
|
|
+ tmnconfigElecmetermodel: '',//电表品牌型号
|
|
|
+ tmnconfigWatermetermodel: '',//水表品牌型号
|
|
|
+ tmnconfigMeteredmodel: '', //计量模式
|
|
|
+ tmnconfigCoefficient: '',//以电折水系数
|
|
|
},
|
|
|
- hasFetched: false,
|
|
|
+
|
|
|
rules: {
|
|
|
- stockAmount: [
|
|
|
- { required: true, message: '请选择负责人', trigger: 'blur' }
|
|
|
- ],
|
|
|
- sourceinfoId: [
|
|
|
- { required: true, message: '请选择管辖范围', trigger: 'blur' }
|
|
|
+ tmnconfigElecmetermodel: [
|
|
|
+ { required: true, message: '电表品牌型号', trigger: 'blur' }
|
|
|
],
|
|
|
- productName: [
|
|
|
- { required: true, message: '请输入协会名称', trigger: 'blur' }
|
|
|
+ tmnconfigWatermetermodel: [
|
|
|
+ { required: true, message: '水表品牌型号', trigger: 'blur' }
|
|
|
],
|
|
|
- supplierId: [
|
|
|
- { required: false, message: '请输入协会介绍', trigger: 'blur' }
|
|
|
+ tmnconfigMeteredmodel: [
|
|
|
+ { required: true, message: '计量模式', trigger: 'blur' }
|
|
|
],
|
|
|
- goodsSpecValue: [
|
|
|
- { required: true, message: '请选择规格', trigger: 'blur' }
|
|
|
+ tmnconfigCoefficient: [
|
|
|
+ { required: true, message: '以电折水系数', trigger: 'blur' }
|
|
|
]
|
|
|
}
|
|
|
};
|
|
|
},
|
|
|
watch: {
|
|
|
visible(val) {
|
|
|
+ val && this.getTmnconfigInfoHandler(this.tmnId)
|
|
|
if (val !== this.dialogVisible) {
|
|
|
this.dialogVisible = val;
|
|
|
- if (val) {
|
|
|
- assign(this.baseForm, this.data);
|
|
|
- if (!this.hasFetched) {
|
|
|
- this.hasFetched = true;
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
},
|
|
|
- data: {
|
|
|
- deep: true,
|
|
|
- handler(val) {
|
|
|
- assign(this.baseForm, val);
|
|
|
- }
|
|
|
- }
|
|
|
},
|
|
|
methods: {
|
|
|
+ async getTmnconfigInfoHandler(tmnId) {
|
|
|
+ const response = await getTmnconfigInfo({tmnId})
|
|
|
+ const responseData = response?.data
|
|
|
+ this.baseForm = {
|
|
|
+ tmnconfigElecmetermodel: responseData?.tmnconfigElecmetermodel || '',
|
|
|
+ tmnconfigWatermetermodel: responseData?.tmnconfigWatermetermodel || '',
|
|
|
+ tmnconfigMeteredmodel: responseData?.tmnconfigMeteredmodel || '',
|
|
|
+ tmnconfigCoefficient: responseData?.tmnconfigCoefficient || '',
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async addTmnconfigHandler() {
|
|
|
+ const params = {
|
|
|
+ tmnId: this.tmnId,
|
|
|
+ ...this.baseForm
|
|
|
+ }
|
|
|
+ await addTmnconfig(params)
|
|
|
+ this.handleClose()
|
|
|
+ this.$emit('refresh')
|
|
|
+ },
|
|
|
resetForm(formName) {
|
|
|
this.$refs[formName].resetFields();
|
|
|
- this.resetFormData();
|
|
|
this.dialogVisible = false;
|
|
|
},
|
|
|
- resetFormData() {
|
|
|
- this.baseForm = {};
|
|
|
- },
|
|
|
submitForm(formName) {
|
|
|
this.$refs[formName].validate((valid) => {
|
|
|
- console.log(valid)
|
|
|
+ valid && this.addTmnconfigHandler()
|
|
|
})
|
|
|
},
|
|
|
|