4dfe89e4
 monkeyhouyi
初始化
|
1
2
|
<template>
<view class="page">
|
|
c213ec83
monkeyhouyi
商铺详情，新增
|
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<view class="steps-box">
<u-steps :list="numList" :current="active"></u-steps>
</view>
<view>
<view class="add-list" v-if="active == 0">
<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="name" borderBottom>
<u-input v-model="model1.name" ></u-input>
</u-form-item>
</u-form>
|
|
4dfe89e4
monkeyhouyi
初始化
|
19
|
</view>
|
|
c213ec83
monkeyhouyi
商铺详情，新增
|
20
21
22
23
24
25
26
27
28
29
30
31
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
|
<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
初始化
|
57
|
</view>
|
|
c213ec83
monkeyhouyi
商铺详情，新增
|
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
|
<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>
|
|
4dfe89e4
monkeyhouyi
初始化
|
74
|
</view>
|
|
c213ec83
monkeyhouyi
商铺详情，新增
|
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
|
<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
初始化
|
107
|
</view>
|
|
c213ec83
monkeyhouyi
商铺详情，新增
|
108
109
110
111
112
113
114
115
116
117
118
|
<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
初始化
|
119
|
</view>
|
|
c213ec83
monkeyhouyi
商铺详情，新增
|
120
|
</u-form>
|
|
4dfe89e4
monkeyhouyi
初始化
|
121
122
123
|
</view>
</view>
<!-- 保存按钮 -->
|
|
c213ec83
monkeyhouyi
商铺详情，新增
|
124
125
126
127
|
<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
初始化
|
128
129
130
131
132
133
134
135
|
</view>
</view>
</template>
<script>
export default {
data() {
return {
|
|
c213ec83
monkeyhouyi
商铺详情，新增
|
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
|
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
初始化
|
153
154
155
|
};
},
|
|
abd11604
monkeyhouyi
物业缴费
|
156
|
onLoad(option) {
|
|
4dfe89e4
monkeyhouyi
初始化
|
157
|
// 检查用户是否登录
|
|
abd11604
monkeyhouyi
物业缴费
|
158
|
const isLogin = uni.getStorageSync('token') || false;
|
|
4dfe89e4
monkeyhouyi
初始化
|
159
160
|
if (!isLogin) {
// 如果未登录，跳转到登录页面
|
|
abd11604
monkeyhouyi
物业缴费
|
161
162
163
|
uni.redirectTo({
url: '/pages/login/login'
});
|
|
4dfe89e4
monkeyhouyi
初始化
|
164
|
}
|
|
abd11604
monkeyhouyi
物业缴费
|
165
|
},
|
|
4dfe89e4
monkeyhouyi
初始化
|
166
|
methods:{
|
|
c213ec83
monkeyhouyi
商铺详情，新增
|
167
168
169
|
typeChange(e) {
this.model1.type = e[0].label;
},
|
|
4dfe89e4
monkeyhouyi
初始化
|
170
171
172
173
|
go(){
uni.navigateTo({
url: '/pages/record/record'
})
|
|
c213ec83
monkeyhouyi
商铺详情，新增
|
174
175
176
177
178
179
180
181
|
},
// 上一步
toBefor() {
this.active = +this.active - 1;
},
// 下一步
toNext() {
this.active = +this.active + 1;
|
|
4dfe89e4
monkeyhouyi
初始化
|
182
183
184
185
186
187
188
189
|
}
}
}
</script>
<style scoped lang="scss">
@import 'leaseAdd.scss';
</style>
|
