d64cd58f
 wesley88
上传验收小程序
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<template>
<view class="page">
<view class="steps-box">
<u-steps :list="numList" :current="active"></u-steps>
</view>
<view>
<view v-show="active == 0">
<u-form labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250">
<view class="add-list">
<u-form-item label="投放时段" prop="scheduleTime" borderBottom>
<!-- <u-input v-model="model1.name" type="select" @click="toChangeTime"></u-input> -->
<u-input v-model="model1.scheduleTime" type="select" @click="TimeStratshow = true"
placeholder="请选择" />
<u-picker mode="time" v-model="TimeStratshow" :params="params"
@confirm="startTimeChange"></u-picker>
</u-form-item>
</view>
<view class="add-list">
<u-form-item label="跳转类型" prop="advertisementContent" borderBottom>
<u-input v-model="model1.advertisementContent"></u-input>
</u-form-item>
<u-form-item label="链接" prop="redirectUrl" borderBottom>
<u-input v-model="model1.redirectUrl"></u-input>
</u-form-item>
|
9683c4af
 杨鑫
'最新'
|
25
26
27
|
<u-form-item label="投放定价" prop="cpc" borderBottom>
<u-input v-model="model1.cpc"></u-input>
</u-form-item>
|
|
d64cd58f
wesley88
上传验收小程序
|
28
29
30
|
</view>
<view class="add-list">
<u-form-item label="封面图片" prop="coverImage" borderBottom labelPosition="top">
|
|
e75eb290
wesley88
1
|
31
32
33
|
<u-upload :action="$upload" :auto-upload="false" ref="businessLicense" :max-count="1"
@on-choose-complete="(response, file, fileList) => onsuccess1(response, file, fileList, 'coverImage')"></u-upload>
<!-- <u-upload :action="$upload" :auto-upload="true" ref="coverImage" :max-count="1"></u-upload> -->
|
|
d64cd58f
wesley88
上传验收小程序
|
34
35
36
37
38
39
40
|
</u-form-item>
</view>
<view class="add-list">
<u-form-item label="广告标题" prop="adTitle" borderBottom labelPosition="top">
<u-input v-model="model1.adTitle" />
</u-form-item>
</view>
|
|
e75eb290
wesley88
1
|
41
|
|
|
d64cd58f
wesley88
上传验收小程序
|
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
|
</u-form>
</view>
<view class="add-list" v-show='active == 1'>
<u-form labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250">
<u-form-item label="主体名称" prop="subjectName" borderBottom>
<u-input v-model="model1.subjectName"></u-input>
</u-form-item>
<u-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode" borderBottom>
<u-input v-model="model1.unifiedSocialCreditCode"></u-input>
</u-form-item>
<u-form-item label="类型" prop="type" borderBottom>
<u-input v-model="model1.type" type="select" @click="typeShow = true" placeholder='请选择类型' />
</u-form-item>
<u-form-item label="法定代表人" prop="legalRepresentative" borderBottom>
<u-input v-model="model1.legalRepresentative"></u-input>
</u-form-item>
<u-form-item label="经营范围" prop="businessScope" borderBottom>
<u-input v-model="model1.businessScope"></u-input>
</u-form-item>
<u-form-item label="注册资本" prop="registeredCapital" borderBottom>
<u-input v-model="model1.registeredCapital"></u-input>
</u-form-item>
<u-form-item label="成立日期" prop="establishmentDate" borderBottom>
<u-input v-model="model1.establishmentDate"></u-input>
</u-form-item>
<u-form-item label="住所" prop="address" borderBottom>
<u-input v-model="model1.address"></u-input>
</u-form-item>
<u-form-item label="邮箱地址" prop="emailAddress" borderBottom>
<u-input v-model="model1.emailAddress"></u-input>
</u-form-item>
<u-form-item label="经营开始时间" prop="businessStartDate" borderBottom>
<u-input v-model="model1.businessStartDate" type="select" @click="busStartshow = true"
placeholder="请选择" />
<u-picker mode="time" v-model="busStartshow" :params="params"
@confirm="busStTimeChange"></u-picker>
</u-form-item>
<u-form-item label="经营结束时间" prop="businessEndDate" borderBottom>
<u-input v-model="model1.businessEndDate" type="select" @click="busEndtshow = true"
placeholder="请选择" />
<u-picker mode="time" v-model="busEndtshow" :params="params"
@confirm="busEndTimeChange"></u-picker>
</u-form-item>
<u-form-item label="营业执照" prop="businessLicense" borderBottom labelPosition="top">
|
|
e75eb290
wesley88
1
|
90
91
92
|
<u-upload :action="$upload" :auto-upload="false" ref="businessLicense" :max-count="1"
@on-choose-complete="(response, file, fileList) => onsuccess1(response, file, fileList, 'businessLicense')"></u-upload>
<!-- <u-upload :action="$upload" :auto-upload="true" ref="businessLicense" :max-count="1"></u-upload> -->
|
|
d64cd58f
wesley88
上传验收小程序
|
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
|
</u-form-item>
</u-form>
</view>
<view v-show="active == 2">
<u-form labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250">
<view class="add-list">
<u-form-item label="经营者姓名" prop="lesseeName" borderBottom>
<u-input v-model="model1.lesseeName"></u-input>
</u-form-item>
<u-form-item label="证件类型" prop="idCardType" borderBottom>
<u-input v-model="model1.idCardType" type="select" @click="IdtypeShow = true"
placeholder='请选择类型' />
</u-form-item>
<u-form-item label="身份证号码" prop="idCardNumber" borderBottom>
<u-input v-model="model1.idCardNumber"></u-input>
</u-form-item>
|
|
e75eb290
wesley88
1
|
111
|
<u-form-item label="有效开始时间" prop="idCardValidStart" borderBottom>
|
|
d64cd58f
wesley88
上传验收小程序
|
112
113
114
115
116
|
<u-input v-model="model1.idCardValidStart" type="select" @click="idCardStartshow = true"
placeholder="请选择" />
<u-picker mode="time" v-model="idCardStartshow" :params="params1"
@confirm="idCardStTimeChange"></u-picker>
</u-form-item>
|
|
e75eb290
wesley88
1
|
117
|
<u-form-item label="有效结束时间" prop="idCardValidEnd" borderBottom>
|
|
d64cd58f
wesley88
上传验收小程序
|
118
119
120
121
122
123
124
125
126
|
<u-input v-model="model1.idCardValidEnd" type="select" @click="idCardEndtshow = true"
placeholder="请选择" />
<u-picker mode="time" v-model="idCardEndtshow" :params="params1"
@confirm="idCardEndTimeChange"></u-picker>
</u-form-item>
</view>
<view class="add-list">
<view class="deom-box">
<view class="img-deom">
|
|
e75eb290
wesley88
1
|
127
128
129
|
<u-upload :action="$upload" :custom-btn="true"
@on-choose-complete="(response, file, fileList) => onsuccess1(response, file, fileList, 'idCardPhotoFront')"
:auto-upload="false" :max-count="1" ref="idPhotoFront">
|
|
d64cd58f
wesley88
上传验收小程序
|
130
131
132
133
|
<view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover"
hover-stay-time="150">
<u-image width="304rpx" height="182rpx"
:src="$imgUrl('/uploadID1.png')"></u-image>
|
|
e75eb290
wesley88
1
|
134
|
</view>
|
|
d64cd58f
wesley88
上传验收小程序
|
135
136
137
138
|
</u-upload>
<text>点击上传证件人像面</text>
</view>
<view class="img-deom">
|
|
e75eb290
wesley88
1
|
139
140
141
|
<u-upload :action="$upload" :custom-btn="true"
@on-choose-complete="(response, file, fileList) => onsuccess1(response, file, fileList, 'idCardPhotoBack')"
:auto-upload="false" :max-count="1" ref="idPhotoBack">
|
|
d64cd58f
wesley88
上传验收小程序
|
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
|
<view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover"
hover-stay-time="150">
<u-image width="304rpx" height="182rpx"
:src="$imgUrl('/uploadID2.png')"></u-image>
</view>
</u-upload>
<text>点击上传证件国徽面</text>
</view>
</view>
</view>
<view class="add-list">
<view style="line-height: 60rpx;">上传示例</view>
<view class="deom-box">
<view class="img-deom">
<u-image width="304rpx" height="182rpx" :src="$imgUrl('/front-icon.png')"></u-image>
<text>人脸示例图</text>
</view>
<view class="img-deom">
<u-image width="304rpx" height="182rpx" :src="$imgUrl('/back-icon.png')"></u-image>
<text>国徽面示例图</text>
</view>
</view>
</view>
<text
style="display: inline-block; font-size: 24rpx; line-height: 30px; margin: 24rpx 30rpx 0;">请拍摄证件原件，保证照片拍摄清晰，取图完整，不反光。</text>
<view class="add-list" labelPosition="left" :model="model1" :rules="rules" ref="uForm"
:labelWidth="250">
<u-form-item label="是否为法人" prop="isLegalPerson" borderBottom>
<u-radio-group v-model="model1.isLegalPerson">
<u-radio name="1" value="1">是</u-radio>
<u-radio name="0" value="0">否</u-radio>
</u-radio-group>
</u-form-item>
<u-form-item label="企业授权书" prop="enterpriseAuthorization" borderBottom labelPosition="top">
|
|
e75eb290
wesley88
1
|
176
177
178
179
|
<u-upload :action="$upload" ref="enter" :max-count="1"
@on-choose-complete="(response, file, fileList) => onsuccess1(response, file, fileList, 'enterpriseAuthorization')"
:auto-upload="false"></u-upload>
<!-- <u-upload :action="$upload" :auto-upload="true" ref="enter" :max-count="1"></u-upload> -->
|
|
d64cd58f
wesley88
上传验收小程序
|
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
|
</u-form-item>
</view>
</u-form>
</view>
</view>
<u-select v-model="typeShow" :list="activesType" @confirm="typeChange"></u-select>
<u-select v-model="IdtypeShow" :list="idType" @confirm="IdtypeChange"></u-select>
<!-- 保存按钮 -->
<view class="page-footer">
<u-button style="background-color: #DFE0E4; flex: 1; margin: 0 10px;" @click="toBefor"
v-if="active != 0">上一步</u-button>
<u-button type="success" style="flex: 1; margin: 0 10px;" @click="toNext" v-if="active != 2">下一步</u-button>
<u-button type="success" style="flex: 1; margin: 0 10px;" @click="go" v-if="active == 2">提交申请</u-button>
</view>
</view>
</template>
<script>
export default {
data() {
return {
active: 0,
numList: [{
name: '租赁信息'
}, {
name: '主体信息'
}, {
name: '经营者信息'
}],
model1: {
scheduleTime: '',
advertisementContent: '',
redirectUrl: '',
coverImage: '',
adTitle: '',
|
|
e75eb290
wesley88
1
|
216
|
cpc: '',
|
|
d64cd58f
wesley88
上传验收小程序
|
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
|
subjectName: '',
unifiedSocialCreditCode: '',
type: '',
legalRepresentative: '',
businessScope: '',
registeredCapital: '',
establishmentDate: '',
address: '',
emailAddress: '',
businessStartDate: '',
businessEndDate: '',
businessLicense: '',
lesseeName: '',
idCardType: '',
idCardNumber: '',
idCardValidStart: '',
idCardValidEnd: '',
isLegalPerson: '0',
|
|
e75eb290
wesley88
1
|
235
236
|
idCardPhotoFront: '',
idCardPhotoBack: '',
|
|
d64cd58f
wesley88
上传验收小程序
|
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
|
enterpriseAuthorization: '',
auditStatus: '1'
},
rules: {},
// 类型
showType: false,
params: {
year: true,
month: true,
day: true,
hour: true,
minute: true,
second: true
},
params1: {
year: true,
month: true,
day: true
},
TimeStratshow: false,
typeShow: false,
activesType: [{
value: 1,
label: '个人'
}, {
value: 2,
label: '企业'
}],
idType: [{
value: 1,
label: '身份证'
}, ],
IdtypeShow: false,
busStartshow: false,
busEndtshow: false,
idCardStartshow: false,
idCardEndtshow: false,
params: {
year: true,
month: true,
day: true,
},
ziyuanId: '',
|
|
e75eb290
wesley88
1
|
280
|
ziyuanType: '',
|
|
d64cd58f
wesley88
上传验收小程序
|
281
282
283
284
285
286
287
288
|
}
},
onLoad(option) {
this.ziyuanId = option.ids
this.ziyuanType = option.type
},
onShow() {
|
|
e75eb290
wesley88
1
|
289
290
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
|
let shopId = {
shopId: uni.getStorageSync('shopId') || ''
}
const isLogin = uni.getStorageSync('token');
if (isLogin == '') {
// 如果未登录，跳转到登录页面
uni.navigateTo({
url: '/pages/login/login'
})
} else {
let page = {
condition: 2
}
this.$http.sendRequest('/shop/getById', 'POST', shopId).then(res => {
if (res.data.code != "20004") {
this.shopMsg = res.data.data
this.Islogin = false
this.$http.sendRequest('/index/index', 'POST', page).then(res => {
//成功回调
this.tongji = res.data.data
})
} else {
uni.navigateTo({
url: '/pages/login/login'
})
}
})
}
|
|
d64cd58f
wesley88
上传验收小程序
|
318
319
|
},
methods: {
|
|
e75eb290
wesley88
1
|
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
|
onsuccess1(e, file, fileList, ziduan) {
console.error(e, file, fileList, ziduan)
uni.uploadFile({
url: this.$upload, // 仅为示例，请替换为您的服务器上传接口
filePath: e[0].url,
name: 'file', // 后端接收的文件参数名
formData: {
filePath: 'xcx', // 其他表单数据
},
success: (uploadFileRes) => {
this.model1[ziduan] = this.$img + JSON.parse(uploadFileRes.data).data
console.log('上传成功', this.model1);
uni.showToast({
title: '上传成功',
icon: 'success',
});
},
fail: (err) => {
console.error('上传失败', err);
uni.showToast({
title: '上传失败',
icon: 'none',
});
},
});
},
|
|
d64cd58f
wesley88
上传验收小程序
|
347
348
349
|
typeChange(e) {
this.model1.type = e[0].label;
},
|
|
e75eb290
wesley88
1
|
350
351
352
353
354
355
356
357
358
359
360
|
getCurrentTime() {
const now = new Date();
const year = now.getFullYear();
const month = ('0' + (now.getMonth() + 1)).slice(-2);
const day = ('0' + now.getDate()).slice(-2);
const hours = ('0' + now.getHours()).slice(-2);
const minutes = ('0' + now.getMinutes()).slice(-2);
const seconds = ('0' + now.getSeconds()).slice(-2);
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
},
|
|
d64cd58f
wesley88
上传验收小程序
|
361
|
go() {
|
|
e75eb290
wesley88
1
|
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
|
// let coverImg = []
// let files = []
// let idCardOne = []
// let idCardTwo = []
// let enterS = []
// // // 通过filter，筛选出上传进度为100的文件(因为某些上传失败的文件，进度值不为100，这个是可选的操作)
// coverImg = this.$refs.coverImage.lists.filter(val => {
// return val.progress == 100;
// })
// coverImg.map(item => {
// this.model1.coverImage = item.response.data.url
// })
// files = this.$refs.businessLicense.lists.filter(val => {
// return val.progress == 100;
// })
// files.map(item => {
// this.model1.businessLicense = item.response.data.url
// })
// idCardOne = this.$refs.idCardPhotoFront.lists.filter(val => {
// return val.progress == 100;
// })
// idCardOne.map(item => {
// this.model1.idCardPhotoFront = item.response.data.url
// })
// idCardTwo = this.$refs.idCardPhotoBack.lists.filter(val => {
// return val.progress == 100;
// })
// idCardTwo.map(item => {
// this.model1.idCardPhotoBack = item.response.data.url
// })
// enterS = this.$refs.enter.lists.filter(val => {
// return val.progress == 100;
// })
// enterS.map(item => {
// this.model1.enterpriseAuthorization = item.response.data.url
// })
|
|
d64cd58f
wesley88
上传验收小程序
|
400
401
402
403
|
this.model1.rentalResourcesId = this.ziyuanId
this.model1.advertisingSpaceType = this.ziyuanType
this.model1.applicant = uni.getStorageSync('shopId')
this.model1.applicationTime = this.getCurrentTime()
|
|
e75eb290
wesley88
1
|
404
405
406
407
|
console.error({
...this.model1
})
// return
|
|
d64cd58f
wesley88
上传验收小程序
|
408
|
this.$http.sendRequest('/cereAdvertiserInfo/add', 'POST', this.model1, 1).then(res => {
|
|
e75eb290
wesley88
1
|
409
410
411
412
413
414
415
|
uni.showToast({
title: '提交成功',
icon: 'none',
});
setTimeout(() => {
uni.navigateBack()
}, 1000)
|
|
d64cd58f
wesley88
上传验收小程序
|
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
|
})
},
// toChangeTime(val) {
// uni.navigateTo({
// url: `/pages/advertisementTime/advertisementTime?val=${val}`
// })
// },
// 上一步
toBefor() {
this.active = +this.active - 1;
},
// 下一步
toNext() {
this.active = +this.active + 1;
},
startTimeChange(val) {
this.model1.scheduleTime = this.timeChange(val)
},
timeChange(val) {
const {
year,
month,
day,
} = val;
return `${year}-${month}-${day}`;
},
leiXpops(val) {
this.model1.intentionalBusinessType = val[0].label
},
busStTimeChange(val) {
this.model1.businessStartDate = this.timeChange(val)
this.model1.businessEndDate = ''
},
busEndTimeChange(val) {
const time = this.timeChange(val);
if (new Date(time).getTime() > new Date(this.model1.businessStartDate).getTime()) {
this.model1.businessEndDate = time
} else {
this.$refs.uToast.show({
title: '结束时间不能小于开始时间',
type: 'error',
})
}
},
idCardStTimeChange(val) {
this.model1.idCardValidStart = this.timeChange1(val)
this.model1.idCardValidEnd = ''
},
idCardEndTimeChange(val) {
const time = this.timeChange1(val);
if (new Date(time).getTime() > new Date(this.model1.idCardValidStart).getTime()) {
this.model1.idCardValidEnd = time
} else {
this.$refs.uToast.show({
title: '结束时间不能小于开始时间',
type: 'error',
})
}
},
IdtypeChange(e) {
this.model1.idCardType = e[0].label;
},
timeChange1(val) {
const {
year,
month,
day
} = val;
return `${year}-${month}-${day}`;
},
}
}
</script>
<style scoped lang="scss">
@import 'advertisementAdd.scss';
</style>
|
