|
@@ -1,59 +1,64 @@
|
|
|
<template>
|
|
|
<view class="addCustomer-content">
|
|
|
- <view class="flex justify_between align_center content-customerName" v-if="itemId">
|
|
|
+ <view class="content-customerName">
|
|
|
+ <view class="flex justify_between align_center customerName">
|
|
|
<text>{{customerData?customerData.customerName:''}}</text>
|
|
|
- <u-button size="mini" :hair-line="false" plain type="primary" hover-class="none" @click="goBack" :custom-style="customBtnStyle">重新选择</u-button>
|
|
|
+
|
|
|
+ <u-button size="mini" :hair-line="false" plain type="primary" hover-class="none" @click="goBack" :custom-style="customBtnStyle">重新选择</u-button>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <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="areaInfo.label" :disabled="true" input-align="right" placeholder="请选择客户地址" @click="openAddress"/>
|
|
|
- <u-icon name="arrow-right" color="#C0C4CC" slot="right" @click="openAddress"></u-icon>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="详细地址">
|
|
|
- <textarea :auto-height="true" input-align="right" placeholder="请输入详细地址(最多60个字符)" :maxlength="60" v-model="form.shippingAddress" class="receiveAddress" placeholder-style="color:#C0C4CC;font-size:28upx;"/>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="联系人">
|
|
|
- <u-input v-model="form.consigneeName" input-align="right" placeholder="请输入联系人(最多30个字符)" :maxlength="11"/>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="联系电话">
|
|
|
- <u-input v-model.trim="form.consigneeTel" placeholder="请输入联系电话(最多15个字符)" input-align="right" :maxlength="15"/>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="联系手机"><u-input v-model.trim="form.contactMobile" placeholder="请输入联系手机(最多11位字符)" input-align="right" :maxlength="11"/>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="价格类型" required >
|
|
|
- <v-select ref="priceType" :disabled="true" placeholder="请选择价格类型" @itemChange="chooseType" code="PRICE_TYPE" style="width: 100%"></v-select>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="收款方式" required prop="settleStyleSn">
|
|
|
- <u-input v-model="settleStyleName" input-align="right" :disabled="true" placeholder="请选择收款方式" @click="showSettle=true"/>
|
|
|
- <u-icon name="arrow-right" color="#C0C4CC" slot="right"></u-icon>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="铺货出库" required v-if="itemId">
|
|
|
- <view style="width: 100%;display:flex;justify-content: flex-end;">
|
|
|
- <u-radio-group v-model="form.distributionFlag" @change="radioChange" >
|
|
|
- <u-radio
|
|
|
- v-for="(item, index) in ckList" :key="index"
|
|
|
- :name="item.code"
|
|
|
- >
|
|
|
- {{item.dispName}}
|
|
|
- </u-radio>
|
|
|
- </u-radio-group>
|
|
|
- </view>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="配送方式" >
|
|
|
- <v-select ref="dispatchType" :disabled="true" placeholder="请选择配送方式" @itemChange="choosedispatchType" code="DISPATCH_TYPE" style="width: 100%"></v-select>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="业务员">
|
|
|
- <u-input v-model="userName" input-align="right" :disabled="true" placeholder="请选择业务员" @click="showUser=true"/>
|
|
|
- <u-icon name="arrow-right" color="#C0C4CC" slot="right" @click="showUser=true"></u-icon>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="备注">
|
|
|
- <textarea :auto-height="true" input-align="right" placeholder="请输入备注(最多100个字符)" :maxlength="100" v-model="form.remarks" class="receiveAddress" placeholder-style="color:#C0C4CC;font-size:28upx;"/>
|
|
|
- </u-form-item>
|
|
|
- </u-form>
|
|
|
- </view>
|
|
|
- <view class="form-footer-btn">
|
|
|
- <u-button class="handle-btn" size="medium" shape="circle" hover-class="none" @click="handleSaveCust" :custom-style="customBtnStyle">保存</u-button>
|
|
|
+ <view class="flex_1 content-box">
|
|
|
+ <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="areaInfo.label" :disabled="true" input-align="right" placeholder="请选择客户地址" @click="openAddress"/>
|
|
|
+ <u-icon name="arrow-right" color="#C0C4CC" slot="right" @click="openAddress"></u-icon>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="详细地址">
|
|
|
+ <textarea :auto-height="true" input-align="right" placeholder="请输入详细地址(最多60个字符)" :maxlength="60" v-model="form.shippingAddress" class="receiveAddress" placeholder-style="color:#C0C4CC;font-size:28upx;"/>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="联系人">
|
|
|
+ <u-input v-model="form.consigneeName" input-align="right" placeholder="请输入联系人(最多30个字符)" :maxlength="11"/>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="联系电话">
|
|
|
+ <u-input v-model.trim="form.consigneeTel" placeholder="请输入联系电话(最多15个字符)" input-align="right" :maxlength="15"/>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="联系手机"><u-input v-model.trim="form.contactMobile" placeholder="请输入联系手机(最多11位字符)" input-align="right" :maxlength="11"/>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="价格类型" required >
|
|
|
+ <v-select ref="priceType" :disabled="true" placeholder="请选择价格类型" @itemChange="chooseType" code="PRICE_TYPE" style="width: 100%"></v-select>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="收款方式" required prop="settleStyleSn">
|
|
|
+ <u-input v-model="settleStyleName" input-align="right" :disabled="true" placeholder="请选择收款方式" @click="showSettle=true"/>
|
|
|
+ <u-icon name="arrow-right" color="#C0C4CC" slot="right"></u-icon>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="铺货出库" required v-if="itemId">
|
|
|
+ <view style="width: 100%;display:flex;justify-content: flex-end;">
|
|
|
+ <u-radio-group v-model="form.distributionFlag" @change="radioChange" >
|
|
|
+ <u-radio
|
|
|
+ v-for="(item, index) in ckList" :key="index"
|
|
|
+ :name="item.code"
|
|
|
+ >
|
|
|
+ {{item.dispName}}
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="配送方式" >
|
|
|
+ <v-select ref="dispatchType" :disabled="true" placeholder="请选择配送方式" @itemChange="choosedispatchType" code="DISPATCH_TYPE" style="width: 100%"></v-select>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="业务员">
|
|
|
+ <u-input v-model="userName" input-align="right" :disabled="true" placeholder="请选择业务员" @click="showUser=true"/>
|
|
|
+ <u-icon name="arrow-right" color="#C0C4CC" slot="right" @click="showUser=true"></u-icon>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="备注">
|
|
|
+ <textarea :auto-height="true" input-align="right" placeholder="请输入备注(最多100个字符)" :maxlength="100" v-model="form.remarks" class="receiveAddress" placeholder-style="color:#C0C4CC;font-size:28upx;"/>
|
|
|
+ </u-form-item>
|
|
|
+ </u-form>
|
|
|
+ </view>
|
|
|
+ <view class="form-footer-btn">
|
|
|
+ <u-button class="handle-btn" size="medium" shape="circle" hover-class="none" @click="handleSaveCust" :custom-style="customBtnStyle">保存</u-button>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<!-- 省市区 -->
|
|
|
<Address ref="applyAddress" @onConfirm="areaConfirm"></Address>
|
|
@@ -174,8 +179,10 @@
|
|
|
},
|
|
|
methods:{
|
|
|
getCustomerData(val){
|
|
|
+ uni.showLoading({title:'加载中...',mask:true})
|
|
|
customerDetail({id:val}).then(res=>{
|
|
|
if(res.status==200){
|
|
|
+ uni.hideLoading({})
|
|
|
this.customerData=res.data
|
|
|
this.areaIdArr=[this.customerData.provinceSn,this.customerData.citySn,this.customerData.countySn]
|
|
|
this.areaInfo={label:this.customerData.provinceName+'-'+this.customerData.cityName+'-'+this.customerData.countyName}
|
|
@@ -411,19 +418,32 @@
|
|
|
.addCustomer-content{
|
|
|
width: 100%;
|
|
|
height: 100vh;
|
|
|
- background-color: #fff;
|
|
|
- padding:0 40upx;
|
|
|
+ // background-color: #fff;
|
|
|
+
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
.content-customerName{
|
|
|
- // padding: 10upx;
|
|
|
- // border-radius: 10upx;
|
|
|
- // border: 1upx solid #e5e5e5;
|
|
|
+ width: 100%;
|
|
|
+ .customerName{
|
|
|
+ position: fixed;
|
|
|
+ width: 100%;
|
|
|
+ z-index: 999;
|
|
|
+ color: #000000;
|
|
|
+ font-size: 30upx;
|
|
|
+ font-weight: 1000;
|
|
|
+ background-color: #fff;
|
|
|
+ padding:10upx 40upx 20upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .content-box{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ margin-top: 100upx;
|
|
|
+ padding:0 40upx;
|
|
|
+ background-color: #fff;
|
|
|
}
|
|
|
.content-form{
|
|
|
flex: 1;
|
|
|
- // box-shadow:0 8upx 24upx rgba(0,0,0,.1);
|
|
|
- // border: 1upx solid #e5e5e5;
|
|
|
.receiveAddress{
|
|
|
width: 100%;
|
|
|
line-height: 1.5em;
|
|
@@ -441,7 +461,7 @@
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
width: 100%;
|
|
|
- padding: 16upx 20upx 12upx;
|
|
|
+ padding: 30upx;
|
|
|
z-index: 999;
|
|
|
.handle-btn{
|
|
|
width: 100%;
|