|
@@ -1,14 +1,14 @@
|
|
<template>
|
|
<template>
|
|
<view class="addCustomer-content">
|
|
<view class="addCustomer-content">
|
|
<view class="content-form">
|
|
<view class="content-form">
|
|
- <u-form :model="form" ref="uForm" label-width="180" :error-type="['toast']">
|
|
|
|
- <u-form-item label="客户名称" required ><u-input v-model.trim="form.customerName" placeholder="请输入客户名称(最多30个字符)" input-align="right" :maxlength="60"/></u-form-item>
|
|
|
|
- <u-form-item label="客户地址" required >
|
|
|
|
|
|
+ <u-form :model="form" ref="uForm" label-width="150rpx" :error-type="['toast']">
|
|
|
|
+ <u-form-item label="客户名称" required prop="customerName" ><u-input v-model.trim="form.customerName" placeholder="请输入客户名称(最多30个字符)" input-align="right" :maxlength="60"/></u-form-item>
|
|
|
|
+ <u-form-item label="客户地址" required prop="provinceSn">
|
|
<u-input v-model="areaInfo.label" :disabled="true" input-align="right" placeholder="请选择客户地址" @click="openAddress"/>
|
|
<u-input v-model="areaInfo.label" :disabled="true" input-align="right" placeholder="请选择客户地址" @click="openAddress"/>
|
|
<u-icon name="arrow-right" color="#C0C4CC" slot="right" @click="openAddress"></u-icon>
|
|
<u-icon name="arrow-right" color="#C0C4CC" slot="right" @click="openAddress"></u-icon>
|
|
</u-form-item>
|
|
</u-form-item>
|
|
<u-form-item label="详细地址">
|
|
<u-form-item label="详细地址">
|
|
- <textarea :auto-height="true" input-align="right" placeholder="请输入详细地址(最多60个字符)" :maxlength="60" v-model="form.customerAddr" class="receiveAddress" placeholder-style="color:#C0C4CC;font-size:28upx;"/>
|
|
|
|
|
|
+ <u-input type="textarea" :auto-height="true" input-align="right" placeholder="请输入详细地址(最多60个字符)" :maxlength="60" v-model="form.customerAddr"/>
|
|
</u-form-item>
|
|
</u-form-item>
|
|
<u-form-item label="联系人">
|
|
<u-form-item label="联系人">
|
|
<u-input v-model="form.contactName" input-align="right" placeholder="请输入联系人(最多20个字符)" :maxlength="20"/>
|
|
<u-input v-model="form.contactName" input-align="right" placeholder="请输入联系人(最多20个字符)" :maxlength="20"/>
|
|
@@ -84,6 +84,12 @@
|
|
priceType: undefined, // 价格类型
|
|
priceType: undefined, // 价格类型
|
|
settleStyleSn: undefined // 收款方式
|
|
settleStyleSn: undefined // 收款方式
|
|
},
|
|
},
|
|
|
|
+ rules: {
|
|
|
|
+ customerName: [{ required: true, message: '请输入客户名称', trigger: 'change' }],
|
|
|
|
+ provinceSn: [{ required: true, message: '请选择客户地址', trigger: 'change' }],
|
|
|
|
+ priceType: [{ required: true, message: '请选择价格类型', trigger: 'change' }],
|
|
|
|
+ settleStyleSn: [{ required: true, message: '请选择收款方式', trigger: 'change' }],
|
|
|
|
+ },
|
|
showSettle:false,//结算方式初始值
|
|
showSettle:false,//结算方式初始值
|
|
settleTypeList:[],//收款方式列表
|
|
settleTypeList:[],//收款方式列表
|
|
settleStyleName:'',//收款方式名称
|
|
settleStyleName:'',//收款方式名称
|
|
@@ -173,41 +179,6 @@
|
|
customerSubmit(){
|
|
customerSubmit(){
|
|
this.$refs.uForm.validate(valid => {
|
|
this.$refs.uForm.validate(valid => {
|
|
if (valid) {
|
|
if (valid) {
|
|
- if (this.form.customerName ==='') {
|
|
|
|
- uni.showToast({
|
|
|
|
- title: '请输入客户名称',
|
|
|
|
- icon: 'none'
|
|
|
|
- })
|
|
|
|
- return false
|
|
|
|
- }
|
|
|
|
- if(this.form.contactMobile){
|
|
|
|
- if (!isvalidPhone(this.form.contactMobile)) {
|
|
|
|
- uni.showToast({
|
|
|
|
- title: '请输入正确的联系手机',
|
|
|
|
- icon: 'none'
|
|
|
|
- })
|
|
|
|
- return false
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- // 省市区
|
|
|
|
- if(this.areaIdArr.length == 0){
|
|
|
|
- uni.showToast({icon: 'none',title: '请选择客户地址'})
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- if (!this.form.priceType) {
|
|
|
|
- uni.showToast({
|
|
|
|
- title: '请选择价格类型',
|
|
|
|
- icon: 'none'
|
|
|
|
- })
|
|
|
|
- return false
|
|
|
|
- }
|
|
|
|
- if (!this.form.settleStyleSn) {
|
|
|
|
- uni.showToast({
|
|
|
|
- title: '请选择收款方式',
|
|
|
|
- icon: 'none'
|
|
|
|
- })
|
|
|
|
- return false
|
|
|
|
- }
|
|
|
|
const params=Object.assign({},this.form)
|
|
const params=Object.assign({},this.form)
|
|
console.log(params,'params')
|
|
console.log(params,'params')
|
|
if(this.form.id) {
|
|
if(this.form.id) {
|
|
@@ -254,15 +225,9 @@
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
.content-form{
|
|
.content-form{
|
|
- flex-grow:1;
|
|
|
|
|
|
+ flex:1;
|
|
|
|
+ padding: 0 0.5rem;
|
|
overflow: auto;
|
|
overflow: auto;
|
|
- .receiveAddress{
|
|
|
|
- width: 100%;
|
|
|
|
- line-height: 1.5em;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- font-style: normal;
|
|
|
|
- text-align: end;
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
.form-footer-btn{
|
|
.form-footer-btn{
|
|
background-color: #fff;
|
|
background-color: #fff;
|