| | |
| | | clearable |
| | | /> |
| | | </up-form-item> |
| | | <up-form-item label="客户分类" prop="customerType" required> |
| | | <up-form-item label="客户分类" prop="customerType"> |
| | | <up-input |
| | | v-model="customerTypeText" |
| | | placeholder="请选择客户分类" |
| | |
| | | <up-icon name="arrow-right" @click="showCustomerTypeSheet = true"></up-icon> |
| | | </template> |
| | | </up-form-item> |
| | | <up-form-item |
| | | label="纳税人识别号" |
| | | prop="taxpayerIdentificationNumber" |
| | | > |
| | | <up-input |
| | | v-model="form.taxpayerIdentificationNumber" |
| | | placeholder="请输入纳税人识别号" |
| | | clearable |
| | | /> |
| | | </up-form-item> |
| | | <up-form-item label="公司地址" prop="companyAddress"> |
| | | <up-form-item label="公司地址" prop="companyAddress" required> |
| | | <up-input |
| | | v-model="form.companyAddress" |
| | | placeholder="请输入公司地址" |
| | | clearable |
| | | /> |
| | | </up-form-item> |
| | | <up-form-item label="公司电话" prop="companyPhone"> |
| | | <up-form-item label="公司电话" prop="companyPhone" required> |
| | | <up-input |
| | | v-model="form.companyPhone" |
| | | placeholder="请输入公司电话" |
| | | clearable |
| | | /> |
| | | </up-form-item> |
| | | <up-form-item label="法人" prop="corporation"> |
| | | <up-input |
| | | v-model="form.corporation" |
| | | placeholder="请输入法人" |
| | | clearable |
| | | /> |
| | | </up-form-item> |
| | | <up-form-item label="代理人" prop="agent"> |
| | | <up-input |
| | | v-model="form.agent" |
| | | placeholder="请输入代理人" |
| | | clearable |
| | | /> |
| | | </up-form-item> |
| | | <up-form-item label="传真" prop="fax"> |
| | | <up-input |
| | | v-model="form.fax" |
| | | placeholder="请输入传真" |
| | | clearable |
| | | /> |
| | | </up-form-item> |
| | |
| | | clearable |
| | | /> |
| | | </up-form-item> |
| | | </u-cell-group> |
| | | |
| | | <u-cell-group title="银行信息" class="form-section"> |
| | | <up-form-item label="银行基本户" prop="basicBankAccount"> |
| | | <up-form-item label="联系人岗位" prop="contactPosition"> |
| | | <up-input |
| | | v-model="form.basicBankAccount" |
| | | placeholder="请输入银行基本户" |
| | | clearable |
| | | /> |
| | | </up-form-item> |
| | | <up-form-item label="银行账号" prop="bankAccount"> |
| | | <up-input |
| | | v-model="form.bankAccount" |
| | | placeholder="请输入银行账号" |
| | | clearable |
| | | /> |
| | | </up-form-item> |
| | | <up-form-item label="开户银行" prop="bankName"> |
| | | <up-input |
| | | v-model="form.bankName" |
| | | placeholder="请输入开户银行" |
| | | clearable |
| | | /> |
| | | </up-form-item> |
| | | <up-form-item label="开户行号" prop="bankCode"> |
| | | <up-input |
| | | v-model="form.bankCode" |
| | | placeholder="请输入开户行号" |
| | | v-model="form.contactPosition" |
| | | placeholder="请输入联系人岗位" |
| | | clearable |
| | | /> |
| | | </up-form-item> |
| | |
| | | const form = ref({ |
| | | customerName: "", |
| | | customerType: "", |
| | | taxpayerIdentificationNumber: "", |
| | | companyAddress: "", |
| | | companyPhone: "", |
| | | corporation: "", |
| | | agent: "", |
| | | fax: "", |
| | | contactPerson: "", |
| | | contactPhone: "", |
| | | basicBankAccount: "", |
| | | bankAccount: "", |
| | | bankName: "", |
| | | bankCode: "", |
| | | contactPosition: "", |
| | | maintainer: "", |
| | | maintenanceTime: "", |
| | | }); |
| | | |
| | | const rules = { |
| | | customerName: [{ required: true, message: "请输入客户名称", trigger: "blur" }], |
| | | customerType: [{ required: true, message: "请选择客户分类", trigger: "change" }], |
| | | companyAddress: [{ required: true, message: "请输入公司地址", trigger: "blur" }], |
| | | companyPhone: [{ required: true, message: "请输入公司电话", trigger: "blur" }], |
| | | }; |
| | | |
| | | const customerTypeActions = [ |
| | | { name: "零售客户", value: "零售客户" }, |
| | | { name: "经销商客户", value: "经销商客户" }, |
| | | { name: "连锁店", value: "连锁店" }, |
| | | ]; |
| | | |
| | | const pageTitle = computed(() => |