zhangwencui
10 小时以前 7a0790d8224db45a039bf33d0ef4e24ae879a243
src/pages/basicData/supplierManage/edit.vue
@@ -1,56 +1,44 @@
<template>
  <view class="account-detail">
    <PageHeader :title="pageTitle" @back="goBack" />
    <up-form ref="formRef" :model="form" :rules="rules" label-width="120">
      <u-cell-group title="供应商信息" class="form-section">
        <up-form-item label="供应商名称" prop="supplierName" required>
          <up-input v-model="form.supplierName" placeholder="请输入" clearable />
        </up-form-item>
        <up-form-item label="纳税人识别号" prop="taxpayerIdentificationNum" required>
          <up-input v-model="form.taxpayerIdentificationNum" placeholder="请输入" clearable />
        </up-form-item>
        <up-form-item label="公司地址" prop="companyAddress" required>
          <up-input v-model="form.companyAddress" placeholder="请输入" clearable />
        </up-form-item>
        <up-form-item label="公司电话" prop="companyPhone" required>
          <up-input v-model="form.companyPhone" placeholder="请输入" clearable />
        </up-form-item>
        <up-form-item label="开户行" prop="bankAccountName" required>
          <up-input v-model="form.bankAccountName" placeholder="请输入" clearable />
        </up-form-item>
        <up-form-item label="账号" prop="bankAccountNum" required>
          <up-input v-model="form.bankAccountNum" placeholder="请输入" clearable />
        </up-form-item>
        <up-form-item label="联系人" prop="contactUserName">
          <up-input v-model="form.contactUserName" placeholder="请输入" clearable />
        </up-form-item>
        <up-form-item label="联系电话" prop="contactUserPhone">
          <up-input v-model="form.contactUserPhone" placeholder="请输入" clearable />
        </up-form-item>
        <up-form-item label="供应商类型" prop="supplierType" required>
          <up-input
            v-model="supplierTypeText"
            placeholder="请选择"
            readonly
            @click="showSupplierTypeSheet = true"
          />
          <template #right>
            <up-icon name="arrow-right" @click="showSupplierTypeSheet = true"></up-icon>
          </template>
        </up-form-item>
        <up-form-item label="是否白名单" prop="isWhite" required>
          <up-input v-model="isWhiteText" placeholder="请选择" readonly @click="showIsWhiteSheet = true" />
          <template #right>
            <up-icon name="arrow-right" @click="showIsWhiteSheet = true"></up-icon>
          </template>
        </up-form-item>
        <up-form-item label="维护人" prop="maintainUserName">
          <up-input v-model="form.maintainUserName" disabled placeholder="自动填充" />
        </up-form-item>
        <up-form-item label="维护时间" prop="maintainTime">
          <up-input v-model="form.maintainTime" disabled placeholder="自动填充" />
        </up-form-item>
      </u-cell-group>
    <up-form ref="formRef" :model="form" :rules="rules" label-width="110">
      <up-form-item label="供应商名称" prop="supplierName" required>
        <up-input v-model="form.supplierName" placeholder="请输入" clearable />
      </up-form-item>
      <up-form-item label="纳税人识别号" prop="taxpayerIdentificationNum" required>
        <up-input v-model="form.taxpayerIdentificationNum" placeholder="请输入" clearable />
      </up-form-item>
      <up-form-item label="公司地址" prop="companyAddress" required>
        <up-input v-model="form.companyAddress" placeholder="请输入" clearable />
      </up-form-item>
      <up-form-item label="供应商类型" prop="supplierType" required>
        <up-input
          v-model="supplierTypeText"
          placeholder="请选择"
          readonly
          @click="showSupplierTypeSheet = true"
        />
        <template #right>
          <up-icon name="arrow-right" @click="showSupplierTypeSheet = true"></up-icon>
        </template>
      </up-form-item>
      <up-form-item label="是否白名单" prop="isWhite" required>
        <up-input
          v-model="isWhiteText"
          placeholder="请选择"
          readonly
          @click="showIsWhiteSheet = true"
        />
        <template #right>
          <up-icon name="arrow-right" @click="showIsWhiteSheet = true"></up-icon>
        </template>
      </up-form-item>
      <up-form-item label="维护人" prop="maintainUserName">
        <up-input v-model="form.maintainUserName" placeholder="自动填充" disabled />
      </up-form-item>
      <up-form-item label="维护时间" prop="maintainTime">
        <up-input v-model="form.maintainTime" placeholder="自动填充" disabled />
      </up-form-item>
    </up-form>
    <FooterButtons :loading="loading" confirmText="保存" @cancel="goBack" @confirm="handleSubmit" />
@@ -88,11 +76,6 @@
    supplierName: "",
    taxpayerIdentificationNum: "",
    companyAddress: "",
    companyPhone: "",
    bankAccountName: "",
    bankAccountNum: "",
    contactUserName: "",
    contactUserPhone: "",
    maintainUserId: "",
    maintainUserName: "",
    maintainTime: "",
@@ -104,9 +87,6 @@
    supplierName: [{ required: true, message: "请输入供应商名称", trigger: "blur" }],
    taxpayerIdentificationNum: [{ required: true, message: "请输入纳税人识别号", trigger: "blur" }],
    companyAddress: [{ required: true, message: "请输入公司地址", trigger: "blur" }],
    companyPhone: [{ required: true, message: "请输入公司电话", trigger: "blur" }],
    bankAccountName: [{ required: true, message: "请输入开户行", trigger: "blur" }],
    bankAccountNum: [{ required: true, message: "请输入账号", trigger: "blur" }],
    supplierType: [{ required: true, message: "请选择供应商类型", trigger: "change" }],
    isWhite: [{ required: true, message: "请选择白名单", trigger: "change" }],
  };
@@ -200,17 +180,5 @@
</script>
<style scoped lang="scss">
  @import "@/styles/procurement-common.scss";
  .account-detail {
    min-height: 100vh;
    background: #f8f9fa;
    padding-bottom: 90px;
  }
  .form-section {
    margin: 12px;
    border-radius: 12px;
    overflow: hidden;
  }
  @import "@/static/scss/form-common.scss";
</style>