signcontract.vue 11.8 KB
Newer Older
王建威's avatar
王建威 committed
1 2
<template>
	<view class="sign_content">
王建威's avatar
王建威 committed
3
		<TopBar title="金融分期"/>
王建威's avatar
王建威 committed
4
		<view :style="{'margin-top':'28rpx'}">
郑秀明's avatar
郑秀明 committed
5 6
			<view class="apply_title">{{title}}</view>
			<view class="apply_desc">{{sub_title}}</view>
7 8 9
			<view v-for="(item,index) in list" :key="index">
				{{item.index}}
			</view>
王建威's avatar
王建威 committed
10 11
		</view>
		<uni-collapse>
郑秀明's avatar
郑秀明 committed
12
			<uni-collapse-item :title="third_title" :open="true">
13 14 15 16 17
				<view v-for="(item, index) in list" :key="index">
					<view class="sign_title">{{item.name}}</view>
					<view>
						<input type="text" v-model="list[index].value" value="" :name="item.key" class="sign_input">
					</view>
王建威's avatar
王建威 committed
18 19 20
				</view>
			</uni-collapse-item>
		</uni-collapse>
21 22 23
		
		<view @click="checkAgree" class="checkAgree">
			<text class="sign_checkbox" :class="{act: is_agree}"></text>
王建威's avatar
王建威 committed
24
			<text class="agree_title">我已阅读并同意</text>
25
			<text @click="previewContract" class="agreement">《产品分期采购合同》</text>
王建威's avatar
王建威 committed
26
		</view>
27 28 29 30 31
		<!-- <text>《谛宝多多金融分期协议》</text> -->
		<!-- <view class="agreement">
			关于
			<text @click="previewContract">《产品分期采购合同》</text>
		</view> -->
王建威's avatar
王建威 committed
32
		<view class="sign_btn_box">
郑秀明's avatar
郑秀明 committed
33
			<text class="prev_step" @click="goBack">上一步</text>
王建威's avatar
王建威 committed
34 35
			<text class="confirm_pay" v-if="advance_payment === 0" @click="handleSubmit">签署合同</text>
			<text class="confirm_pay" v-else @click="handleSubmit">缴纳定金
王建威's avatar
王建威 committed
36 37 38 39 40 41 42
				<i class="arrow_icon"></i>
			</text>
		</view>
	</view>
</template>

<script>
王建威's avatar
王建威 committed
43 44 45
	import uniCollapse from '@/components/uni-collapse/uni-collapse.vue';
	import uniCollapseItem from '@/components/uni-collapse-item/uni-collapse-item.vue';
	import TopBar from '@/components/TopBar/TopBar.vue';
王建威's avatar
王建威 committed
46 47 48
	export default {
		data() {
			return {
49 50 51
				list: [],
				data: {},
				is_eidt: false,
郑秀明's avatar
郑秀明 committed
52 53 54
				is_agree: false,
				title: '签署合同',
				sub_title: '请填写合同内详细信息',
王建威's avatar
王建威 committed
55 56
				third_title: '企业信息',
				advance_payment: '' // 定金金额
王建威's avatar
王建威 committed
57 58 59 60
			}
		},
		components: {
			uniCollapse,
王建威's avatar
王建威 committed
61 62
			uniCollapseItem,
			TopBar
郑秀明's avatar
郑秀明 committed
63
		},
郑秀明's avatar
郑秀明 committed
64 65 66 67 68 69 70
		onLoad(option) {
			const {type} = option;
			if(type){
				this.title = '收货信息';
				this.sub_title = '请填写收货地址信息';
				this.third_title = '收货信息';
			}
王建威's avatar
王建威 committed
71 72
			// 获取定金金额
			this.advance_payment = Number(uni.getStorageSync('advance_payment'));
郑秀明's avatar
郑秀明 committed
73 74 75
			this.loadData();
		},
		methods:{
76 77 78 79 80
			// 默认获取合同签署字段
			loadData(){
				const install = uni.getStorageSync('installment');
				const {contract_no, equipment_id, property_id} = install;
				// 获取合同已填的信息
王建威's avatar
王建威 committed
81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104
				if(contract_no) {
					uni.request({
						url: `/uni/api/signcontract/GetContract?contract_no=${contract_no}`,
						method: 'GET',
						dataType: 'json',
						success: (res) => {
							const {data} = res;
							if(data.code == 0){
								if(data.data){
									const { contract_content } = data.data;
									if(contract_content){
										this.data = JSON.parse(contract_content);
										this.is_eidt = true;
									}
								}else{
									// const temporary = uni.getStorageSync('temporary');
									// if (temporary) {
									// 	this.data = JSON.parse(temporary);
									// }
								}
							}
						}
					})
				}
郑秀明's avatar
郑秀明 committed
105
				uni.request({
王建威's avatar
王建威 committed
106
					url: `/uni/api/signcontract/GetContractField?equipment_id=${equipment_id}`,
郑秀明's avatar
郑秀明 committed
107 108 109 110 111
					method: 'GET',
					dataType: 'json',
					success: (res) => {
						const {data} = res;
						if(data.code == 0){
王建威's avatar
王建威 committed
112 113 114 115
							this.list = data.data || [];
							for(var i=0; i< this.list.length; i++){
								let key = this.list[i].key;
								this.list[i].value = this.data[key] || '';
116
							}
王建威's avatar
王建威 committed
117 118 119 120 121
						} else {
							uni.showToast({
								title: data.message,
								icon: 'none'
							})
郑秀明's avatar
郑秀明 committed
122 123 124
						}
					}
				})
125 126 127
			},
			// 缴纳定金提交
			handleSubmit(){
128 129 130 131 132 133 134 135 136 137 138
				
				const data = this.getData();
				const checkData = this.checkData(data);
				if(checkData > 0){
					uni.showToast({
						title: '请填写签署合同信息',
						duration: 2000,
						icon: 'none'
					});
					return;
				}
139 140
				if(!this.is_agree){
					uni.showToast({
王建威's avatar
王建威 committed
141
					    title: '请阅读并同意谛宝白条合同',
142 143 144 145 146
					    duration: 2000,
							icon: 'none'
					});
					return;
				}
郑秀明's avatar
郑秀明 committed
147
				// 临时存储合同信息
郑秀明's avatar
郑秀明 committed
148
				// uni.setStorageSync('temporary', JSON.stringify(data));
149 150 151
				const install = uni.getStorageSync('installment');
				const {contract_no, equipment_id, property_id} = install;
				const url = this.is_eidt ? '/uni/api/signcontract/EditContract' : '/uni/api/signcontract/AddContract';
王建威's avatar
王建威 committed
152
				const sales = uni.getStorageSync('sales') || '';
153
				uni.showLoading({
郑秀明's avatar
郑秀明 committed
154
					title: '提交中...'
155 156 157 158 159 160 161 162
				})
				uni.request({
					url: url,
					method: this.is_eidt ? 'PUT' : 'POST',
					data: {
						contract_no: contract_no,
						equipment_id: equipment_id,
						property_id: property_id,
王建威's avatar
王建威 committed
163 164
						contract_content: data,
						sales: sales
165 166 167
					},
					dataType: 'json',
					success: (res) => {
王建威's avatar
王建威 committed
168
						const {data} = res;
169
						if(data.code == 0){
王建威's avatar
王建威 committed
170
							uni.removeStorageSync('sales');
王建威's avatar
王建威 committed
171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205
							if(this.advance_payment === 0) {
								uni.request({
									url: '/uni/api/repayment/GoPay',
									method: 'post',
									dataType: 'json',
									data: {
										amount: 0,
										order_id: data.data.contract_no,
										payment_code: "freepay",
										payment_name: "免支付",
										password: '',
									},
									success: (res) => {
										const {data} = res;
										uni.hideLoading();
										this.loading = false;
										if(data.code === 0){
											uni.removeStorageSync('advance_payment');
											uni.navigateTo({
												url: '/pages/payresult/payresult'
											})
										}else{
											uni.showToast({
												title: data.message,
												icon: 'none'
											})
										}
									}
								})
							} else {
								this.is_eidt = true;
								uni.navigateTo({
								  url: `/pages/checkstand/checkstand?contract_no=${data.data.contract_no}`
								});
							}
206 207 208
						}else{
							uni.showToast({
								icon: 'none',
王建威's avatar
王建威 committed
209
								title: data.message
210 211 212 213 214 215 216 217 218
							})
						}
					}
				});
			},
			// 预览合同
			previewContract(){
				const data = this.getData();
				const install = uni.getStorageSync('installment');
郑秀明's avatar
郑秀明 committed
219
				// 临时存储合同信息
郑秀明's avatar
郑秀明 committed
220
				// uni.setStorageSync('temporary', JSON.stringify(data));
221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238
				const {contract_no, equipment_id, property_id} = install;
				uni.showLoading({
				  title: '获取合同中...',
				});
				uni.request({
					url: '/uni/api/signcontract/PreviewContract',
					method: 'POST',
					data: {
						contract_no: contract_no,
						equipment_id: equipment_id,
						property_id: property_id,
						contract_content: data
					},
					dataType: 'json',
					success: (res) => {
						const {data} = res;
						uni.hideLoading();
						if(data.code == 0){
郑秀明's avatar
郑秀明 committed
239 240 241 242 243
							const url = data.data.viewUrl;
							// this.$jump(data.data.viewUrl);
							uni.navigateTo({
							  url: `/pages/web/web?contract_url=${url}`
							});
244 245 246 247 248 249 250 251 252 253 254 255
						}else{
							uni.showToast({
								icon: 'none',
								title: '获取失败'
							})
						}
					}
				});
			},
			checkAgree(){
				this.is_agree = !this.is_agree;
			},
郑秀明's avatar
郑秀明 committed
256 257 258 259
			// 返回上一页
			goBack(){
				this.$backup();
			},
260 261 262 263 264 265 266 267 268
			// 获取签署合同提交信息
			getData(){
				const length = this.list.length;
				let data = {};
				for(var i = 0; i < length; i++){
					let key = this.list[i].key;
					data[key] = this.list[i].value;
				}
				return data;
269 270 271 272 273 274 275 276 277 278 279 280
			},
			// 判断合同字段是否都已填写
			checkData(data){
				if(data){
					let num = 0;
					for(let d in data){
						if(!data[d]){
							num++;
						}
					}
					return num;
				}
郑秀明's avatar
郑秀明 committed
281
			}
王建威's avatar
王建威 committed
282 283 284 285 286 287 288
		}
	}
</script>

<style lang="less" scoped>
	.sign_content {
		background: #fff;
王建威's avatar
王建威 committed
289
		padding:  80rpx 36rpx 0;
郑秀明's avatar
郑秀明 committed
290
		padding-bottom: 100rpx;
王建威's avatar
王建威 committed
291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360
		.apply_title {
			font-size:32rpx;
			font-family:PingFangSC-Medium,PingFang SC;
			font-weight:500;
			line-height: 44rpx;
			color: #212121;
		}
		.apply_desc {
			font-size:24rpx;
			line-height: 34rpx;
			color: #979797;
			margin-top: 8rpx;
		}
		.sign_title {
			color: #464646;
			height:40rpx;
			font-size:28rpx;
			margin-top: 32rpx;
		}
		.sign_input {
			width:100%;
			height:72rpx;
			background:rgba(248,248,248,1);
			border-radius:16rpx;
			margin-top: 20rpx;
			line-height: 72rpx;
			padding: 0 20rpx;
			box-sizing: border-box;
			font-size: 28rpx;
			color: #212121;
		}
		.sign_flex {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-top: 32rpx;
		}
		.sign_btn_box {
			margin: 126rpx 0 40rpx;
			display: flex;
			justify-content: space-between;
			color: #212121;
			font-size: 28rpx;
			line-height: 80rpx;
			text-align: center;
			.prev_step {
				width: 244rpx;
				background: #F5F5F5;
				border-radius: 16rpx;
				height: 80rpx;
			}
			.confirm_pay {
				width: 416rpx;
				height: 80rpx;
				background: #FFCD00;
				border-radius: 16rpx;
			}
			.arrow_icon {
				display: inline-block;
				background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAElBMVEUhISE5Mx08NR0/OB3ftAT/zQCuQjOCAAAAPklEQVQY02MIRQIMZHKCVZA4QYyuCE6IgAiSHkeoFEMokhTENKgUhBMioIqDg6wMxQBko1EsRXEOikMp8jYAjsJZhd56tsAAAAAASUVORK5CYII=');
				background-size: 100% 100%;
				background-repeat: no-repeat;
				width: 24rpx;
				height: 24rpx;
				position: relative;
				top: 1px;
			}
		}
		.agreement {
			font-size: 26rpx;
361 362
			// color: #979797;
			color: #718BCA;
王建威's avatar
王建威 committed
363 364 365 366 367 368 369 370 371
			margin-top: 34rpx;
			text {
				color: #718BCA;
			}
		}
		.agree_title {
			font-size: 26rpx;
			color: #7C7C7C;
		}
372 373 374
		.checkAgree{
			margin-top: 26rpx;
		}
王建威's avatar
王建威 committed
375 376 377 378 379 380 381 382 383 384 385 386 387 388
		.sign_checkbox {
			display: inline-block;
			width: 36rpx;
			height: 36rpx;
			background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAAAAADEa8dEAAAA4ElEQVQ4y73UuwqDMBSA4b7/K/06RBwEBxGcI0jIJOggdvGYDrW2thFOhzZb4MvtXHIJinH5FZLBO+cHOUerKxMASEq3xpE3QF41TZUDxkeQ1JDZ6T6ZbAa1vKNrQWqX5+LFphTXI5ICMx5vOxoKOaAaM78/fDbUr8iTjp/hGVP8E60GGwuixaw7cmRLDC0ZbkdlfKMQLOUDScIURxOJbKgnP0ttTr+hjuoMVXQbamnOUEP7DVIdp7q4KgSqYOrSokqwqlR0RacrX1Uj6FpK15zKNg8hBOm7tu16+dP/FB83GSPcKcU7y9kAAAAASUVORK5CYII=');
			background-size: 100% 100%;
			background-repeat: no-repeat;
			vertical-align: middle;
			margin-right: 4rpx;
		}
		.sign_checkbox.act {
			background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAACoFBMVEUhISEkIyArKR84Mx49Nh1cThhgURdiUxdqWRZwXhVzYBV+aROAahOihQ61kwu4lQu6lwq9mQrKpAjasAXwwQL3xgH9ywD/zQD/zQH/zQL/zgf/zgn/zwr/zxD/0BD/0BL/0BP/0RP/0RT/0RX/0h7/0x7/0x//0yP/1CT/1Cj/1Sf/1Sj/1Sr/1Sz/1jH/1zP/1zT/1zX/2Dn/2Dr/2T//2UD/2UL/2kH/2kT/2kX/20X/3E3/3E//3VL/3VT/3lT/3lf/3lj/31v/313/31//32H/4GH/4Gb/4Wb/4Wr/4Wz/4mn/4mv/4m3/43H/43L/43T/43X/5HP/5HT/5HX/5Hb/5Hf/5Hj/5Hn/5Hr/5Xn/5Xv/5X3/5oD/5oH/5oP/5oT/54P/54X/54b/54f/54n/6In/6Iv/6I7/6Y7/6Y//6ZL/6ZP/6ZT/6pf/6pj/6pn/65f/65n/65r/65v/657/65//7KD/7KP/7KT/7aP/7ab/7af/7aj/7an/7qr/7qv/7qz/7q3/763/767/76//77H/77P/8LT/8LX/8Lb/8Lf/8br/8bv/8b3/8r7/8sD/8sH/8sL/88L/88T/88X/88b/88n/9Mj/9Mn/9Mr/9Mv/9Mz/9M3/9c3/9c7/9dD/9dH/9tH/9tL/9tP/9tT/99b/99f/99j/99n/99r/99z/+Nv/+Nz/+N3/+N7/+N//+d7/+d//+eH/+eL/+eP/+eX/+uL/+uT/+uX/+ub/+uf/+uj/+un/+uv/++r/++v/++z/++3/++7/++//+/D//O7//O///PD//PH//PL//PP//PT//PX//fT//fX//fb//ff//fj//fn//fv//vb//vj//vn//vr//vv//vz//v3///z///3///7////If3C4AAACf0lEQVQ4y2O4TwRgQBe4BwR4FN27dfPyxfPnTp8+c+Hi5Zu372FRdO/m9bMn922ujg8Pj6/efujUhcu37qEpunfr+vljW1P0JcXBQNIgbcdxhDKIors3LxzdlSkvjgTks/acunbzHkLR7RvnD660EEcDlmuPXbhyF6bo7o3z+6doi2MA7RkHL1y5B1F07+b5/Yu1xLEAzeUHL4BsZAC6+cLBVabiWIHZ+uPXboMU3b58ZH2cOA6QtOXU5XtARTfPbZsli0uR3KK9F27dZ7h3/dCKYHGcIGzjicv3GG6d3zlLB1NSmFcETOsu2HvhNsONE2u6JTHUCDExcELCvm/z6TsMlw4sjsOmhoEbwkxecfgGw4VdM10hXAEWHjGEGlZRCNtjwf5rDGc2T3KAcNkYGLjE0NWIO03fdYHh9Lo+ewhXkBGiCkWNuOOUrVcZTq7ucYTy+cCqUNWIO0/ecgakyFccSRU7qhrxIJAioHXZEsiqUNVIFIOsAzq8RFUcWRWyGnG1KpDDgUFQYYMQ5GfmQFYjbtcACgJgYLamSOOKOpmMLlBgAqOlN88alyLb0kmgaAFFcE2COnY1Gukt4AgGJZWe/ABFbGqUIksngJMKKNHNbcn0UMBUo+iT27lkDyjRgZPv1JpUHxV0NWp+GU2zockXnBEmVqb5mUghK5EyD8monwbLCOAstWJSTUaUu5ESNOwllI29Y3Iap62DZSlI5lw1taUoKdTTxcJQT8/Qys0rIrW0fdZGROaEZPMN83vr8tNjI0L8/QOjEzNKmics3IKczaEFxso5fW01ZQWFhcXltR0T569GKzCgRc+2dUvnTJ3Q3z9x2rxlm3afQBQ9AO0gCIzNUhSlAAAAAElFTkSuQmCC');
		}
	}
王建威's avatar
王建威 committed
389

王建威's avatar
王建威 committed
390
</style>