hycw-ui/src/views/distributionnetwork/config/setting/dic.vue

<template>
	<el-dialog :title="titleMap[mode]" :visible.sync="visible" width="500px" destroy-on-close @closed="$emit('closed')">
		<el-form ref="dialogForm" :model="form"  :rules="rules" label-width="80px">
		        <el-form-item label="项目编码" prop="parCode">
		          <el-input v-model="form.parCode" placeholder="请输入编码" />
		        </el-form-item>
		        <el-form-item label="项目名称" prop="parName">
		          <el-input v-model="form.parName" placeholder="请输入名称" />
		        </el-form-item>
		        <el-form-item label="项目值" prop="parValue" label-width="83px">
		          <el-input v-model="form.parValue" placeholder="请输入值" />
		        </el-form-item>
		        <el-form-item label="计量单位" prop="parUnit">
				  <el-select
				    v-model="form.parUnit"
				    placeholder="计量单位"
				    clearable
				  >
				    <el-option
				      v-for="dict in dict.type.pdm_maintenance_time" 
					  v-if="form.parType==0"
				      :key="dict.value"
				      :label="dict.label"
				      :value="dict.value"
				    />
					<el-option
					  v-for="dict in dict.type.repeat_power_failure" 
					  v-if="form.parType==1"
					  :key="dict.value"
					  :label="dict.label"
					  :value="dict.value"
					/>
				  </el-select>
		        </el-form-item>
				<el-form-item label="状态" prop="status">
					 <template>
						<el-switch v-model="form.status"  active-value="1" inactive-value="0"></el-switch>
					 </template>
				</el-form-item>
		        <el-form-item label="备注" prop="remark">
		          <el-input  type="textarea" v-model="form.remark" placeholder="请输入备注" />
		        </el-form-item>
		      </el-form>
		      <div slot="footer" class="dialog-footer">
		        <el-button type="primary" @click="submit" :loading="isSaveing">确 定</el-button>
		        <el-button  @click="visible=false" >取 消</el-button>
		      </div>
	</el-dialog>
</template>

<script>
import { addPar, updatePar } from "@/api/powerdistribution/par";	 
	export default {
		emits: ['success', 'closed'],
		dicts: ["pdm_maintenance_time","repeat_power_failure"],
		data() {
			return {
				mode: "add",
				titleMap: {
					add: '新增配置',
					edit: '编辑配置'
				},
				visible: false,
				isSaveing: false,
				form: {
					id:'',
					parCode:"",
					parName: "",
					parValue: "",
					parUnit: "",
					parType: "",
					remark: "",
					status: ""
				},
				rules: {
					parCode: [
						{required: true, message: '请输入编码'}
					],
					parName: [
						{required: true, message: '请输入名称'}
					],
					parValue: [
						{required: true, message: '请输入值'}
					],
					parUnit: [
						{required: true, message: '请选择计量单位'}
					]
				},
			}
		},
		mounted() {
		},
		methods: {
			//显示
			open(mode='add'){
				this.mode = mode;
				this.visible = true;
				return this;
			},
			//表单提交方法
			submit(){
				this.$refs.dialogForm.validate(async (valid) => {
					if (valid) {
						this.isSaveing = true;
						var res
						
						if(this.mode=="add")
						{
							addPar(this.form).then(response => {
						      this.$emit('success', this.form, this.mode)
							  this.$message.success("操作成功")
							  this.visible = false;
							});
						}else
						{
							updatePar(this.form).then(response => {
							   this.$message.success("操作成功")
							   this.$emit('success', this.form, this.mode)
							   this.visible = false;
							});
						}
						this.isSaveing = false;
						
					}
				})
			},
			//表单注入数据
			setData(data){
				// this.form.id = data.id
				// this.form.parCode = data.parCode
				// this.form.parName = data.parName
				// this.form.parValue = data.parValue
				//可以和上面一样单个注入，也可以像下面一样直接合并进去
				Object.assign(this.form, data)
			}
		}
	}
</script>

<style>
</style>