Blame view

yslvdao-miniapp/pages/accepting/accepting.vue 8.79 KB
d64cd58f   wesley88   上传验收小程序
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
  <template>
  	<view class="page">
  		<!-- 记录列表 -->
  		<view class="record-list">
  			<view class="good-item">
  				<view class="img">
  					<u-image width="100%" height="100%" :src="record.cereBasicInformationShop&&record.cereBasicInformationShop.displayMainImage?record.cereBasicInformationShop.displayMainImage:record.cereBasicInformationVenue&&record.cereBasicInformationVenue.displayImage?record.cereBasicInformationVenue.displayImage:record.cereAdvertisingInformation&&record.cereAdvertisingInformation.locationDiagram?record.cereAdvertisingInformation.locationDiagram:''"></u-image>
  				</view>
  				<view class="info">
  					<view class="title">{{
  						record.cereBasicInformationShop&&record.cereBasicInformationShop.shopName?record.cereBasicInformationShop.shopName:record.cereBasicInformationVenue&&record.cereBasicInformationVenue.venueName?record.cereBasicInformationVenue.venueName:record.cereAdvertisingInformation&&record.cereAdvertisingInformation.advertisingName?record.cereAdvertisingInformation.advertisingName:''}}</view>
  					<!-- <view class="info-item" style="margin-bottom: 30rpx;">
  						<u-tag text="标签标签" type="success" size="mini"/>
  						<u-tag text="标签标签" type="success" size="mini"/>
  					</view> -->
  					<view class="info-item" style="margin-bottom: 24rpx;" v-if="!record.advertisingSpaceType">
  						<u-image :showLoading="true"  :src="$imgUrl('/location-icon.png')"  width="20rpx" height="20rpx"></u-image>
  						<text>{{
  							record.cereBasicInformationShop&&record.cereBasicInformationShop.detailedLocation?record.cereBasicInformationShop.detailedLocation:record.cereBasicInformationVenue&&record.cereBasicInformationVenue.detailedLocation?record.cereBasicInformationVenue.detailedLocation:''
  							}}</text>
  					</view>
e75eb290   wesley88   1
22
  		<!-- 			<view class="info-item" style="margin-bottom: 24rpx;" v-if="record.advertisingSpaceType">
d64cd58f   wesley88   上传验收小程序
23
24
25
26
27
28
29
30
  						<text style="padding-right: 20rpx;">广告位类型:</text>
  						<text>{{record.advertisingSpaceType?record.advertisingSpaceType:''
  							}}</text>
  					</view>
  					<view class="info-item">
  						<text style="padding-right: 20rpx;" v-if="!record.advertisingSpaceType">租金:<span>¥1067/月</span></text>
  						<text style="padding-right: 20rpx;" v-if="record.advertisingSpaceType">租金:<span>¥1067/天</span></text>
  						<text v-if="!record.advertisingSpaceType">面积:<span>81/m²</span></text>
e75eb290   wesley88   1
31
  					</view> -->
d64cd58f   wesley88   上传验收小程序
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
  				</view>
  			</view>
  		</view>
  		<view class="msglist">
  			<!-- 租赁详情 -->
  			<view class="form-item">
  				<view class="label">申请时间</view>
  				<text>{{record.applicationTime}}</text>
  			</view>
  			<view class="form-item">
  				<view class="label">申请状态</view>
  				<text>{{record.auditStatus == '1'?'待审核':record.auditStatus == '2'?'审核通过':record.auditStatus == '3'?'已驳回':''}}</text>
  			</view>
  			<view class="form-item" v-if="!record.advertisingSpaceType">
  				<view class="label">经营用途</view>
  				<text>{{record.businessPurpose}}</text>
  			</view>
  			<view class="form-item" v-if="record.advertisingSpaceType">
  				<view class="label">投放时段</view>
  				<text>{{record.scheduleTime}}</text>
  			</view>
  			<view class="form-item" v-if="record.advertisingSpaceType">
  				<view class="label">链接</view>
  				<text>{{record.redirectUrl}}</text>
  			</view>
  			<view class="form-item" v-if="record.advertisingSpaceType">
  				<view class="label">广告标题</view>
  				<text>{{record.adTitle}}</text>
  			</view>
  			<view class="form-item" v-if="!record.advertisingSpaceType">
  				<view class="label">意向租期</view>
  				<text>{{record.intendedLeaseTerm}}</text>
  			</view>
  			<view class="form-item" v-if="!record.advertisingSpaceType">
  				<view class="label">经营主体</view>
e75eb290   wesley88   1
67
  				<text style="">{{record.operatingEntity}}</text>
d64cd58f   wesley88   上传验收小程序
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
  			</view>
  			<!-- 广告显示 -->
  			<view class="form-item" label-top v-if="record.advertisingSpaceType">
  				<view class="label">广告图片</view>
  				<view class="img">
  					<u-image width="304rpx" height="182rpx"   :src="record.coverImage" ></u-image>
  				</view>
  			</view>
  		</view>
  		<view class="msglist">
  			<view class="form-item">
  				<view class="label">经营者姓名</view>
  				<text>{{record.operatorName||record.lesseeName}}</text>
  			</view>
  			<view class="form-item">
  				<view class="label">证件类型</view>
  				<text>{{record.idCardType}}</text>
  			</view>
  			<view class="form-item">
  				<view class="label">身份证号码</view>
e75eb290   wesley88   1
88
89
  				<text>{{ record.idNumber || record.idCardNumber}}</text>
  				<!-- <text>{{$sm4.SM4Util(record.idCardNumber) }}</text> -->
d64cd58f   wesley88   上传验收小程序
90
91
92
93
94
  			</view>
  			<view class="form-item">
  				<view class="label">身份证有效期</view>
  				<text>{{record.idValidStart || record.idCardValidStart}}至 {{record.idValidEnd || record.idCardValidEnd}}</text>
  			</view>
e75eb290   wesley88   1
95
96
  <!-- 			<view class="form-item" label-top>
  				<view class="label">身份证正面</view>
d64cd58f   wesley88   上传验收小程序
97
98
  				<view class="deom-box">
  					<view class="img-deom">
e75eb290   wesley88   1
99
  						<u-image width="304rpx" height="182rpx"  :src="record.idPhotoBack || record.idCardPhotoBack"></u-image>
d64cd58f   wesley88   上传验收小程序
100
  					</view>
e75eb290   wesley88   1
101
102
103
104
105
  				</view>
  			</view>
  			<view class="form-item" label-top>
  				<view class="label">身份证反面</view>
  				<view class="deom-box">
d64cd58f   wesley88   上传验收小程序
106
107
108
109
  					<view class="img-deom">
  						<u-image width="304rpx" height="182rpx"  :src="record.idPhotoBack || record.idCardPhotoBack"></u-image>
  					</view>
  				</view>
e75eb290   wesley88   1
110
111
112
113
114
115
116
117
118
119
120
121
  			</view> -->
  			<view class="form-item" label-top>
  				<view class="label">身份证正面</view>
  				<view class="img">
  					<u-image width="304rpx" height="182rpx" :src="record.idPhotoFront || record.idCardPhotoFront" ></u-image>
  				</view>
  			</view>
  			<view class="form-item" label-top>
  				<view class="label">身份证反面</view>
  				<view class="img">
  					<u-image width="304rpx" height="182rpx" :src="record.idPhotoBack || record.idCardPhotoBack" ></u-image>
  				</view>
d64cd58f   wesley88   上传验收小程序
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
  			</view>
  			<view class="form-item" label-top>
  				<view class="label">企业授权书</view>
  				<view class="img">
  					<u-image width="304rpx" height="182rpx" :src="record.enterpriseAuthorization" ></u-image>
  				</view>
  			</view>
  		</view>
  		<view style="height: 180rpx;" v-if="record.auditStatus == '2'"></view>
  		<view class="footbtn" v-if="record.auditStatus == '2'">
  			<view class="info-total">
  				<view >租期:<span v-if="!record.advertisingSpaceType">2年</span> <span v-if="record.advertisingSpaceType">2/天</span></view>
  				<view >租金:<span v-if="!record.advertisingSpaceType">1067/月</span> <span v-if="record.advertisingSpaceType">150/天</span></view>
  				<view>合计:<span>元</span></view>
  			</view>
  			<view class="footer-btn">
  				<!-- <u-button type="primary" shape="circle">查看合同</u-button> -->
  				<u-button type="success" shape="circle" @click="Zhicheck()">立即支付</u-button>
  			</view>
  		</view>
  	</view>
  </template>
  
  <script>
e75eb290   wesley88   1
146
  	// import {decryptedSM4} from '@/utils/rsaEncrypt.js'
d64cd58f   wesley88   上传验收小程序
147
148
149
150
151
152
153
  	export default {
  		data() {
  			return {
  				record:{},
  				
  			}
  		},
e75eb290   wesley88   1
154
  		async onLoad(options) {
d64cd58f   wesley88   上传验收小程序
155
156
157
  		    const item = JSON.parse(decodeURIComponent(options.item));
  		    console.log('Received item:', item);
  			this.record = item
e75eb290   wesley88   1
158
159
160
161
162
163
164
165
166
167
168
169
170
  			if(this.record.idNumber) {
  				this.record.idNumber = await this.$http.sendRequest('/cereBusinessInfo/decode?str='+this.record.idNumber, 'GET',this.record.idNumber, 1).then(res => {
  					console.error(res.data.data)
  					return res.data.data
  				})
  			}
  			// if(this.record.idCardNumber) {
  			// 	this.record.idCardNumber = await this.$http.sendRequest('/cereBusinessInfo/decode?str='+this.record.idCardNumber, 'GET',this.record.idNumber, 1).then(res => {
  			// 		console.error(res.data.data)
  			// 		return res.data.data
  			// 	})
  			// }
  		},
d64cd58f   wesley88   上传验收小程序
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
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
  		methods: {
  			Zhicheck(){
  				let payList ={
  					additional: "附加交易授权",
  					backUrl: "",
  					channelId: "",
  					expireTime: 1800,
  					finishUrl: "",
  					latitude: "1",
  					longitude: "1",
  					orderNo: "",
  					payId: "",
  					payMerData: [
  						{
  							amount: 100,
  							body: "租赁信息",
  						}
  					],
  					payType: "Online",
  					returnUrl: "",
  					showBtn: "1",
  					siteId: "",
  					toApp: "0",
  					totalAmount: 100,
  					uid: "1693617316237021185",
  					universalLink: ""
  				}
  				  const randomNumber = Math.floor(Math.random() * 10000); // 生成一个0到9999之间的随机数
  				      const timestamp = new Date().getTime(); // 获取当前时间的时间戳
  				      payList.orderNo = `${randomNumber}${timestamp}`
  							
  				payList.uid =uni.getStorageSync('shopId')
  				this.$http.sendRequest('/aggregationPayment/createOrder', 'POST', payList,1).then(res => {
  								uni.showModal({
  									title: res.data.message,
  									showCancel:false,
  									success:ress => {
  										uni.switchTab({
  											url: '/pages/my/my'
  										})
  									}
  								})
  				})
  			}
  		}
  	}
  </script>
  
  <style scoped lang="scss">
  	@import 'accepting.scss';
e75eb290   wesley88   1
221
222
223
224
  	text {
  		text-align: right;
  		word-wrap:break-word; word-break:break-all;width: 50%;line-height: 40rpx;
  	}
d64cd58f   wesley88   上传验收小程序
225
  </style>