| | |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="供应商名称:" prop="supplierName" > |
| | | <el-form-item label="供货单位:" prop="supplierName" > |
| | | <el-input v-model="state.form.supplierName" :disabled="title === '查看'"/> |
| | | </el-form-item> |
| | | <el-form-item label="供应商类型:" prop="supplierType" > |
| | | <el-input v-model="state.form.supplierType" :disabled="title === '查看'"/> |
| | | <el-form-item label="地址:" prop="supplierAddr" > |
| | | <el-input v-model="state.form.supplierAddr" :disabled="title === '查看'"/> |
| | | </el-form-item> |
| | | <el-form-item label="供应品名称:" prop="merito" > |
| | | <el-input v-model="state.form.merito" :disabled="title === '查看'"/> |
| | | </el-form-item> |
| | | <el-form-item label="联系人:" prop="user" > |
| | | <el-input v-model="state.form.user" :disabled="title === '查看'"/> |
| | |
| | | <el-form-item label="联系电话:" prop="phone" > |
| | | <el-input v-model="state.form.phone" :disabled="title === '查看'"/> |
| | | </el-form-item> |
| | | <el-form-item label="邮箱:" prop="emil" > |
| | | <el-input v-model="state.form.emil" :disabled="title === '查看'"/> |
| | | </el-form-item> |
| | | <el-form-item label="主营产品:" prop="merito" > |
| | | <el-input v-model="state.form.merito" :disabled="title === '查看'"/> |
| | | </el-form-item> |
| | | <el-form-item label="服务内容:" prop="content" > |
| | | <el-input v-model="state.form.content" :disabled="title === '查看'"/> |
| | | <el-form-item label="备注:" prop="remark" > |
| | | <el-input v-model="state.form.remark" :disabled="title === '查看'"/> |
| | | </el-form-item> |
| | | </el-form> |
| | | <template #footer v-if="title !== '查看'"> |
| | |
| | | } |
| | | } |
| | | } |
| | | const validateEmail = (rule, value, callback)=>{ |
| | | if(value === ''){ |
| | | callback(new Error('请输入邮箱')) |
| | | }else{ |
| | | if(!validEmail(value)){ |
| | | callback(new Error('邮箱格式有误')) |
| | | }else{ |
| | | callback() |
| | | } |
| | | } |
| | | } |
| | | |
| | | const state = reactive({ |
| | | form: { |
| | | id: '', |
| | | companyId: null, |
| | | supplierName: '', |
| | | supplierType: '', |
| | | supplierAddr: '', |
| | | user: '', |
| | | phone: '', |
| | | emil: '', |
| | | merito: '', |
| | | content: '', |
| | | remark: '', |
| | | }, |
| | | formRules:{ |
| | | companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | supplierName: [{ required: true, message: '请输入供应商名称', trigger: 'blur' }], |
| | | supplierType:[{ required: true, message: '请输入供应商类型', trigger: 'blur' }], |
| | | supplierAddr:[{ required: true, message: '请输入地址', trigger: 'blur' }], |
| | | user: [{ required: true, message: '请输入联系人', trigger: 'blur' }], |
| | | phone: [{ required: true, validator: validatePhone, trigger: 'blur' }], |
| | | emil: [{ required: true, validator: validateEmail, trigger: 'blur' }], |
| | | merito: [{ required: true, message: '请输入主营产品', trigger: 'blur' }], |
| | | content: [{ required: true, message: '请输入服务内容', trigger: 'blur' }], |
| | | }, |
| | | isAdmin: false, |
| | | companyList: [] |
| | |
| | | id: '', |
| | | companyId: null, |
| | | supplierName: '', |
| | | supplierType: '', |
| | | supplierAddr: '', |
| | | user: '', |
| | | phone: '', |
| | | emil: '', |
| | | merito: '', |
| | | content: '', |
| | | remark: '', |
| | | } |
| | | state.companyList = [] |
| | | } |