|
@@ -1,138 +1,141 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view class="container"> |
|
|
<view class="container"> |
|
|
<view class="form-box"> |
|
|
|
|
|
<view v-if="step==1"> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">客户姓名</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" input-align="right" v-model="form.name" placeholder="请输入客户姓名"></u-input> |
|
|
|
|
|
|
|
|
<view v-if="canEdit"> |
|
|
|
|
|
<view class="form-box"> |
|
|
|
|
|
<view v-if="step==1"> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">客户姓名</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" input-align="right" v-model="form.name" placeholder="请输入客户姓名"></u-input> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">客户电话</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" maxlength="11" type="number" input-align="right" v-model="form.tel" placeholder="请输入客户手机号码"></u-input> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">客户电话</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" maxlength="11" type="number" input-align="right" v-model="form.tel" placeholder="请输入客户手机号码"></u-input> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">身份证号</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" type="text" input-align="right" v-model="form.idno" placeholder="请输入客户身份证号"></u-input> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">身份证号</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" type="text" input-align="right" v-model="form.idno" placeholder="请输入客户身份证号"></u-input> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">客户性别</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-radio-group v-model="form.sex" @change="sexChange"> |
|
|
|
|
|
<u-radio active-color="#FF6D25" name="男">先生</u-radio> |
|
|
|
|
|
<u-radio active-color="#FF6D25" name="女">女士</u-radio> |
|
|
|
|
|
</u-radio-group> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">客户性别</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-radio-group v-model="form.sex" @change="sexChange"> |
|
|
|
|
|
<u-radio active-color="#FF6D25" name="男">先生</u-radio> |
|
|
|
|
|
<u-radio active-color="#FF6D25" name="女">女士</u-radio> |
|
|
|
|
|
</u-radio-group> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">星座</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" disabled input-align="right" v-model="form.starName" @click="starShow = true" placeholder="请选择星座"></u-input> |
|
|
|
|
|
<image class="path" src="/static/path.png" mode="" /> |
|
|
|
|
|
<u-select confirm-color="#FF6D25" v-model="starShow" :list="starList" @confirm="confirmXingzuo"></u-select> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">星座</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" disabled input-align="right" v-model="form.starName" @click="starShow = true" placeholder="请选择星座"></u-input> |
|
|
|
|
|
<image class="path" src="/static/path.png" mode="" /> |
|
|
|
|
|
<u-select confirm-color="#FF6D25" v-model="starShow" :list="starList" @confirm="confirmXingzuo"></u-select> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">职业</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" disabled input-align="right" v-model="form.job" @click="jobShow = true" placeholder="请选择职业"></u-input> |
|
|
|
|
|
<image class="path" src="/static/path.png" mode="" /> |
|
|
|
|
|
<u-select confirm-color="#FF6D25" v-model="jobShow" :list="jobList" @confirm="confirmOccupation"></u-select> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">职业</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" disabled input-align="right" v-model="form.job" @click="jobShow = true" placeholder="请选择职业"></u-input> |
|
|
|
|
|
<image class="path" src="/static/path.png" mode="" /> |
|
|
|
|
|
<u-select confirm-color="#FF6D25" v-model="jobShow" :list="jobList" @confirm="confirmOccupation"></u-select> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">爱好</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" disabled input-align="right" v-model="form.hobby" @click="hobbyShow = true" placeholder="请选择爱好"></u-input> |
|
|
|
|
|
<image class="path" src="/static/path.png" mode="" /> |
|
|
|
|
|
<u-select confirm-color="#FF6D25" v-model="hobbyShow" :list="hobbyList" @confirm="confirmHobby"></u-select> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">爱好</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" disabled input-align="right" v-model="form.hobby" @click="hobbyShow = true" placeholder="请选择爱好"></u-input> |
|
|
|
|
|
<image class="path" src="/static/path.png" mode="" /> |
|
|
|
|
|
<u-select confirm-color="#FF6D25" v-model="hobbyShow" :list="hobbyList" @confirm="confirmHobby"></u-select> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view v-if="step==2"> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">租金</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" input-align="right" type="number" v-model="form.rentPrice" placeholder="请输入租金"></u-input> |
|
|
|
|
|
|
|
|
<view v-if="step==2"> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">租金</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" input-align="right" type="number" v-model="form.rentPrice" placeholder="请输入租金"></u-input> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">押金</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" maxlength="11" type="number" input-align="right" v-model="form.deposit" placeholder="请输入押金"></u-input> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">押金</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" maxlength="11" type="number" input-align="right" v-model="form.deposit" placeholder="请输入押金"></u-input> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">服务费</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" type="number" input-align="right" v-model="form.fee" placeholder="请输入服务费"></u-input> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">服务费</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" type="number" input-align="right" v-model="form.fee" placeholder="请输入服务费"></u-input> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">卫生费</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" type="number" input-align="right" v-model="form.ws_fee" placeholder="请输入卫生费"></u-input> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">卫生费</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" type="number" input-align="right" v-model="form.ws_fee" placeholder="请输入卫生费"></u-input> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">居住人数</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" type="number" input-align="right" v-model="form.peoples" placeholder="请输入居住人数"></u-input> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">居住人数</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input :clearable="false" type="number" input-align="right" v-model="form.peoples" placeholder="请输入居住人数"></u-input> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">支付类型</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" disabled input-align="right" v-model="form.paytypeName" @click="paytypeShow = true" placeholder="请选择支付类型"></u-input> |
|
|
|
|
|
<image class="path" src="/static/path.png" mode="" /> |
|
|
|
|
|
<u-select confirm-color="#FF6D25" v-model="paytypeShow" :list="paytypeList" @confirm="confirmPaytype"></u-select> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">支付类型</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" disabled input-align="right" v-model="form.paytypeName" @click="paytypeShow = true" placeholder="请选择支付类型"></u-input> |
|
|
|
|
|
<image class="path" src="/static/path.png" mode="" /> |
|
|
|
|
|
<u-select confirm-color="#FF6D25" v-model="paytypeShow" :list="paytypeList" @confirm="confirmPaytype"></u-select> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">收款方式</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" disabled input-align="right" v-model="form.paymentMethodName" @click="paymentMethodShow = true" placeholder="请选择收款方式"></u-input> |
|
|
|
|
|
<image class="path" src="/static/path.png" mode="" /> |
|
|
|
|
|
<u-select confirm-color="#FF6D25" v-model="paymentMethodShow" :list="paymentMethodList" @confirm="confirmPaymentMethod"></u-select> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">收款方式</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" disabled input-align="right" v-model="form.paymentMethodName" @click="paymentMethodShow = true" placeholder="请选择收款方式"></u-input> |
|
|
|
|
|
<image class="path" src="/static/path.png" mode="" /> |
|
|
|
|
|
<u-select confirm-color="#FF6D25" v-model="paymentMethodShow" :list="paymentMethodList" @confirm="confirmPaymentMethod"></u-select> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">租约期限</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" style="width:380rpx" disabled input-align="right" v-model="form.rentDate" @click="calendarShow = true" placeholder="请选择租约期限"></u-input> |
|
|
|
|
|
<image class="calendar" src="/static/kehu/calendar.png" mode="" @click="calendarShow = true" /> |
|
|
|
|
|
<u-calendar v-model="calendarShow" mode="range" @change="changeDate"></u-calendar> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">租约期限</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" style="width:380rpx" disabled input-align="right" v-model="form.rentDate" @click="calendarShow = true" placeholder="请选择租约期限"></u-input> |
|
|
|
|
|
<image class="calendar" src="/static/kehu/calendar.png" mode="" @click="calendarShow = true" /> |
|
|
|
|
|
<u-calendar v-model="calendarShow" mode="range" @change="changeDate"></u-calendar> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">成交部门</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" disabled input-align="right" v-model="form.deptIdName" @click="deptIdShow = true" placeholder="请选择成交部门"></u-input> |
|
|
|
|
|
<image class="path" src="/static/path.png" mode="" /> |
|
|
|
|
|
<u-select confirm-color="#FF6D25" v-model="deptIdShow" :list="deptIdList" @confirm="confirmDepartment"></u-select> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">成交部门</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" disabled input-align="right" v-model="form.deptIdName" @click="deptIdShow = true" placeholder="请选择成交部门"></u-input> |
|
|
|
|
|
<image class="path" src="/static/path.png" mode="" /> |
|
|
|
|
|
<u-select confirm-color="#FF6D25" v-model="deptIdShow" :list="deptIdList" @confirm="confirmDepartment"></u-select> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">成交人</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" disabled input-align="right" v-model="form.dealPeopleName" @click="dealPeopleShow = true" placeholder="请选择成交人"></u-input> |
|
|
|
|
|
<image class="path" src="/static/path.png" mode="" /> |
|
|
|
|
|
<u-select confirm-color="#FF6D25" v-model="dealPeopleShow" :list="dealPeopleList" @confirm="confirmDealPeople"></u-select> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="label">成交人</view> |
|
|
|
|
|
<view class="input"> |
|
|
|
|
|
<u-input height="102" disabled input-align="right" v-model="form.dealPeopleName" @click="dealPeopleShow = true" placeholder="请选择成交人"></u-input> |
|
|
|
|
|
<image class="path" src="/static/path.png" mode="" /> |
|
|
|
|
|
<u-select confirm-color="#FF6D25" v-model="dealPeopleShow" :list="dealPeopleList" @confirm="confirmDealPeople"></u-select> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<!-- <view class="red-item">拆单金额(3010.0)与第一笔合计不等(6001.0),押金、服务费(6009.0)默认第一笔不在计算在内!</view> --> |
|
|
</view> |
|
|
</view> |
|
|
<!-- <view class="red-item">拆单金额(3010.0)与第一笔合计不等(6001.0),押金、服务费(6009.0)默认第一笔不在计算在内!</view> --> |
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="step" v-if="step==1" @click="nextStep">下一步</view> |
|
|
|
|
|
<view class="step2" v-if="step==2"> |
|
|
|
|
|
<view class="next-btn btn" v-if="step==2" @click="step=1">上一步</view> |
|
|
|
|
|
<view class="submit-btn btn" @click="submit">提交并预览</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="step" v-if="step==1" @click="nextStep">下一步</view> |
|
|
|
|
|
<view class="step2" v-if="step==2"> |
|
|
|
|
|
<view class="next-btn btn" v-if="step==2" @click="step=1">上一步</view> |
|
|
|
|
|
<view class="submit-btn btn" @click="submit">提交并预览</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
<view v-if="!canEdit" class="errText">{{errText}}</view> |
|
|
<u-toast ref="uToast" /> |
|
|
<u-toast ref="uToast" /> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
@@ -140,6 +143,8 @@ |
|
|
export default { |
|
|
export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
|
|
|
canEdit: true, |
|
|
|
|
|
errText: '', |
|
|
step:1, |
|
|
step:1, |
|
|
calendarShow: false, |
|
|
calendarShow: false, |
|
|
starShow: false, |
|
|
starShow: false, |
|
@@ -335,11 +340,18 @@ |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
onLoad(options) { |
|
|
onLoad(options) { |
|
|
this.electContractInfo = uni.getStorageSync('electContractInfo') |
|
|
|
|
|
|
|
|
if (options.id){ |
|
|
|
|
|
this.roomId = options.id; |
|
|
|
|
|
}else{ |
|
|
|
|
|
this.electContractInfo = uni.getStorageSync('electContractInfo'); |
|
|
|
|
|
uni.removeStorageSync('electContractInfo'); |
|
|
|
|
|
this.roomId = this.electContractInfo.roomId; |
|
|
|
|
|
this.form.rentDate = this.electContractInfo.rent_date_start + '~' +this.electContractInfo.rent_date_end |
|
|
|
|
|
this.form.rent_date_start = this.electContractInfo.rent_date_start |
|
|
|
|
|
this.form.rent_date_end = this.electContractInfo.rent_date_end |
|
|
|
|
|
} |
|
|
|
|
|
if(!this.roomId) return; |
|
|
this.oneVerificationContractInfo() |
|
|
this.oneVerificationContractInfo() |
|
|
this.form.rentDate = this.electContractInfo.rent_date_start + '~'+this.electContractInfo.rent_date_end |
|
|
|
|
|
this.form.rent_date_start =this.electContractInfo.rent_date_start |
|
|
|
|
|
this.form.rent_date_end = this.electContractInfo.rent_date_end |
|
|
|
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
this.getDeptList() |
|
|
this.getDeptList() |
|
@@ -375,7 +387,7 @@ |
|
|
}, |
|
|
}, |
|
|
// 获取用户信息 |
|
|
// 获取用户信息 |
|
|
oneVerificationContractInfo(){ |
|
|
oneVerificationContractInfo(){ |
|
|
this.$u.api.oneVerificationContractInfo({body:{"roomId": this.electContractInfo.roomId}}).then((res)=>{ |
|
|
|
|
|
|
|
|
this.$u.api.oneVerificationContractInfo({body:{"roomId": this.roomId}}).then((res)=>{ |
|
|
if(res.ErrNo=='0000'){ |
|
|
if(res.ErrNo=='0000'){ |
|
|
let data = res.result |
|
|
let data = res.result |
|
|
this.contractId = data.contractId |
|
|
this.contractId = data.contractId |
|
@@ -387,6 +399,10 @@ |
|
|
this.form.star = data.star |
|
|
this.form.star = data.star |
|
|
this.form.hobby = data.hobby |
|
|
this.form.hobby = data.hobby |
|
|
this.form.job = data.job |
|
|
this.form.job = data.job |
|
|
|
|
|
}else{ |
|
|
|
|
|
// console.log(res) |
|
|
|
|
|
this.canEdit = false |
|
|
|
|
|
this.errText = res.ErrMsg |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
@@ -397,7 +413,7 @@ |
|
|
// title: '拆单金额(3010.0)与第一笔合计不等(6001.0),押金、服务费(6009.0)默认第一笔不在计算在内!', |
|
|
// title: '拆单金额(3010.0)与第一笔合计不等(6001.0),押金、服务费(6009.0)默认第一笔不在计算在内!', |
|
|
// }) |
|
|
// }) |
|
|
let body = { |
|
|
let body = { |
|
|
roomId: this.electContractInfo.roomId, |
|
|
|
|
|
|
|
|
roomId: this.roomId, |
|
|
"customerName": this.form.name, |
|
|
"customerName": this.form.name, |
|
|
"customerTel": this.form.tel, |
|
|
"customerTel": this.form.tel, |
|
|
"idno": this.form.idno, |
|
|
"idno": this.form.idno, |
|
@@ -510,10 +526,12 @@ |
|
|
.container { |
|
|
.container { |
|
|
width: 750rpx; |
|
|
width: 750rpx; |
|
|
min-height: 100vh; |
|
|
min-height: 100vh; |
|
|
// background: #F8F8F8; |
|
|
|
|
|
padding: 20rpx 0 250rpx; |
|
|
padding: 20rpx 0 250rpx; |
|
|
|
|
|
.errText{ |
|
|
|
|
|
color: #E7483C; |
|
|
|
|
|
padding: 0 30rpx; |
|
|
|
|
|
} |
|
|
.form-box{ |
|
|
.form-box{ |
|
|
// background: #fff; |
|
|
|
|
|
padding: 0 30rpx; |
|
|
padding: 0 30rpx; |
|
|
.item{ |
|
|
.item{ |
|
|
height: 102rpx; |
|
|
height: 102rpx; |
|
|