4373acf5
 wesley88
1
|
1
2
|
<template>
<div>
|
a6a3878d
 杨鑫
最新绿道
|
3
|
<div v-show="type == '1'">
|
|
4373acf5
wesley88
1
|
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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
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
|
<el-tabs v-model="xiangTab">
<el-tab-pane label="申请内容" name="first">
<div style="margin-top: 30px;" class="editcss">
<TitleWithCircle title="租赁信息" />
<div style="padding: 20px;margin-top: 10px;">
<el-form :model="info" ref="ruleForm" label-width="140px" class="demo-ruleForm">
<el-row :gutter="20">
<el-col :span="9">
<el-form-item label="经营用途" prop="businessPurpose">
<div class="duiqi">{{info.businessPurpose}}</div>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="租期" prop="intendedLeaseTerm">
<div class="duiqi">{{info.intendedLeaseTerm}}</div>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row :gutter="20">
<el-col :span="9">
<el-form-item label="开店名称" prop="sectionNumber">
<div class="duiqi">{{info.sectionNumber}}</div>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="品牌名称" prop="contractName">
<div class="duiqi">{{info.contractName}}</div>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="9">
<el-form-item label="租金方案" prop="contractSigningDate">
<div class="duiqi">{{info.contractSigningDate}}</div>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="租金" prop="earnestMoney">
<div class="duiqi">{{info.earnestMoney}}</div>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="付款日" prop="leaseStartDate">
<div class="duiqi">{{info.leaseStartDate}}</div>
</el-form-item>
<el-form-item label="优惠政策" prop="contractTerminationDate">
<div class="duiqi">{{info.contractTerminationDate}}</div>
</el-form-item>
<el-form-item label="其他说明" prop="contractTerminationDate">
<div class="duiqi">{{info.contractTerminationDate}}</div>
</el-form-item> -->
</el-form>
</div>
<TitleWithCircle title="营业执照信息" />
<div style="padding: 20px;margin-top: 10px;">
<el-form :model="info" ref="ruleForm" label-width="140px" class="demo-ruleForm">
<el-row :gutter="20">
<el-col :span="9">
<el-form-item label="主体名称" prop="entityName">
<div class="duiqi">{{info.entityName}}</div>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
<div class="duiqi">{{info.unifiedSocialCreditCode}}</div>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="9">
<el-form-item label="类型" prop="entityType">
<div class="duiqi">{{info.entityType}}</div>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="法定代表人" prop="legalRepresentative">
<div class="duiqi">{{info.legalRepresentative}}</div>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="经营范围" prop="businessScope">
|
|
d64cd58f
wesley88
上传验收小程序
|
85
|
<div class="duiqi">{{info.businessScope}}</div>
|
|
4373acf5
wesley88
1
|
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
|
</el-form-item>
<el-row :gutter="20">
<el-col :span="9">
<el-form-item label="注册资本" prop="registeredCapital">
<div class="duiqi">{{info.registeredCapital}}</div>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="成立日期" prop="establishmentDate">
<div class="duiqi">{{info.establishmentDate}}</div>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="住所" prop="residence">
<div class="duiqi">{{info.residence}}</div>
</el-form-item>
<el-row :gutter="20">
<el-col :span="9">
<el-form-item label="邮箱地址" prop="emailAddress">
<div class="duiqi">{{info.emailAddress}}</div>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="营业期限" prop="businessStartDate">
<div class="duiqi">{{info.businessStartDate}} - {{info.businessEndDate}}</div>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="营业执照" prop="businessLicense">
<!-- <div class="duiqi">{{info.businessLicense}}</div> -->
|
|
1dbc0b2d
wesley88
1
|
116
117
118
119
|
<!-- <el-image style="width: 200px;" :src="$baseURL+info.businessLicense" fit="contain"></el-image> -->
<div style="display: flex;">
<allimg v-if="item" :src="item" fit="contain" v-for="item in info.businessLicense.split(',')" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
</div>
|
|
4373acf5
wesley88
1
|
120
121
122
123
124
125
126
127
128
|
</el-form-item>
</el-form>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="商家信息" name="second">
<div style="margin-top: 30px;" class="editcss">
<TitleWithCircle title="基础信息" />
<div style="padding: 20px;margin-top: 10px;">
|
|
3b97e418
wesley88
1
|
129
|
<el-form :model="shopMsg" ref="ruleForm" label-width="140px" class="demo-ruleForm">
|
|
4373acf5
wesley88
1
|
130
131
|
<el-row :gutter="20">
<el-col :span="9">
|
|
3b97e418
wesley88
1
|
132
133
|
<el-form-item label="姓名" prop="name">
<div class="duiqi">{{shopMsg.name}}</div>
|
|
4373acf5
wesley88
1
|
134
135
136
137
|
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="手机号" prop="phone">
|
|
3b97e418
wesley88
1
|
138
|
<div class="duiqi">{{shopMsg.phone}}</div>
|
|
4373acf5
wesley88
1
|
139
140
141
142
143
144
|
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="9">
<el-form-item label="证件类型" prop="idCardType">
|
|
3b97e418
wesley88
1
|
145
|
<div class="duiqi">{{shopMsg.idCardType}}</div>
|
|
4373acf5
wesley88
1
|
146
147
148
|
</el-form-item>
</el-col>
<el-col :span="9">
|
|
3b97e418
wesley88
1
|
149
150
|
<el-form-item label="身份证号码" prop="idCardNumber">
<div class="duiqi">{{shopMsg.idCardNumber}}</div>
|
|
4373acf5
wesley88
1
|
151
152
153
|
</el-form-item>
</el-col>
</el-row>
|
|
3b97e418
wesley88
1
|
154
|
<el-form-item label="身份证照片（正）" prop="idCardFrontImage">
|
|
1dbc0b2d
wesley88
1
|
155
|
<!-- <div style="margin-top: 10px;">
|
|
3b97e418
wesley88
1
|
156
|
<el-image style="width: 200px;height:200px" :src="$baseURL+shopMsg.idCardFrontImage" fit="contain"></el-image>
|
|
1dbc0b2d
wesley88
1
|
157
158
159
|
</div> -->
<div style="display: flex;">
<allimg :src="shopMsg.idCardFrontImage" fit="contain" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
|
|
4373acf5
wesley88
1
|
160
161
|
</div>
</el-form-item>
|
|
3b97e418
wesley88
1
|
162
|
<el-form-item label="身份证照片（反）" prop="idCardBackImage">
|
|
1dbc0b2d
wesley88
1
|
163
|
<!-- <div style="margin-top: 10px;">
|
|
3b97e418
wesley88
1
|
164
|
<el-image style="width: 200px;height:200px" :src="$baseURL+shopMsg.idCardBackImage" fit="contain"></el-image>
|
|
1dbc0b2d
wesley88
1
|
165
166
167
|
</div> -->
<div style="display: flex;">
<allimg :src="shopMsg.idCardBackImage" fit="contain" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
|
|
4373acf5
wesley88
1
|
168
169
170
171
172
173
174
|
</div>
</el-form-item>
</el-form>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="资源信息" name="third">
|
|
d64cd58f
wesley88
上传验收小程序
|
175
|
<div style="margin-top: 30px;" class="editcss">
|
|
4373acf5
wesley88
1
|
176
177
178
179
180
181
182
183
184
185
|
<TitleWithCircle title="基础信息" />
<div style="padding: 20px;" v-if="info.cereBasicInformationShop.id">
<el-form :model="info.cereBasicInformationShop" ref="ruleForm" label-width="140px" class="demo-ruleForm">
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="商铺名称" prop="shopName">
<div class="duiqi">{{info.cereBasicInformationShop.shopName}}</div>
</el-form-item>
</el-col>
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
186
|
<el-form-item label="编号" prop="venueNumber">
|
|
4373acf5
wesley88
1
|
187
188
189
190
|
<div class="duiqi">{{info.cereBasicInformationShop.venueNumber}}</div>
</el-form-item>
</el-col>
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
191
192
|
<el-form-item label="商铺类型" prop="shopType">
<div class="duiqi">{{info.cereBasicInformationShop.shopType=='1'?'移动铺位':info.cereBasicInformationShop.shopType=='2'?'固定铺位':'无'}}</div>
|
|
4373acf5
wesley88
1
|
193
194
195
196
197
|
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
198
|
<el-form-item label="测绘面积" prop="surveyingArea">
|
|
1dbc0b2d
wesley88
1
|
199
|
<div class="duiqi">{{info.cereBasicInformationShop.surveyingArea?info.cereBasicInformationShop.surveyingArea+' ㎡': '无'}}</div>
|
|
4373acf5
wesley88
1
|
200
201
202
|
</el-form-item>
</el-col>
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
203
|
<el-form-item label="产权面积" prop="propertyArea">
|
|
1dbc0b2d
wesley88
1
|
204
|
<div class="duiqi">{{info.cereBasicInformationShop.propertyArea?info.cereBasicInformationShop.propertyArea+' ㎡':'无'}}</div>
|
|
4373acf5
wesley88
1
|
205
206
207
|
</el-form-item>
</el-col>
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
208
|
<el-form-item label="实际使用面积" prop="actualUsableArea">
|
|
1dbc0b2d
wesley88
1
|
209
|
<div class="duiqi">{{info.cereBasicInformationShop.actualUsableArea?info.cereBasicInformationShop.actualUsableArea+' ㎡':'无'}}</div>
|
|
4373acf5
wesley88
1
|
210
211
212
213
214
|
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
215
216
|
<el-form-item label="所属区域" prop="belongingRegion">
<div class="duiqi">{{info.cereBasicInformationShop.belongingRegion || '无'}}</div>
|
|
4373acf5
wesley88
1
|
217
218
219
|
</el-form-item>
</el-col>
<el-col :span="8">
|
|
c3f8e431
wesley88
1
|
220
|
<el-form-item label="所属绿道段" prop="belongingGreenwaySection">
|
|
726bc80b
杨鑫
最新
|
221
222
|
<div class="duiqi">{{getLvdaoNameByCode(info.cereBasicInformationShop.belongingGreenwaySection)|| '无'}}</div>
|
|
c3f8e431
wesley88
1
|
223
224
225
226
227
228
229
230
|
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="门牌号" prop="houseNumber">
<div class="duiqi">{{info.cereBasicInformationShop.houseNumber || '无'}}</div>
</el-form-item>
</el-col>
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
231
232
|
<el-form-item label="归属部门" prop="belongingDepartment">
<div class="duiqi">{{info.cereBasicInformationShop.belongingDepartment || '无'}}</div>
|
|
4373acf5
wesley88
1
|
233
234
235
|
</el-form-item>
</el-col>
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
236
|
<el-form-item label="负责人" prop="head">
|
|
726bc80b
杨鑫
最新
|
237
|
<div class="duiqi">{{info.cereBasicInformationShop.head || info.cereBasicInformationVenue.responsiblePerson|| '无'}}</div>
|
|
4373acf5
wesley88
1
|
238
239
|
</el-form-item>
</el-col>
|
|
4373acf5
wesley88
1
|
240
|
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
241
242
|
<el-form-item label="联系人" prop="contacts">
<div class="duiqi">{{info.cereBasicInformationShop.contacts || '无'}}</div>
|
|
4373acf5
wesley88
1
|
243
244
245
|
</el-form-item>
</el-col>
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
246
247
|
<el-form-item label="联系方式" prop="telephone">
<div class="duiqi">{{info.cereBasicInformationShop.telephone || '无'}}</div>
|
|
4373acf5
wesley88
1
|
248
249
|
</el-form-item>
</el-col>
|
|
4373acf5
wesley88
1
|
250
|
</el-row>
|
|
c3f8e431
wesley88
1
|
251
252
|
|
|
3b97e418
wesley88
1
|
253
254
255
|
<el-form-item label="详细位置" prop="detailedLocation">
<div class="duiqi">{{info.cereBasicInformationShop.detailedLocation || '无'}}</div>
</el-form-item>
|
|
47e4e5dc
wesley88
1
|
256
|
<el-form-item label="地图标点" prop="mapPunctuation" v-if="info.cereBasicInformationShop">
|
|
3b97e418
wesley88
1
|
257
|
<div style="width: 100%;height: 300px;">
|
|
1dbc0b2d
wesley88
1
|
258
|
<!-- :edit='edit' :sendMap='getChildDate' -->
|
|
47e4e5dc
wesley88
1
|
259
|
<!-- {{ info.cereBasicInformationShop.mapPunctuation }} -->
|
|
3b97e418
wesley88
1
|
260
261
262
|
<newmap :isx="false" :message="info.cereBasicInformationShop.mapPunctuation"></newmap>
</div>
</el-form-item>
|
|
4373acf5
wesley88
1
|
263
|
<el-form-item label="建筑图纸" prop="architecturalDrawings">
|
|
3b97e418
wesley88
1
|
264
|
<div v-if="info.cereBasicInformationShop.architecturalDrawings">
|
|
1dbc0b2d
wesley88
1
|
265
266
267
268
269
|
<!-- <img :src="$baseURL+item" alt="" style="width:140px;height:140px;margin-left: 15px;"
v-for="item in info.cereBasicInformationShop.architecturalDrawings.split(',')"> -->
<div style="display: flex;">
<allimg v-if="item" :src="item" fit="contain" v-for="item in info.cereBasicInformationShop.architecturalDrawings.split(',')" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
</div>
|
|
d64cd58f
wesley88
上传验收小程序
|
270
|
</div>
|
|
3b97e418
wesley88
1
|
271
|
<div class="duiqi" v-else>无</div>
|
|
4373acf5
wesley88
1
|
272
273
|
</el-form-item>
<el-form-item label="商铺描述" prop="shopDescription">
|
|
3b97e418
wesley88
1
|
274
|
<div class="duiqi">{{info.cereBasicInformationShop.shopDescription || '无'}}</div>
|
|
4373acf5
wesley88
1
|
275
276
|
</el-form-item>
<el-form-item label="展示主图" prop="displayMainImage">
|
|
1dbc0b2d
wesley88
1
|
277
278
279
280
281
282
283
284
|
<div style="display: flex;">
<allimg v-if="item" :src="item" fit="contain" v-for="item in info.cereBasicInformationShop.displayMainImage.split(',')" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
</div>
<!-- <BaseImage :src="file.address" fit="contain" class="card-img" :code="options.reqParams.code"
:filePath="filePath" @handleDelete="handleDeleteImg(file, i)"
@handleSetCover="handleSetCover(file, i)" :isSetCover="cmpOption.isSetCover" :forIndex="i" :onforIndex="onforIndex"/> -->
<!-- <img v-for="item in info.cereBasicInformationShop.displayMainImage.split(',')" :src="$baseURL+item" alt="" style="width:140px;height:140px;margin-left: 15px;"> -->
|
|
3b97e418
wesley88
1
|
285
286
|
</el-form-item>
<el-form-item label="其他视频" prop="otherImageVideos" >
|
|
02c2ca01
杨鑫
最新2
|
287
|
<div class="duiqi" :class="info.cereBasicInformationShop.otherImageVideos?'greens':''" @click ="info.cereBasicInformationShop.otherImageVideos?openfile(info.cereBasicInformationShop.otherImageVideos):''">{{info.cereBasicInformationShop.otherImageVideos?'查看详情':'无'}}</div>
|
|
1dbc0b2d
wesley88
1
|
288
|
<!-- <div class="duiqi" v-for="item in info.cereBasicInformationShop.otherImageVideos.split(',')">{{$baseURL+item}}</div> -->
|
|
4373acf5
wesley88
1
|
289
|
</el-form-item>
|
|
4373acf5
wesley88
1
|
290
291
|
</el-form>
</div>
|
|
3b97e418
wesley88
1
|
292
293
|
<div style="padding: 20px;" v-if="info.cereBasicInformationVenue.id">
<el-form :model="info.cereBasicInformationVenue" ref="ruleForm" label-width="140px" class="demo-ruleForm">
|
|
4373acf5
wesley88
1
|
294
295
|
<el-row :gutter="20">
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
296
297
|
<el-form-item label="场地名称" prop="venueName">
<div class="duiqi">{{info.cereBasicInformationVenue.venueName || '无'}}</div>
|
|
4373acf5
wesley88
1
|
298
299
300
|
</el-form-item>
</el-col>
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
301
302
|
<el-form-item label="场地类型" prop="venueType">
<div class="duiqi">{{info.cereBasicInformationVenue.venueType || '无'}}</div>
|
|
4373acf5
wesley88
1
|
303
304
305
|
</el-form-item>
</el-col>
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
306
307
|
<el-form-item label="实际使用面积" prop="actualArea">
<div class="duiqi">{{info.cereBasicInformationVenue.actualArea || '无'}}</div>
|
|
4373acf5
wesley88
1
|
308
309
310
311
|
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
|
|
4373acf5
wesley88
1
|
312
|
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
313
314
|
<el-form-item label="所属区域" prop="district">
<div class="duiqi">{{info.cereBasicInformationVenue.district || '无'}}</div>
|
|
4373acf5
wesley88
1
|
315
316
317
|
</el-form-item>
</el-col>
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
318
319
|
<el-form-item label="归属部门" prop="department">
<div class="duiqi">{{info.cereBasicInformationVenue.department || '无'}}</div>
|
|
4373acf5
wesley88
1
|
320
321
322
|
</el-form-item>
</el-col>
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
323
|
<el-form-item label="负责人" prop="responsiblePerson">
|
|
726bc80b
杨鑫
最新
|
324
|
<div class="duiqi">{{info.cereBasicInformationVenue.responsiblePerson || '无'}}</div>
|
|
4373acf5
wesley88
1
|
325
326
327
328
329
|
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
330
331
|
<el-form-item label="联系人" prop="contact">
<div class="duiqi">{{info.cereBasicInformationVenue.contact || '无'}}</div>
|
|
4373acf5
wesley88
1
|
332
333
334
|
</el-form-item>
</el-col>
<el-col :span="8">
|
|
726bc80b
杨鑫
最新
|
335
336
337
338
339
|
<el-form-item label="所属绿道段" prop="belongingGreenwaySection">
<div class="duiqi">{{getLvdaoNameByCode(info.cereBasicInformationVenue.belongingGreenwaySection)|| '无'}}</div>
</el-form-item>
</el-col>
<el-col :span="8">
|
|
3b97e418
wesley88
1
|
340
|
<el-form-item label="联系电话" prop="phoneNumber">
|
|
726bc80b
杨鑫
最新
|
341
|
<div class="duiqi">{{info.cereBasicInformationVenue.phoneNumber || '无'}}</div>
|
|
4373acf5
wesley88
1
|
342
343
|
</el-form-item>
</el-col>
|
|
4373acf5
wesley88
1
|
344
|
</el-row>
|
|
1dbc0b2d
wesley88
1
|
345
|
<!-- <el-form-item label="详细位置" prop="detailedLocation">
|
|
3b97e418
wesley88
1
|
346
|
<div class="duiqi">{{info.cereBasicInformationVenue.detailedLocation || '无'}}</div>
|
|
1dbc0b2d
wesley88
1
|
347
|
</el-form-item> -->
|
|
47e4e5dc
wesley88
1
|
348
|
<el-form-item label="地图标点" prop="mapMarker">
|
|
3b97e418
wesley88
1
|
349
|
<div style="width: 100%;height: 300px;">
|
|
47e4e5dc
wesley88
1
|
350
351
|
<!-- <newmap :isx="false" :message="editbgid.detailedLocation"></newmap> -->
<indexall :isx="false" :message="info.cereBasicInformationVenue.detailedLocation?info.cereBasicInformationVenue.detailedLocation:''"></indexall>
|
|
3b97e418
wesley88
1
|
352
353
354
|
</div>
</el-form-item>
<el-form-item label="场地描述" prop="description">
|
|
1dbc0b2d
wesley88
1
|
355
356
357
|
<!-- <div class="duiqi">{{info.cereBasicInformationVenue.description || '无'}}</div> -->
<div v-if="info.cereBasicInformationVenue.description" class="duiqi" v-html="info.cereBasicInformationVenue.description"></div>
<div class="duiqi" v-else>无</div>
|
|
3b97e418
wesley88
1
|
358
|
</el-form-item>
|
|
d64cd58f
wesley88
上传验收小程序
|
359
|
<el-form-item label="规划图纸" prop="planningDrawing">
|
|
3b97e418
wesley88
1
|
360
|
<div v-if="info.cereBasicInformationVenue.planningDrawing">
|
|
1dbc0b2d
wesley88
1
|
361
362
363
364
365
|
<!-- <img :src="$baseURL+item" alt="" style="width:140px;height:140px;"
v-for="item in info.cereBasicInformationVenue.planningDrawing.split(',')"> -->
<div style="display: flex;">
<allimg v-if="item" :src="item" fit="contain" v-for="item in info.cereBasicInformationVenue.planningDrawing.split(',')" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
</div>
|
|
d64cd58f
wesley88
上传验收小程序
|
366
|
</div>
|
|
3b97e418
wesley88
1
|
367
|
<div class="duiqi" v-else>无</div>
|
|
d64cd58f
wesley88
上传验收小程序
|
368
|
</el-form-item>
|
|
d64cd58f
wesley88
上传验收小程序
|
369
|
<el-form-item label="展示主图" prop="displayImage">
|
|
1dbc0b2d
wesley88
1
|
370
|
<!-- <div >
|
|
d64cd58f
wesley88
上传验收小程序
|
371
372
|
<img :src="$baseURL+item" alt="" style="width:140px;height:140px;"
v-for="item in info.cereBasicInformationVenue.displayImage.split(',')">
|
|
1dbc0b2d
wesley88
1
|
373
374
375
|
</div> -->
<div style="display: flex;">
<allimg v-if="item" :src="item" fit="contain" v-for="item in info.cereBasicInformationVenue.displayImage.split(',')" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
|
|
d64cd58f
wesley88
上传验收小程序
|
376
|
</div>
|
|
d64cd58f
wesley88
上传验收小程序
|
377
|
</el-form-item>
|
|
726bc80b
杨鑫
最新
|
378
379
|
<el-form-item label="其他视频" prop="otherMedia" >
<div class="duiqi" :class="info.cereBasicInformationVenue.otherMedia?'greens':''" @click ="info.cereBasicInformationVenue.otherMedia?openfile(info.cereBasicInformationVenue.otherMedia):''">{{info.cereBasicInformationVenue.otherMedia?'查看详情':'无'}}</div>
|
|
3b97e418
wesley88
1
|
380
|
</el-form-item>
|
|
4373acf5
wesley88
1
|
381
382
383
384
|
</el-form>
</div>
</div>
</el-tab-pane>
|
|
a6a3878d
杨鑫
最新绿道
|
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
|
<el-tab-pane label="租赁记录" name="five" >
<div style="margin-top: 30px;" class="editcss">
<div class="titles">
租赁记录
</div>
<div style="padding: 20px;">
<el-table :data="datalistzl"
:header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"
tooltip-effect="dark custom-tooltip-effect">
<el-table-column label="承租商家" prop="tenantName" show-overflow-tooltip>
</el-table-column>
<el-table-column label="租赁期限" prop="houseNumber" show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.leaseStartDate}}至{{scope.row.contractTerminationDate}}
</template>
</el-table-column>
<!-- <el-table-column label="经营类型" prop="actualUsableArea"show-overflow-tooltip>
</el-table-column> -->
<el-table-column label="租金/周期" prop="head" show-overflow-tooltip>
<template slot-scope="scope">
￥{{scope.row.contractAmount}}/{{scope.row.paymentCycle}}
</template>
</el-table-column>
<el-table-column label="当前状态" prop="publishStatus" show-overflow-tooltip>
<template slot-scope="scope">
<span v-if='scope.row.dataStatus == 1'>使用中</span>
<span v-else-if='scope.row.dataStatus == 2'>往期合同</span>
<span v-else-if='scope.row.dataStatus == 3'>已终止</span>
<span v-else>-</span>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right">
<template slot-scope="scope">
<div @click="open(scope.row)" class="tableBtn greens">查看</div>
</template>
</el-table-column>
</el-table>
<div style="display: flex;justify-content: space-between;" class="bom">
<div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{totalzl}}</span> 项数据</div>
<el-pagination :current-page="pagequeryzl.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pagequeryzl.pageSize"
background small layout="prev, pager, next" :total="totalzl" @size-change="e => handleSizeChange(e,'pagequeryzl')"
@current-change="e=> handleCurrentChange(e,'pagequeryzl')">
</el-pagination>
</div>
</div>
</div>
</el-tab-pane>
|
|
4373acf5
wesley88
1
|
435
436
|
</el-tabs>
</div>
|
|
a6a3878d
杨鑫
最新绿道
|
437
438
439
|
<div v-show="type == '2'">
<oneht ref="onhet"></oneht>
</div>
|
|
9d8bcb26
wesley88
2
|
440
|
<!-- v-if='info.auditStatus == 1' -->
|
|
3b97e418
wesley88
1
|
441
442
|
<div v-if="info.auditStatus == 1 && issp == '2'">
<!-- <div style="padding-left: 130px;margin: 25px 0;">
|
|
9d8bcb26
wesley88
2
|
443
444
|
<el-radio v-model="radio" label="2">同意</el-radio>
<el-radio v-model="radio" label="3">拒绝</el-radio>
|
|
3b97e418
wesley88
1
|
445
446
447
448
449
|
</div> -->
<TitleWithCircle title="审核情况"/>
<div style="padding: 20px;">
<el-form :model="info" label-width="130px" class="demo-ruleForm">
<el-form-item label="状态">
|
|
e94be901
wesley88
1
|
450
451
452
|
<el-radio v-model="radio" label="2">同意</el-radio>
<el-radio v-model="radio" label="3">拒绝</el-radio>
</el-form-item>
|
|
3b97e418
wesley88
1
|
453
|
<el-form-item label="审核意见">
|
|
c3f8e431
wesley88
1
|
454
|
<el-input maxlength="200" show-word-limit rows="4" v-model="info.auditSuggestions" placeholder="请输入审核意见"
|
|
3b97e418
wesley88
1
|
455
456
457
458
459
|
type="textarea" />
</el-form-item>
</el-form>
</div>
</div>
|
|
6d7925d7
wesley88
1
|
460
|
<div v-if="(info.auditStatus == '2' || info.auditStatus == '3') && xiangTab == 'first'">
|
|
3b97e418
wesley88
1
|
461
462
463
464
465
466
467
|
<TitleWithCircle title="审核结果"/>
<div style="padding: 20px;">
<el-form :model="info" label-width="100px" class="demo-ruleForm">
<el-form-item label="状态">
<div class="duiqi">{{info.auditStatus=='2'?'已通过':info.auditStatus=='3'?'不通过':'无'}}</div>
</el-form-item>
<el-form-item label="审核意见">
|
|
c3f8e431
wesley88
1
|
468
|
<div class="duiqi">{{info.auditSuggestions || '无'}}</div>
|
|
3b97e418
wesley88
1
|
469
470
471
|
</el-form-item>
</el-form>
</div>
|
|
9d8bcb26
wesley88
2
|
472
|
</div>
|
|
4373acf5
wesley88
1
|
473
|
<div>
|
|
3b97e418
wesley88
1
|
474
|
<el-button v-if="info.auditStatus == 1 && issp == '2'" @click="minSev"
|
|
d64cd58f
wesley88
上传验收小程序
|
475
|
style="background-color: #3F9B6A;color: #fff;">确定</el-button>
|
|
4373acf5
wesley88
1
|
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
|
<el-button class="buttonHover"
style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;margin-top: 20px;"
@click="changetype">返回</el-button>
</div>
</div>
</template>
<script>
import {
queryByContractcontractNumber
} from '../../api/commodityLease.js'
import {
businessListGetById
} from '../../api/business.js'
import TitleWithCircle from '@/components/top/index';
import MapXian from "@/components/MapContainer/MapXian";
|
|
9d8bcb26
wesley88
2
|
492
|
import {
|
|
a6a3878d
杨鑫
最新绿道
|
493
494
|
cerePlatformMerchant,
cereContractInformation
|
|
3b97e418
wesley88
1
|
495
496
|
} from '@/api/newly.js'
import {
|
|
9d8bcb26
wesley88
2
|
497
|
msgedit,
|
|
d64cd58f
wesley88
上传验收小程序
|
498
|
|
|
9d8bcb26
wesley88
2
|
499
|
} from '@/api/cereBusinessInfo'
|
|
1dbc0b2d
wesley88
1
|
500
|
import allimg from '@/components/chakan/allimg.vue';
|
|
3b97e418
wesley88
1
|
501
|
import newmap from "@/components/newmap/index";
|
|
1dbc0b2d
wesley88
1
|
502
|
import indexall from "@/components/newmap/indexall";
|
|
a6a3878d
杨鑫
最新绿道
|
503
|
import oneht from "@/components/chakan/oneht";
|
|
02c2ca01
杨鑫
最新2
|
504
505
506
507
508
|
import {
gongyuan,
parkTrails,
lvdaoduan,
} from '@/api/information.js';
|
|
4373acf5
wesley88
1
|
509
510
511
|
export default {
components: {
TitleWithCircle,
|
|
3b97e418
wesley88
1
|
512
|
MapXian,
|
|
1dbc0b2d
wesley88
1
|
513
514
|
newmap,
allimg,
|
|
a6a3878d
杨鑫
最新绿道
|
515
516
|
indexall,
oneht
|
|
4373acf5
wesley88
1
|
517
518
519
520
521
522
523
524
|
},
props: {
info: {
type: Object,
default: function() {
return {}; // 返回一个空数组作为默认值
},
},
|
|
3b97e418
wesley88
1
|
525
526
527
528
529
530
|
issp: {
type: String,
default: function() {
return '1';
},
},
|
|
4373acf5
wesley88
1
|
531
532
533
|
},
data() {
return {
|
|
d64cd58f
wesley88
上传验收小程序
|
534
535
536
537
|
radio: '2',
ontype: '线上广告位',
url: '',
type: '1',
|
|
4373acf5
wesley88
1
|
538
539
540
541
542
543
544
|
tableData: [],
xiangTab: 'first',
siteIds: [],
list: [],
advIds: [],
shopIds: [],
shop: {},
|
|
d64cd58f
wesley88
上传验收小程序
|
545
546
|
newshop: {},
newinfo: {},
|
|
3b97e418
wesley88
1
|
547
548
549
550
551
552
553
|
parentMessage: {},
pagequery: {
pageNumber: 0,
pageSize: 10,
checkState:'2',
phone: '',
},
|
|
02c2ca01
杨鑫
最新2
|
554
|
shopMsg:{},
|
|
a6a3878d
杨鑫
最新绿道
|
555
556
557
558
559
560
561
562
|
lvdaoList:[],
datalistzl:[],
totalzl:0,
pagequeryzl:{
pageNumber: 0,
pageSize: 10,
shopNumber: ''
},
|
|
4373acf5
wesley88
1
|
563
564
565
|
}
},
created() {
|
|
a6a3878d
杨鑫
最新绿道
|
566
567
568
569
570
571
|
console.log(this.info,'21312321')
if(this.info.cereBasicInformationShop.id){
this.pagequeryzl.shopNumber = 'sp' + this.info.cereBasicInformationShop.id
}else{
this.pagequeryzl.shopNumber = 'cd' + this.info.cereBasicInformationVenue.id
}
|
|
3b97e418
wesley88
1
|
572
573
574
575
|
this.pagequery.phone = this.info.applicant
cerePlatformMerchant(this.pagequery).then(res=>{
this.shopMsg = res.data.content[0]
})
|
|
d64cd58f
wesley88
上传验收小程序
|
576
|
if (this.info.cereAdvertisingInformation) {
|
|
4373acf5
wesley88
1
|
577
578
|
this.ontype = this.info.cereAdvertisingInformation.advertisingType
}
|
|
02c2ca01
杨鑫
最新2
|
579
|
this.getAll()
|
|
a6a3878d
杨鑫
最新绿道
|
580
|
this.getAllzl()
|
|
4373acf5
wesley88
1
|
581
582
583
584
585
|
},
computed: {
},
methods: {
|
|
a6a3878d
杨鑫
最新绿道
|
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
|
handleCurrentChange(val,type) {
this[type].pageNumber = val - 1
if(type == 'pagequeryzl') {
this.getAllzl()
}
},
getAllzl() {
cereContractInformation(this.pagequeryzl).then(res => {
if (!Array.isArray(res.data.content)) {
this.datalistzl = [];
return;
}
this.datalistzl = res.data.content
this.totalzl = res.data.totalElements
})
},
open(row) {
console.error(row)
this.xiangTab= 'first'
this.type = '2'
this.$refs.onhet.open(row)
},
|
|
02c2ca01
杨鑫
最新2
|
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
|
async getAll(){
const lvdao = await lvdaoduan()
const gongyua = await parkTrails()
const budao = await gongyuan()
const lvList = lvdao.data.concat(gongyua.data)
this.lvdaoList = lvList.concat(budao.data)
},
getLvdaoNameByCode(code) {
// 若传入的 code 为空，直接返回空字符串
if (!code) {
return '';
}
// 遍历 this.lvdaoList 数组
for (let i = 0; i < this.lvdaoList.length; i++) {
const item = this.lvdaoList[i];
// 当传入的 code 等于 item 的 code 时，返回 item 的 name
if (item.code === code) {
return item.name;
}
}
// 若遍历完数组都没找到匹配的 code，返回空字符串
return '无';
},
|
|
d64cd58f
wesley88
上传验收小程序
|
633
|
minSev() {
|
|
9d8bcb26
wesley88
2
|
634
635
|
console.error(this.info)
console.error(this.radio)
|
|
d64cd58f
wesley88
上传验收小程序
|
636
637
638
639
|
msgedit({
id: this.info.id,
'auditStatus': this.radio,
|
|
0e6c481b
wesley88
1
|
640
641
|
auditSuggestions: this.info.auditSuggestions,
rentalResourcesId:this.info.rentalResourcesId
|
|
d64cd58f
wesley88
上传验收小程序
|
642
|
}).then(res => {
|
|
9d8bcb26
wesley88
2
|
643
644
645
646
647
648
|
console.error(res)
if (res.code == 200) {
this.$message({
message: '处理成功',
type: 'success'
})
|
|
e94be901
wesley88
1
|
649
|
this.setmsg()
|
|
d64cd58f
wesley88
上传验收小程序
|
650
|
this.info.auditStatus = this.radio
|
|
02c2ca01
杨鑫
最新2
|
651
|
this.$emit('removeonaction', '1')
|
|
9d8bcb26
wesley88
2
|
652
653
654
655
656
657
658
659
|
} else {
this.$message({
message: '处理失败',
type: 'error'
})
}
})
},
|
|
e94be901
wesley88
1
|
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
|
async setmsg() {
let t4 = this.info.auditSuggestions?this.info.auditSuggestions:'暂无'
let t1 = this.info.cereBasicInformationShop.id?this.info.cereBasicInformationShop.shopName:this.info.cereBasicInformationVenue.id?this.info.cereBasicInformationVenue.venueName:'资源'
let t2 = '很抱歉，您的'+t1+'申请未通过审核。原因说明：'+t4+'。请您根据审核意见修改资料后重新提交申请，感谢您的配合。'
let t3 = '您申请的'+t1+'资源申请已通过，请前往“我的-我租赁的资产”中设置您的店铺信息。'
let info = {
type: '通知消息',
phone: this.shopMsg.phone,
content: {
type: '1',
title: this.radio == '2' ?'租赁审核申请已通过': this.radio == '3' ?'租赁审核申请未通过': '-',
content: this.radio == '2' ?t3: this.radio == '3' ?t2: '-'
},
}
await this.$setmsg(info);
},
|
|
4373acf5
wesley88
1
|
676
677
|
openfile(e) {
if (e) {
|
|
9b392fc6
wesley88
1
|
678
|
const fullUrl = this.$baseURL + e;
|
|
02c2ca01
杨鑫
最新2
|
679
|
console.log(fullUrl,'fullUrlfullUrlfullUrl')
|
|
4373acf5
wesley88
1
|
680
681
682
683
684
685
686
687
688
|
try {
window.open(fullUrl, '_blank'); // 在新标签页中打开文件
} catch (error) {
console.error('打开文件失败:', error);
}
} else {
console.error('无文件可查看');
}
},
|
|
d64cd58f
wesley88
上传验收小程序
|
689
690
691
|
changetype() {
this.xiangTab = 'first'
if (this.type == '1') {
|
|
4373acf5
wesley88
1
|
692
|
this.$emit('removeonaction', '1')
|
|
d64cd58f
wesley88
上传验收小程序
|
693
|
} else {
|
|
4373acf5
wesley88
1
|
694
695
696
697
698
699
700
|
this.type = '1'
}
},
open(row) {
console.error(row)
this.type = '2'
this.newinfo = row
|
|
d64cd58f
wesley88
上传验收小程序
|
701
702
703
|
businessListGetById({
shopId: row.relatedMerchants
}).then(res => {
|
|
4373acf5
wesley88
1
|
704
705
706
707
708
709
710
711
712
713
714
715
716
717
|
console.log(res)
this.newshop = res.data
})
},
closeFn() {
this.$emit('change', false);
},
}
}
</script>
<style>
.el-form-item__label {
color: #a2a2a2;
}
|
|
d64cd58f
wesley88
上传验收小程序
|
718
|
|
|
4373acf5
wesley88
1
|
719
720
721
722
|
.greens {
color: #3F9B6A;
}
</style>
|
