| | |
| | | <el-form-item label="企业名称:" prop="name" > |
| | | <el-input v-model.trim="state.form.name" placeholder="请输入企业名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="企业类型:" prop="type" > |
| | | <el-select |
| | | v-model="state.form.type" |
| | | placeholder="请选择企业类型" |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="item in state.typeList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="负责人:" prop="major" > |
| | | <el-input v-model.trim="state.form.major" placeholder="请输入负责人"></el-input> |
| | | </el-form-item> |
| | |
| | | import {reactive, ref, toRefs} from 'vue' |
| | | import {ElMessage} from "element-plus"; |
| | | import {addCompany, checkName, distributeCompany, editCompany} from "@/api/hazardousChemicals/company"; |
| | | import {verifyPhone} from "@/utils/validate"; |
| | | import {verifyPhone, verifyPwd} from "@/utils/validate"; |
| | | |
| | | const dialogVisible = ref(false); |
| | | const title = ref(""); |
| | |
| | | } |
| | | } |
| | | } |
| | | let validateCode = (rule, value, callback)=>{ |
| | | if(value === ''){ |
| | | callback(new Error('请输入企业编码')) |
| | | }else{ |
| | | if(value.length !== 2){ |
| | | callback(new Error('请输入两位字母或者数字编码')) |
| | | }else{ |
| | | callback() |
| | | } |
| | | } |
| | | } |
| | | |
| | | const state = reactive({ |
| | | form: { |
| | | id: '', |
| | |
| | | major:[{ required: true, message: '请输入负责人', trigger: 'blur' }], |
| | | name: [{ required: true, trigger: "blur", validator: validateName }], |
| | | phone:[{ required: true, trigger: "blur", validator: validatePhone }], |
| | | code:[{ required: true, message: '请输入企业编码', trigger: 'blur' }], |
| | | code:[{ required: true, validator: validateCode, trigger: 'blur' }], |
| | | type: [{ required: true, message: '请选择企业类型', trigger: 'blur' }], |
| | | }, |
| | | typeList: [ |
| | | { |
| | | id: 0, |
| | | name: '研发类' |
| | | }, |
| | | { |
| | | id: 1, |
| | | name: '生产类' |
| | | }, |
| | | { |
| | | id: 2, |
| | | name: '中试类' |
| | | }, |
| | | ] |
| | | }) |
| | | |
| | | |