祖安之光
2025-07-23 dd2bdb18a8394d2f2a13534a98bcadb8020e3668
src/views/work/qualityInfo/supplierQuality/supplierList/components/supplierDialog.vue
@@ -19,26 +19,23 @@
            </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>
        <el-form-item label="联系电话:" prop="phone" >
          <el-input v-model="state.form.phone"  :disabled="title === '查看'"/>
          <el-input v-model="state.form.phone"  @input="state.form.phone= state.form.phone.replace(/[^0-9-]/g,'')" :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 !== '查看'">
@@ -67,49 +64,36 @@
const busRef = ref();
const length = ref()
const emit = defineEmits(["getList"]);
const validatePhone = (rule, value, callback)=>{
  if(value === ''){
    callback(new Error('请输入手机号'))
  }else{
    if(!verifyPhone(value)){
      callback(new Error('手机号格式有误'))
    }else{
      callback()
    }
  }
}
const validateEmail = (rule, value, callback)=>{
  if(value === ''){
    callback(new Error('请输入邮箱'))
  }else{
    if(!validEmail(value)){
      callback(new Error('邮箱格式有误'))
    }else{
      callback()
    }
  }
}
// const validatePhone = (rule, value, callback)=>{
//   if(value === ''){
//     callback(new Error('请输入手机号'))
//   }else{
//     if(!verifyPhone(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' }],
    phone: [{ required: true, message: '请输入联系电话', trigger: 'blur' }],
    merito: [{ required: true, message: '请输入主营产品', trigger: 'blur' }],
    content: [{ required: true, message: '请输入服务内容', trigger: 'blur' }],
  },
  isAdmin: false,
  companyList: []
@@ -190,12 +174,11 @@
    id: '',
    companyId: null,
    supplierName: '',
    supplierType: '',
    supplierAddr: '',
    user: '',
    phone: '',
    emil: '',
    merito: '',
    content: '',
    remark: '',
  }
  state.companyList = []
}