|
|
@@ -2,36 +2,54 @@
|
|
|
<view class="page">
|
|
|
<view class="form">
|
|
|
<u-form :model="form" ref="uForm">
|
|
|
- <u-form-item label-width="200" label="签约时间" prop="sign_time" @click.native="opensignTimePopoup">
|
|
|
+ <u-form-item label-width="210" label="合同编号" prop="contract_no">
|
|
|
+ <u-input placeholder="请输入合同编号" v-model="form.contract_no" type="text"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label-width="210" label="签约时间" prop="sign_time" @click.native="opensignTimePopoup">
|
|
|
<view class="scoped-input-floor" @click.native="opensignTimePopoup"></view>
|
|
|
<u-input placeholder="请选择签约时间" v-model="form.sign_time" disabled type="text"></u-input>
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width="200" label="贷款额度" prop="loan_amount">
|
|
|
+ <u-form-item label-width="210" label="贷款额度" prop="loan_amount">
|
|
|
<u-input placeholder="请输入贷款额度" v-model="form.loan_amount" type="text"></u-input>
|
|
|
<template v-slot:right>
|
|
|
万
|
|
|
</template>
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width="200" label="贷款银行" prop="loan_bank">
|
|
|
+ <u-form-item label-width="210" label="贷款银行" prop="loan_bank">
|
|
|
<u-input placeholder="请选择贷款银行" v-model="form.loan_bank" disabled @click="loanBankOpen" type="text"></u-input>
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width="200" label="中介费(卖方)" prop="brokerage_fee1">
|
|
|
+ <u-form-item label-width="210" label="贷款经理及电话" prop="loan_manager">
|
|
|
+ <u-input placeholder="请输入贷款经理和电话" v-model="form.loan_manager" type="text"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label-width="210" label="中介费(卖方)" prop="brokerage_fee1">
|
|
|
<u-input placeholder="请输入中介费(卖方)" v-model="form.brokerage_fee1" type="text"></u-input>
|
|
|
<template v-slot:right>
|
|
|
元
|
|
|
</template>
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width="200" label="中介费(买方)" prop="brokerage_fee2">
|
|
|
+ <u-form-item label-width="210" label="中介费(买方)" prop="brokerage_fee2">
|
|
|
<u-input placeholder="请输入中介费(买方)" v-model="form.brokerage_fee2" type="text"></u-input>
|
|
|
<template v-slot:right>
|
|
|
元
|
|
|
</template>
|
|
|
</u-form-item>
|
|
|
+ <u-form-item label-width="210" label="贷款服务费" prop="loan_fee">
|
|
|
+ <u-input placeholder="请输入贷款服务费" v-model="form.loan_fee" type="text"></u-input>
|
|
|
+ <template v-slot:right>
|
|
|
+ 元
|
|
|
+ </template>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label-width="210" label="代办费及其它" prop="agency_fee">
|
|
|
+ <u-input placeholder="请输入代办费及其它" v-model="form.agency_fee" type="text"></u-input>
|
|
|
+ <template v-slot:right>
|
|
|
+ 元
|
|
|
+ </template>
|
|
|
+ </u-form-item>
|
|
|
</u-form>
|
|
|
-
|
|
|
+
|
|
|
|
|
|
<view class="scoped-more-img">
|
|
|
- <view class="smi-title">上传合同</view>
|
|
|
+ <view class="smi-title">上传合同及附件</view>
|
|
|
<view class="si-op" v-for="(url, index) in contractImgList" :key="index">
|
|
|
<u-image :src="url" class="img" mode="aspectFill" height="150rpx" @click="previewImageHandle(url, contractImgList)" ></u-image>
|
|
|
<u-image src="/static/icon_g_close.png" class="i" height="40rpx" @click="contractDelImg(index)"></u-image>
|
|
|
@@ -53,7 +71,29 @@
|
|
|
</view>
|
|
|
|
|
|
<view class="scoped-more-img">
|
|
|
- <view class="smi-title">定金凭证</view>
|
|
|
+ <view class="smi-title">买方身份证</view>
|
|
|
+ <view class="si-op" v-for="(url, index) in buyIdCardList" :key="index">
|
|
|
+ <u-image :src="url" class="img" mode="aspectFill" height="150rpx" @click="previewImageHandle(url, buyIdCardList)" ></u-image>
|
|
|
+ <u-image src="/static/icon_g_close.png" class="i" height="40rpx" @click="buyIdCardDelImg(index)"></u-image>
|
|
|
+ </view>
|
|
|
+ <view class="si-op" @click="buyIdCardAddImg">
|
|
|
+ <u-image src="/static/icon_upload_img.png" mode="heightFix" height="150rpx" class="img"></u-image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="scoped-more-img">
|
|
|
+ <view class="smi-title">卖方身份证</view>
|
|
|
+ <view class="si-op" v-for="(url, index) in sellIdCardList" :key="index">
|
|
|
+ <u-image :src="url" class="img" mode="aspectFill" height="150rpx" @click="previewImageHandle(url, sellIdCardList)" ></u-image>
|
|
|
+ <u-image src="/static/icon_g_close.png" class="i" height="40rpx" @click="sellIdCardDelImg(index)"></u-image>
|
|
|
+ </view>
|
|
|
+ <view class="si-op" @click="sellIdCardAddImg">
|
|
|
+ <u-image src="/static/icon_upload_img.png" mode="heightFix" height="150rpx" class="img"></u-image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="scoped-more-img">
|
|
|
+ <view class="smi-title">定金凭证和房产证收据</view>
|
|
|
<view class="si-op" v-for="(url, index) in frontMoneyList" :key="index">
|
|
|
<u-image :src="url" class="img" mode="aspectFill" height="150rpx" @click="previewImageHandle(url, frontMoneyList)" ></u-image>
|
|
|
<u-image src="/static/icon_g_close.png" class="i" height="40rpx" @click="frontMoneyDelImg(index)"></u-image>
|
|
|
@@ -71,7 +111,7 @@
|
|
|
<!-- utoast -->
|
|
|
<u-toast ref="uToast" />
|
|
|
|
|
|
- <u-select v-model="isLoanBankShow" :list="loanBankList" label-name="dict_label" @confirm="loanBankClose"></u-select>
|
|
|
+ <u-select v-model="isLoanBankShow" :list="loanBankList" label-name="dict_label" value-name="option1" @confirm="loanBankClose"></u-select>
|
|
|
|
|
|
<u-calendar v-model="signTimeShow" mode="date" @change="signTimeChange"></u-calendar>
|
|
|
</view>
|
|
|
@@ -83,28 +123,34 @@
|
|
|
return {
|
|
|
frontMoneyList: [],
|
|
|
realEstateList: [],
|
|
|
+ buyIdCardList: [],
|
|
|
+ sellIdCardList: [],
|
|
|
contractImgList: [],
|
|
|
signTimeShow: false,
|
|
|
isLoanBankShow: false,
|
|
|
loanBankList: [],
|
|
|
form: {
|
|
|
+ contract_no: '',
|
|
|
sign_time: '',
|
|
|
loan_amount: '',
|
|
|
loan_bank: '',
|
|
|
+ loan_manager: '',
|
|
|
brokerage_fee1: '',
|
|
|
brokerage_fee2: '',
|
|
|
+ loan_fee: '',
|
|
|
+ agency_fee: '',
|
|
|
},
|
|
|
trade_id: null,
|
|
|
};
|
|
|
},
|
|
|
onLoad(data) {
|
|
|
this.trade_id = data.id
|
|
|
- // this.getData()
|
|
|
+ this.getData()
|
|
|
},
|
|
|
onShow() {
|
|
|
- if (this.trade_id) {
|
|
|
- this.getData()
|
|
|
- }
|
|
|
+ // if (this.trade_id) {
|
|
|
+ // this.getData()
|
|
|
+ // }
|
|
|
},
|
|
|
created() {
|
|
|
const dictObj = uni.getStorageSync('MD_dict') || {}
|
|
|
@@ -127,20 +173,27 @@
|
|
|
this.isLoanBankShow = false
|
|
|
if (arr) {
|
|
|
this.form.loan_bank = arr[0].label
|
|
|
+ this.form.loan_manager = arr[0].value
|
|
|
}
|
|
|
},
|
|
|
getData () {
|
|
|
uni.api.cust.apitradestepinfo({trade_id:this.trade_id}).then(res =>{
|
|
|
this.form = {
|
|
|
+ contract_no: res.contract_no,
|
|
|
sign_time: res.sign_time,
|
|
|
loan_amount: res.loan_amount,
|
|
|
loan_bank: res.loan_bank,
|
|
|
+ loan_manager: res.loan_manager,
|
|
|
brokerage_fee1: res.brokerage_fee1,
|
|
|
brokerage_fee2: res.brokerage_fee2,
|
|
|
+ loan_fee: res.loan_fee,
|
|
|
+ agency_fee: res.agency_fee,
|
|
|
}
|
|
|
this.frontMoneyList = res.front_money && res.front_money.length > 0 ? res.front_money.split(',') : []
|
|
|
this.realEstateList = res.real_estate && res.real_estate.length > 0 ? res.real_estate.split(',') : []
|
|
|
this.contractImgList = res.contract && res.contract.length > 0 ? res.contract.split(',') : []
|
|
|
+ this.buyIdCardList = res.buy_id_card && res.buy_id_card.length > 0 ? res.buy_id_card.split(',') : []
|
|
|
+ this.sellIdCardList = res.sell_id_card && res.sell_id_card.length > 0 ? res.sell_id_card.split(',') : []
|
|
|
})
|
|
|
},
|
|
|
opensignTimePopoup () {
|
|
|
@@ -161,35 +214,59 @@
|
|
|
contractAddImg () {
|
|
|
this.uploadComImg((arr) => {
|
|
|
let imgArr = [...this.contractImgList, ...arr]
|
|
|
- this.contractImgList = [...imgArr]
|
|
|
+ this.contractImgList = JSON.parse(JSON.stringify(imgArr))
|
|
|
}, 9)
|
|
|
},
|
|
|
contractDelImg (index) {
|
|
|
let imgArr = [...this.contractImgList]
|
|
|
imgArr.splice(index, 1)
|
|
|
- this.contractImgList = [...imgArr]
|
|
|
+ this.contractImgList = JSON.parse(JSON.stringify(imgArr))
|
|
|
+ },
|
|
|
+ buyIdCardAddImg () {
|
|
|
+ const oldList = JSON.parse(JSON.stringify(this.buyIdCardList))
|
|
|
+ this.uploadComImg((arr) => {
|
|
|
+ let buyIdCard = [...oldList, ...arr]
|
|
|
+ this.buyIdCardList = JSON.parse(JSON.stringify(buyIdCard))
|
|
|
+ }, 9)
|
|
|
+ },
|
|
|
+ buyIdCardDelImg (index) {
|
|
|
+ let buyIdCard = [...this.buyIdCardList]
|
|
|
+ buyIdCard.splice(index, 1)
|
|
|
+ this.buyIdCardList = JSON.parse(JSON.stringify(buyIdCard))
|
|
|
+ },
|
|
|
+ sellIdCardAddImg () {
|
|
|
+ const oldList = JSON.parse(JSON.stringify(this.sellIdCardList))
|
|
|
+ this.uploadComImg((arr) => {
|
|
|
+ let sellIdCard = [...oldList, ...arr]
|
|
|
+ this.sellIdCardList = JSON.parse(JSON.stringify(sellIdCard))
|
|
|
+ }, 9)
|
|
|
+ },
|
|
|
+ sellIdCardDelImg (index) {
|
|
|
+ let sellIdCard = [...this.sellIdCardList]
|
|
|
+ sellIdCard.splice(index, 1)
|
|
|
+ this.sellIdCardList = JSON.parse(JSON.stringify(sellIdCard))
|
|
|
},
|
|
|
realEstateAddImg () {
|
|
|
this.uploadComImg((arr) => {
|
|
|
let imgArr = [...this.realEstateList, ...arr]
|
|
|
- this.realEstateList = [...imgArr]
|
|
|
+ this.realEstateList = JSON.parse(JSON.stringify(imgArr))
|
|
|
}, 9)
|
|
|
},
|
|
|
realEstateDelImg (index) {
|
|
|
let imgArr = [...this.realEstateList]
|
|
|
imgArr.splice(index, 1)
|
|
|
- this.realEstateList = [...imgArr]
|
|
|
+ this.realEstateList = JSON.parse(JSON.stringify(imgArr))
|
|
|
},
|
|
|
frontMoneyAddImg () {
|
|
|
this.uploadComImg((arr) => {
|
|
|
let imgArr = [...this.frontMoneyList, ...arr]
|
|
|
- this.frontMoneyList = [...imgArr]
|
|
|
+ this.frontMoneyList = JSON.parse(JSON.stringify(imgArr))
|
|
|
}, 9)
|
|
|
},
|
|
|
frontMoneyDelImg (index) {
|
|
|
let imgArr = [...this.frontMoneyList]
|
|
|
imgArr.splice(index, 1)
|
|
|
- this.frontMoneyList = [...imgArr]
|
|
|
+ this.frontMoneyList = JSON.parse(JSON.stringify(imgArr))
|
|
|
},
|
|
|
uploadComImg (bc, count, moreStr) {
|
|
|
const that = this
|
|
|
@@ -253,16 +330,22 @@
|
|
|
|
|
|
let apiStr = 'apitradecontractedit'
|
|
|
let params = {
|
|
|
+ contract_no: that.form.contract_no || '',
|
|
|
sign_time: that.form.sign_time || '',
|
|
|
loan_amount: that.form.loan_amount || '',
|
|
|
loan_bank: that.form.loan_bank || '',
|
|
|
+ loan_manager: that.form.loan_manager || '',
|
|
|
brokerage_fee1: that.form.brokerage_fee1 || '',
|
|
|
brokerage_fee2: that.form.brokerage_fee2 || '',
|
|
|
+ loan_fee: that.form.loan_fee || '',
|
|
|
+ agency_fee: that.form.agency_fee || '',
|
|
|
trade_id: that.trade_id
|
|
|
}
|
|
|
params.front_money = that.frontMoneyList.join(',')
|
|
|
params.real_estate = that.realEstateList.join(',')
|
|
|
params.contract = that.contractImgList.join(',')
|
|
|
+ params.buy_id_card = that.buyIdCardList.join(',')
|
|
|
+ params.sell_id_card = that.sellIdCardList.join(',')
|
|
|
// if (that.isEdit) {
|
|
|
// apiStr = 'apitraderecordedit'
|
|
|
// params.id = that.form.id
|
