4dfe89e4
 monkeyhouyi
初始化
|
1
2
|
<template>
<view class="page">
|
|
1b38b4ce
monkeyhouyi
商铺、广告-列表、详情
|
3
4
5
6
|
<view class="steps-box">
<u-steps :list="numList" :current="active"></u-steps>
</view>
<view>
|
|
379aff0a
monkeyhouyi
营销推广，商务合作
|
7
|
<view v-if="active == 0">
|
|
1b38b4ce
monkeyhouyi
商铺、广告-列表、详情
|
8
|
<u-form labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250">
|
|
379aff0a
monkeyhouyi
营销推广，商务合作
|
9
10
|
<view class="add-list">
<u-form-item label="投放时段" prop="name" borderBottom>
|
|
15ee21cf
monkeyhouyi
调查问卷，时间段选择
|
11
|
<u-input v-model="model1.name" type="select" @click="toChangeTime"></u-input>
|
|
379aff0a
monkeyhouyi
营销推广，商务合作
|
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
</u-form-item>
</view>
<view class="add-list">
<u-form-item label="跳转类型" prop="name" borderBottom>
<u-input v-model="model1.name" ></u-input>
</u-form-item>
<u-form-item label="链接" prop="name" borderBottom>
<u-input v-model="model1.name" ></u-input>
</u-form-item>
</view>
<view class="add-list">
<u-form-item label="封面图片" prop="name" borderBottom labelPosition="top">
<u-upload :active="active" :file-list="model1.fileList" ></u-upload>
</u-form-item>
</view>
<view class="add-list">
<u-form-item label="广告标题" prop="name" borderBottom labelPosition="top">
<u-input v-model="model1.name" />
</u-form-item>
</view>
|
|
1b38b4ce
monkeyhouyi
商铺、广告-列表、详情
|
33
|
</u-form>
|
|
4dfe89e4
monkeyhouyi
初始化
|
34
|
</view>
|
|
1b38b4ce
monkeyhouyi
商铺、广告-列表、详情
|
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
67
68
69
70
71
|
<view class="add-list" v-else-if='active == 1'>
<u-form labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250">
<u-form-item label="主体名称" prop="name" borderBottom>
<u-input v-model="model1.name" ></u-input>
</u-form-item>
<u-form-item label="统一社会信用代码" prop="name" borderBottom>
<u-input v-model="model1.name" ></u-input>
</u-form-item>
<u-form-item label="类型" prop="type" borderBottom>
<u-input v-model="model1.type" type="select" @click="model1.typeShow = true" placeholder='请选择类型'/>
<u-select v-model="model1.typeShow" :list="activesType" @confirm="typeChange"></u-select>
</u-form-item>
<u-form-item label="法定代表人" prop="name" borderBottom>
<u-input v-model="model1.name" ></u-input>
</u-form-item>
<u-form-item label="经营范围" prop="name" borderBottom>
<u-input v-model="model1.name" ></u-input>
</u-form-item>
<u-form-item label="注册资本" prop="name" borderBottom>
<u-input v-model="model1.name" ></u-input>
</u-form-item>
<u-form-item label="成立日期" prop="name" borderBottom>
<u-input v-model="model1.name" ></u-input>
</u-form-item>
<u-form-item label="住所" prop="name" borderBottom>
<u-input v-model="model1.name" ></u-input>
</u-form-item>
<u-form-item label="邮箱地址" prop="name" borderBottom>
<u-input v-model="model1.name" ></u-input>
</u-form-item>
<u-form-item label="经营期限" prop="name" borderBottom>
<u-input v-model="model1.name" ></u-input>
</u-form-item>
<u-form-item label="营业执照" prop="name" borderBottom labelPosition="top">
<u-upload :active="active" :file-list="model1.fileList" ></u-upload>
</u-form-item>
</u-form>
|
|
4dfe89e4
monkeyhouyi
初始化
|
72
|
</view>
|
|
1b38b4ce
monkeyhouyi
商铺、广告-列表、详情
|
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
|
<view v-else>
<u-form labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250">
<view class="add-list">
<u-form-item label="经营者姓名" prop="name" borderBottom>
<u-input v-model="model1.name" ></u-input>
</u-form-item>
<u-form-item label="证件类型" prop="type" borderBottom>
<u-input v-model="model1.type" type="select" @click="model1.typeShow = true" placeholder='请选择类型'/>
<u-select v-model="model1.typeShow" :list="activesType" @confirm="typeChange"></u-select>
</u-form-item>
<u-form-item label="身份证号码" prop="name" borderBottom>
<u-input v-model="model1.name" ></u-input>
</u-form-item>
<u-form-item label="身份证有效期" prop="name" borderBottom>
<u-input v-model="model1.name" ></u-input>
</u-form-item>
</view>
<view class="add-list">
<view class="deom-box">
<view class="img-deom">
<u-upload :active="active" :file-list="model1.fileList" :custom-btn="true" :max-count="1">
<view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
<u-image width="304rpx" height="182rpx" src="/static/images/uploadID1.png"></u-image>
</view>
</u-upload>
<text>点击上传证件人像面</text>
</view>
<view class="img-deom">
<u-upload :active="active" :file-list="model1.fileList" :custom-btn="true" :max-count="1">
<view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
<u-image width="304rpx" height="182rpx" src="/static/images/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="/static/images/front-icon.png"></u-image>
<text>人脸示例图</text>
</view>
<view class="img-deom">
<u-image width="304rpx" height="182rpx" src="/static/images/back-icon.png"></u-image>
<text>国徽面示例图</text>
</view>
</view>
|
|
4dfe89e4
monkeyhouyi
初始化
|
122
|
</view>
|
|
1b38b4ce
monkeyhouyi
商铺、广告-列表、详情
|
123
124
125
126
127
128
129
130
131
132
133
|
<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="name" borderBottom>
<u-radio-group v-model="model1.name">
<u-radio :name="1">是</u-radio>
<u-radio :name="2">否</u-radio>
</u-radio-group>
</u-form-item>
<u-form-item label="企业授权书" prop="name" borderBottom labelPosition="top">
<u-upload :active="active" :file-list="model1.fileList" ></u-upload>
</u-form-item>
|
|
4dfe89e4
monkeyhouyi
初始化
|
134
|
</view>
|
|
1b38b4ce
monkeyhouyi
商铺、广告-列表、详情
|
135
|
</u-form>
|
|
4dfe89e4
monkeyhouyi
初始化
|
136
137
138
|
</view>
</view>
<!-- 保存按钮 -->
|
|
1b38b4ce
monkeyhouyi
商铺、广告-列表、详情
|
139
140
141
142
|
<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>
|
|
4dfe89e4
monkeyhouyi
初始化
|
143
144
145
146
147
148
149
150
|
</view>
</view>
</template>
<script>
export default {
data() {
return {
|
|
1b38b4ce
monkeyhouyi
商铺、广告-列表、详情
|
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
|
active: 2,
numList: [{name: '租赁信息'}, {name: '主体信息'}, {name: '经营者信息'}],
model1: {
name: '',
type: '',
typeShow: false,
fileList: [], // 文件列表
},
rules: {},
// 类型
showType: false,
activesType: [
{value: 1, label: '类型1'},
{value: 2, label: '类型2'},
],
// 上传文件
active: '', // 地址
|
|
4dfe89e4
monkeyhouyi
初始化
|
168
169
170
|
};
},
|
|
1b38b4ce
monkeyhouyi
商铺、广告-列表、详情
|
171
172
173
174
175
176
177
178
179
180
|
onLoad() {
// 检查用户是否登录
const isLogin = uni.getStorageSync('token') || false;
if (!isLogin) {
// 如果未登录，跳转到登录页面
uni.redirectTo({
url: '/pages/login/login'
});
}
},
|
|
4dfe89e4
monkeyhouyi
初始化
|
181
|
methods:{
|
|
1b38b4ce
monkeyhouyi
商铺、广告-列表、详情
|
182
183
184
185
186
187
188
189
|
typeChange(e) {
this.model1.type = e[0].label;
},
go(){
uni.navigateTo({
url: '/pages/record/record'
})
},
|
|
15ee21cf
monkeyhouyi
调查问卷，时间段选择
|
190
191
192
193
194
|
toChangeTime(val) {
uni.navigateTo({
url: `/pages/advertisementTime/advertisementTime?val=${val}`
})
},
|
|
1b38b4ce
monkeyhouyi
商铺、广告-列表、详情
|
195
196
197
198
199
200
201
|
// 上一步
toBefor() {
this.active = +this.active - 1;
},
// 下一步
toNext() {
this.active = +this.active + 1;
|
|
4dfe89e4
monkeyhouyi
初始化
|
202
|
}
|
|
4dfe89e4
monkeyhouyi
初始化
|
203
204
205
206
207
208
209
|
}
}
</script>
<style scoped lang="scss">
@import 'advertisementAdd.scss';
</style>
|
