Blame view

admin-web-master/src/components/chakan/zl.vue 29.4 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
                  <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
385
386
                </el-form>
              </div>
            </div>
          </el-tab-pane>
        </el-tabs>
      </div>
9d8bcb26   wesley88   2
387
      <!-- v-if='info.auditStatus == 1' -->
3b97e418   wesley88   1
388
389
      <div v-if="info.auditStatus == 1  && issp == '2'">
        <!-- <div style="padding-left: 130px;margin: 25px 0;">
9d8bcb26   wesley88   2
390
391
          <el-radio v-model="radio" label="2">同意</el-radio>
          <el-radio v-model="radio" label="3">拒绝</el-radio>
3b97e418   wesley88   1
392
393
394
395
396
        </div> -->
        <TitleWithCircle title="审核情况"/>
        <div style="padding: 20px;">
          <el-form :model="info" label-width="130px" class="demo-ruleForm">
            <el-form-item label="状态">
e94be901   wesley88   1
397
398
399
              <el-radio v-model="radio" label="2">同意</el-radio>
              <el-radio v-model="radio" label="3">拒绝</el-radio>
            </el-form-item>
3b97e418   wesley88   1
400
            <el-form-item label="审核意见">
c3f8e431   wesley88   1
401
              <el-input maxlength="200" show-word-limit rows="4" v-model="info.auditSuggestions" placeholder="请输入审核意见"
3b97e418   wesley88   1
402
403
404
405
406
                type="textarea" />
            </el-form-item>
          </el-form>
        </div>
      </div>
6d7925d7   wesley88   1
407
      <div v-if="(info.auditStatus == '2' || info.auditStatus == '3') && xiangTab == 'first'">
3b97e418   wesley88   1
408
409
410
411
412
413
414
        <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
415
              <div class="duiqi">{{info.auditSuggestions || '无'}}</div>
3b97e418   wesley88   1
416
417
418
            </el-form-item>
          </el-form>
        </div>
9d8bcb26   wesley88   2
419
      </div>
4373acf5   wesley88   1
420
      <div>
3b97e418   wesley88   1
421
        <el-button v-if="info.auditStatus == 1 && issp == '2'" @click="minSev"
d64cd58f   wesley88   上传验收小程序
422
          style="background-color: #3F9B6A;color: #fff;">确定</el-button>
4373acf5   wesley88   1
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
        <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
439
    import {
3b97e418   wesley88   1
440
441
442
      cerePlatformMerchant
    } from '@/api/newly.js'
    import {
9d8bcb26   wesley88   2
443
      msgedit,
d64cd58f   wesley88   上传验收小程序
444
  
9d8bcb26   wesley88   2
445
    } from '@/api/cereBusinessInfo'
1dbc0b2d   wesley88   1
446
    import allimg from '@/components/chakan/allimg.vue';
3b97e418   wesley88   1
447
    import newmap from "@/components/newmap/index";
1dbc0b2d   wesley88   1
448
    import indexall from "@/components/newmap/indexall";
02c2ca01   杨鑫   最新2
449
450
451
452
453
    import {
    	gongyuan,
    	parkTrails,
    	lvdaoduan,
    } from '@/api/information.js';
4373acf5   wesley88   1
454
455
456
    export default {
      components: {
        TitleWithCircle,
3b97e418   wesley88   1
457
        MapXian,
1dbc0b2d   wesley88   1
458
459
460
        newmap,
        allimg,
        indexall
4373acf5   wesley88   1
461
462
463
464
465
466
467
468
      },
      props: {
        info: {
          type: Object,
          default: function() {
            return {}; // 返回一个空数组作为默认值
          },
        },
3b97e418   wesley88   1
469
470
471
472
473
474
        issp: {
          type: String,
          default: function() {
            return '1';
          },
        },
4373acf5   wesley88   1
475
476
477
      },
      data() {
        return {
d64cd58f   wesley88   上传验收小程序
478
479
480
481
          radio: '2',
          ontype: '线上广告位',
          url: '',
          type: '1',
4373acf5   wesley88   1
482
483
484
485
486
487
488
          tableData: [],
          xiangTab: 'first',
          siteIds: [],
          list: [],
          advIds: [],
          shopIds: [],
          shop: {},
d64cd58f   wesley88   上传验收小程序
489
490
          newshop: {},
          newinfo: {},
3b97e418   wesley88   1
491
492
493
494
495
496
497
          parentMessage: {},
          pagequery: {
            pageNumber: 0,
            pageSize: 10,
            checkState:'2',
            phone: '',
          },
02c2ca01   杨鑫   最新2
498
499
          shopMsg:{},
  		lvdaoList:[]
4373acf5   wesley88   1
500
501
502
503
        }
      },
      created() {
        console.log(this.info)
3b97e418   wesley88   1
504
505
506
507
        this.pagequery.phone = this.info.applicant
        cerePlatformMerchant(this.pagequery).then(res=>{
           this.shopMsg = res.data.content[0]
        })
d64cd58f   wesley88   上传验收小程序
508
        if (this.info.cereAdvertisingInformation) {
4373acf5   wesley88   1
509
510
          this.ontype = this.info.cereAdvertisingInformation.advertisingType
        }
02c2ca01   杨鑫   最新2
511
  	  this.getAll()
4373acf5   wesley88   1
512
513
514
515
516
      },
      computed: {
  
      },
      methods: {
02c2ca01   杨鑫   最新2
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
  		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   上传验收小程序
541
        minSev() {
9d8bcb26   wesley88   2
542
543
          console.error(this.info)
          console.error(this.radio)
d64cd58f   wesley88   上传验收小程序
544
545
546
547
  
          msgedit({
            id: this.info.id,
            'auditStatus': this.radio,
0e6c481b   wesley88   1
548
549
            auditSuggestions: this.info.auditSuggestions,
            rentalResourcesId:this.info.rentalResourcesId
d64cd58f   wesley88   上传验收小程序
550
          }).then(res => {
9d8bcb26   wesley88   2
551
552
553
554
555
556
            console.error(res)
            if (res.code == 200) {
              this.$message({
                message: '处理成功',
                type: 'success'
              })
e94be901   wesley88   1
557
              this.setmsg()
d64cd58f   wesley88   上传验收小程序
558
              this.info.auditStatus = this.radio
02c2ca01   杨鑫   最新2
559
  			  this.$emit('removeonaction', '1')
9d8bcb26   wesley88   2
560
561
562
563
564
565
566
567
            } else {
              this.$message({
                message: '处理失败',
                type: 'error'
              })
            }
          })
        },
e94be901   wesley88   1
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
        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
584
585
        openfile(e) {
          if (e) {
9b392fc6   wesley88   1
586
            const fullUrl = this.$baseURL + e;
02c2ca01   杨鑫   最新2
587
  		  console.log(fullUrl,'fullUrlfullUrlfullUrl')
4373acf5   wesley88   1
588
589
590
591
592
593
594
595
596
            try {
              window.open(fullUrl, '_blank'); // 在新标签页中打开文件
            } catch (error) {
              console.error('打开文件失败:', error);
            }
          } else {
            console.error('无文件可查看');
          }
        },
d64cd58f   wesley88   上传验收小程序
597
598
599
        changetype() {
          this.xiangTab = 'first'
          if (this.type == '1') {
4373acf5   wesley88   1
600
            this.$emit('removeonaction', '1')
d64cd58f   wesley88   上传验收小程序
601
          } else {
4373acf5   wesley88   1
602
603
604
605
606
607
608
            this.type = '1'
          }
        },
        open(row) {
          console.error(row)
          this.type = '2'
          this.newinfo = row
d64cd58f   wesley88   上传验收小程序
609
610
611
          businessListGetById({
            shopId: row.relatedMerchants
          }).then(res => {
4373acf5   wesley88   1
612
613
614
615
616
617
618
619
620
621
622
623
624
625
            console.log(res)
            this.newshop = res.data
          })
        },
        closeFn() {
          this.$emit('change', false);
        },
      }
    }
  </script>
  <style>
    .el-form-item__label {
      color: #a2a2a2;
    }
d64cd58f   wesley88   上传验收小程序
626
  
4373acf5   wesley88   1
627
628
629
630
    .greens {
      color: #3F9B6A;
    }
  </style>