Blame view

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