Blame view

admin-web-master/src/components/chakan/zl.vue 29.3 KB
4373acf5   wesley88   1
1
2
3
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
  <template>
    <div>
      <div>
        <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
256
257
                  <el-form-item label="详细位置" prop="detailedLocation">
                    <div class="duiqi">{{info.cereBasicInformationShop.detailedLocation || '无'}}</div>
                  </el-form-item>
                  <el-form-item label="地图标点" prop="mapPunctuation">
                    <div style="width: 100%;height: 300px;">
1dbc0b2d   wesley88   1
258
                      <!-- :edit='edit' :sendMap='getChildDate' -->
3b97e418   wesley88   1
259
260
261
                      <newmap :isx="false" :message="info.cereBasicInformationShop.mapPunctuation"></newmap>
                    </div>
                  </el-form-item>
4373acf5   wesley88   1
262
                  <el-form-item label="建筑图纸" prop="architecturalDrawings">
3b97e418   wesley88   1
263
                    <div v-if="info.cereBasicInformationShop.architecturalDrawings">
1dbc0b2d   wesley88   1
264
265
266
267
268
                      <!-- <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   上传验收小程序
269
                    </div>
3b97e418   wesley88   1
270
                    <div  class="duiqi" v-else>无</div>
4373acf5   wesley88   1
271
272
                  </el-form-item>
                  <el-form-item label="商铺描述" prop="shopDescription">
3b97e418   wesley88   1
273
                    <div class="duiqi">{{info.cereBasicInformationShop.shopDescription || '无'}}</div>
4373acf5   wesley88   1
274
275
                  </el-form-item>
                  <el-form-item label="展示主图" prop="displayMainImage">
1dbc0b2d   wesley88   1
276
277
278
279
280
281
282
283
                    <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
284
285
                  </el-form-item>
                  <el-form-item label="其他视频" prop="otherImageVideos"  >
02c2ca01   杨鑫   最新2
286
                    <div class="duiqi" :class="info.cereBasicInformationShop.otherImageVideos?'greens':''" @click ="info.cereBasicInformationShop.otherImageVideos?openfile(info.cereBasicInformationShop.otherImageVideos):''">{{info.cereBasicInformationShop.otherImageVideos?'查看详情':'无'}}</div>
1dbc0b2d   wesley88   1
287
                    <!-- <div class="duiqi" v-for="item in info.cereBasicInformationShop.otherImageVideos.split(',')">{{$baseURL+item}}</div> -->
4373acf5   wesley88   1
288
                  </el-form-item>
4373acf5   wesley88   1
289
290
                </el-form>
              </div>
3b97e418   wesley88   1
291
292
              <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
293
294
                  <el-row :gutter="20">
                    <el-col :span="8">
3b97e418   wesley88   1
295
296
                      <el-form-item label="场地名称" prop="venueName">
                        <div class="duiqi">{{info.cereBasicInformationVenue.venueName  || '无'}}</div>
4373acf5   wesley88   1
297
298
299
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
3b97e418   wesley88   1
300
301
                      <el-form-item label="场地类型" prop="venueType">
                        <div class="duiqi">{{info.cereBasicInformationVenue.venueType  || '无'}}</div>
4373acf5   wesley88   1
302
303
304
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
3b97e418   wesley88   1
305
306
                      <el-form-item label="实际使用面积" prop="actualArea">
                        <div class="duiqi">{{info.cereBasicInformationVenue.actualArea  || '无'}}</div>
4373acf5   wesley88   1
307
308
309
310
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row :gutter="20">
4373acf5   wesley88   1
311
                    <el-col :span="8">
3b97e418   wesley88   1
312
313
                      <el-form-item label="所属区域" prop="district">
                        <div  class="duiqi">{{info.cereBasicInformationVenue.district  || '无'}}</div>
4373acf5   wesley88   1
314
315
316
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
3b97e418   wesley88   1
317
318
                      <el-form-item label="归属部门" prop="department">
                        <div  class="duiqi">{{info.cereBasicInformationVenue.department  || '无'}}</div>
4373acf5   wesley88   1
319
320
321
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
3b97e418   wesley88   1
322
                      <el-form-item label="负责人" prop="responsiblePerson">
726bc80b   杨鑫   最新
323
                        <div  class="duiqi">{{info.cereBasicInformationVenue.responsiblePerson  || '无'}}</div>
4373acf5   wesley88   1
324
325
326
327
328
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row :gutter="20">
                    <el-col :span="8">
3b97e418   wesley88   1
329
330
                      <el-form-item label="联系人" prop="contact">
                        <div  class="duiqi">{{info.cereBasicInformationVenue.contact  || '无'}}</div>
4373acf5   wesley88   1
331
332
333
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
726bc80b   杨鑫   最新
334
335
336
337
338
  					  <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
339
                      <el-form-item label="联系电话" prop="phoneNumber">
726bc80b   杨鑫   最新
340
                        <div  class="duiqi">{{info.cereBasicInformationVenue.phoneNumber  || '无'}}</div>
4373acf5   wesley88   1
341
342
                      </el-form-item>
                    </el-col>
4373acf5   wesley88   1
343
                  </el-row>
1dbc0b2d   wesley88   1
344
                  <!-- <el-form-item label="详细位置" prop="detailedLocation">
3b97e418   wesley88   1
345
                      <div  class="duiqi">{{info.cereBasicInformationVenue.detailedLocation  || '无'}}</div>
1dbc0b2d   wesley88   1
346
347
                  </el-form-item> -->
                  <el-form-item label="地图标点" prop="mapMarker" v-if="false">
3b97e418   wesley88   1
348
                    <div style="width: 100%;height: 300px;">
1dbc0b2d   wesley88   1
349
350
                      <newmap :isx="false" :message="editbgid.detailedLocation"></newmap>
                      <!-- <indexall :isx="false" :message="info.cereBasicInformationVenue.detailedLocation?info.cereBasicInformationVenue.detailedLocation:''"></indexall> -->
3b97e418   wesley88   1
351
352
353
                    </div>
                  </el-form-item>
                  <el-form-item label="场地描述" prop="description">
1dbc0b2d   wesley88   1
354
355
356
                    <!-- <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
357
                  </el-form-item>
d64cd58f   wesley88   上传验收小程序
358
                  <el-form-item label="规划图纸" prop="planningDrawing">
3b97e418   wesley88   1
359
                    <div v-if="info.cereBasicInformationVenue.planningDrawing">
1dbc0b2d   wesley88   1
360
361
362
363
364
                      <!-- <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   上传验收小程序
365
                    </div>
3b97e418   wesley88   1
366
                    <div  class="duiqi" v-else>无</div>
d64cd58f   wesley88   上传验收小程序
367
                  </el-form-item>
d64cd58f   wesley88   上传验收小程序
368
                  <el-form-item label="展示主图" prop="displayImage">
1dbc0b2d   wesley88   1
369
                    <!-- <div >
d64cd58f   wesley88   上传验收小程序
370
371
                      <img :src="$baseURL+item" alt="" style="width:140px;height:140px;"
                        v-for="item in info.cereBasicInformationVenue.displayImage.split(',')">
1dbc0b2d   wesley88   1
372
373
374
                    </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   上传验收小程序
375
                    </div>
d64cd58f   wesley88   上传验收小程序
376
                  </el-form-item>
726bc80b   杨鑫   最新
377
378
                  <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
379
                  </el-form-item>
4373acf5   wesley88   1
380
381
382
383
384
385
                </el-form>
              </div>
            </div>
          </el-tab-pane>
        </el-tabs>
      </div>
9d8bcb26   wesley88   2
386
      <!-- v-if='info.auditStatus == 1' -->
3b97e418   wesley88   1
387
388
      <div v-if="info.auditStatus == 1  && issp == '2'">
        <!-- <div style="padding-left: 130px;margin: 25px 0;">
9d8bcb26   wesley88   2
389
390
          <el-radio v-model="radio" label="2">同意</el-radio>
          <el-radio v-model="radio" label="3">拒绝</el-radio>
3b97e418   wesley88   1
391
392
393
394
395
        </div> -->
        <TitleWithCircle title="审核情况"/>
        <div style="padding: 20px;">
          <el-form :model="info" label-width="130px" class="demo-ruleForm">
            <el-form-item label="状态">
e94be901   wesley88   1
396
397
398
              <el-radio v-model="radio" label="2">同意</el-radio>
              <el-radio v-model="radio" label="3">拒绝</el-radio>
            </el-form-item>
3b97e418   wesley88   1
399
            <el-form-item label="审核意见">
c3f8e431   wesley88   1
400
              <el-input maxlength="200" show-word-limit rows="4" v-model="info.auditSuggestions" placeholder="请输入审核意见"
3b97e418   wesley88   1
401
402
403
404
405
406
407
408
409
410
411
412
413
                type="textarea" />
            </el-form-item>
          </el-form>
        </div>
      </div>
      <div v-if="info.auditStatus == '2' || info.auditStatus == '3'">
        <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
414
              <div class="duiqi">{{info.auditSuggestions || '无'}}</div>
3b97e418   wesley88   1
415
416
417
            </el-form-item>
          </el-form>
        </div>
9d8bcb26   wesley88   2
418
      </div>
4373acf5   wesley88   1
419
      <div>
3b97e418   wesley88   1
420
        <el-button v-if="info.auditStatus == 1 && issp == '2'" @click="minSev"
d64cd58f   wesley88   上传验收小程序
421
          style="background-color: #3F9B6A;color: #fff;">确定</el-button>
4373acf5   wesley88   1
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
        <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
438
    import {
3b97e418   wesley88   1
439
440
441
      cerePlatformMerchant
    } from '@/api/newly.js'
    import {
9d8bcb26   wesley88   2
442
      msgedit,
d64cd58f   wesley88   上传验收小程序
443
  
9d8bcb26   wesley88   2
444
    } from '@/api/cereBusinessInfo'
1dbc0b2d   wesley88   1
445
    import allimg from '@/components/chakan/allimg.vue';
3b97e418   wesley88   1
446
    import newmap from "@/components/newmap/index";
1dbc0b2d   wesley88   1
447
    import indexall from "@/components/newmap/indexall";
02c2ca01   杨鑫   最新2
448
449
450
451
452
    import {
    	gongyuan,
    	parkTrails,
    	lvdaoduan,
    } from '@/api/information.js';
4373acf5   wesley88   1
453
454
455
    export default {
      components: {
        TitleWithCircle,
3b97e418   wesley88   1
456
        MapXian,
1dbc0b2d   wesley88   1
457
458
459
        newmap,
        allimg,
        indexall
4373acf5   wesley88   1
460
461
462
463
464
465
466
467
      },
      props: {
        info: {
          type: Object,
          default: function() {
            return {}; // 返回一个空数组作为默认值
          },
        },
3b97e418   wesley88   1
468
469
470
471
472
473
        issp: {
          type: String,
          default: function() {
            return '1';
          },
        },
4373acf5   wesley88   1
474
475
476
      },
      data() {
        return {
d64cd58f   wesley88   上传验收小程序
477
478
479
480
          radio: '2',
          ontype: '线上广告位',
          url: '',
          type: '1',
4373acf5   wesley88   1
481
482
483
484
485
486
487
          tableData: [],
          xiangTab: 'first',
          siteIds: [],
          list: [],
          advIds: [],
          shopIds: [],
          shop: {},
d64cd58f   wesley88   上传验收小程序
488
489
          newshop: {},
          newinfo: {},
3b97e418   wesley88   1
490
491
492
493
494
495
496
          parentMessage: {},
          pagequery: {
            pageNumber: 0,
            pageSize: 10,
            checkState:'2',
            phone: '',
          },
02c2ca01   杨鑫   最新2
497
498
          shopMsg:{},
  		lvdaoList:[]
4373acf5   wesley88   1
499
500
501
502
        }
      },
      created() {
        console.log(this.info)
3b97e418   wesley88   1
503
504
505
506
        this.pagequery.phone = this.info.applicant
        cerePlatformMerchant(this.pagequery).then(res=>{
           this.shopMsg = res.data.content[0]
        })
d64cd58f   wesley88   上传验收小程序
507
        if (this.info.cereAdvertisingInformation) {
4373acf5   wesley88   1
508
509
          this.ontype = this.info.cereAdvertisingInformation.advertisingType
        }
02c2ca01   杨鑫   最新2
510
  	  this.getAll()
4373acf5   wesley88   1
511
512
513
514
515
      },
      computed: {
  
      },
      methods: {
02c2ca01   杨鑫   最新2
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
  		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   上传验收小程序
540
        minSev() {
9d8bcb26   wesley88   2
541
542
          console.error(this.info)
          console.error(this.radio)
d64cd58f   wesley88   上传验收小程序
543
544
545
546
  
          msgedit({
            id: this.info.id,
            'auditStatus': this.radio,
0e6c481b   wesley88   1
547
548
            auditSuggestions: this.info.auditSuggestions,
            rentalResourcesId:this.info.rentalResourcesId
d64cd58f   wesley88   上传验收小程序
549
          }).then(res => {
9d8bcb26   wesley88   2
550
551
552
553
554
555
            console.error(res)
            if (res.code == 200) {
              this.$message({
                message: '处理成功',
                type: 'success'
              })
e94be901   wesley88   1
556
              this.setmsg()
d64cd58f   wesley88   上传验收小程序
557
              this.info.auditStatus = this.radio
02c2ca01   杨鑫   最新2
558
  			  this.$emit('removeonaction', '1')
9d8bcb26   wesley88   2
559
560
561
562
563
564
565
566
            } else {
              this.$message({
                message: '处理失败',
                type: 'error'
              })
            }
          })
        },
e94be901   wesley88   1
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
        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
583
584
        openfile(e) {
          if (e) {
9b392fc6   wesley88   1
585
            const fullUrl = this.$baseURL + e;
02c2ca01   杨鑫   最新2
586
  		  console.log(fullUrl,'fullUrlfullUrlfullUrl')
4373acf5   wesley88   1
587
588
589
590
591
592
593
594
595
            try {
              window.open(fullUrl, '_blank'); // 在新标签页中打开文件
            } catch (error) {
              console.error('打开文件失败:', error);
            }
          } else {
            console.error('无文件可查看');
          }
        },
d64cd58f   wesley88   上传验收小程序
596
597
598
        changetype() {
          this.xiangTab = 'first'
          if (this.type == '1') {
4373acf5   wesley88   1
599
            this.$emit('removeonaction', '1')
d64cd58f   wesley88   上传验收小程序
600
          } else {
4373acf5   wesley88   1
601
602
603
604
605
606
607
            this.type = '1'
          }
        },
        open(row) {
          console.error(row)
          this.type = '2'
          this.newinfo = row
d64cd58f   wesley88   上传验收小程序
608
609
610
          businessListGetById({
            shopId: row.relatedMerchants
          }).then(res => {
4373acf5   wesley88   1
611
612
613
614
615
616
617
618
619
620
621
622
623
624
            console.log(res)
            this.newshop = res.data
          })
        },
        closeFn() {
          this.$emit('change', false);
        },
      }
    }
  </script>
  <style>
    .el-form-item__label {
      color: #a2a2a2;
    }
d64cd58f   wesley88   上传验收小程序
625
  
4373acf5   wesley88   1
626
627
628
629
    .greens {
      color: #3F9B6A;
    }
  </style>