webapp / GreenwayWeb

Blame view

admin-web-master/src/components/buscha/busCha.vue 18 KB
Edit Raw Normal View History
900ab311   李宇   1 
1
2
 
  <template>
    <div>
9b392fc6   wesley88   1 
3
 
      <div v-show="type == '1'">
4373acf5   wesley88   1 
4
5
6
7
8
9
 
        <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">
6abe0316   wesley88   1 
10
 
                  <!-- <el-row :gutter="20">
4373acf5   wesley88   1 
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
85
86
87
88
89
90
91
92
 
                    <el-col :span="9">
                      <el-form-item label="合同类型" prop="contractType">
                        <div class="duiqi">{{info.contractType}}</div>
                      </el-form-item>
                    </el-col>
                    <el-col :span="9">
                      <el-form-item label="合同编号" prop="contractNumber">
                        <div class="duiqi">{{info.contractNumber}}</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-row :gutter="20">
                    <el-col :span="9">
                      <el-form-item label="起租日期" prop="leaseStartDate">
                        <div class="duiqi">{{info.leaseStartDate}}</div>
                      </el-form-item>
                    </el-col>
                    <el-col :span="9">
                      <el-form-item label="终止日期" prop="contractTerminationDate">
                        <div class="duiqi">{{info.contractTerminationDate}}</div>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row :gutter="20">
                    <el-col :span="9">
                      <el-form-item label="付款周期" prop="paymentCycle">
                        <div class="duiqi">{{info.paymentCycle}}</div>
                      </el-form-item>
                    </el-col>
                    <el-col :span="9">
                      <el-form-item label="租金" prop="contractAmount">
                        <div class="duiqi">{{info.contractAmount}}</div>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row :gutter="20">
                    <el-col :span="9">
                      <el-form-item label="付款日" prop="paymentDay">
                        <div class="duiqi">{{info.paymentDay}}</div>
                      </el-form-item>
                    </el-col>
                    <el-col :span="9">
                      <el-form-item label="承租人银行账号" prop="tenantBankAccount">
                        <div class="duiqi">{{info.tenantBankAccount}}</div>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row :gutter="20">
                    <el-col :span="9">
                      <el-form-item label="出租人名称" prop="tenantName">
                        <div class="duiqi">{{info.tenantName}}</div>
                      </el-form-item>
                    </el-col>
                    <el-col :span="9">
                      <el-form-item label="联系电话" prop="tenantTelephone">
                        <div class="duiqi">{{info.tenantTelephone}}</div>
                      </el-form-item>
                    </el-col>
6abe0316   wesley88   1 
93
94
95
96
97
98
 
                  </el-row> -->
                  <el-row :gutter="20">
                    <el-col :span="item.width == '50%（半行）'?12:item.width == '100%（一行）'?24:12" v-for="(item,index) in list1" >
                      <el-form-item :label="item.name" prop="appendicesContract" v-if="item.type == '附件'">
                        <div class="duiqi greens" @click ="item.value?openfile(item.value):''">{{item.value?'查看详情':'暂无文件'}}</div>
                      </el-form-item>
d6ddfcc4   wesley88   1 
99
100
101
102
103
104
105
106
 
                      <el-form-item :label="item.name" v-else-if="item.type == '图片'">
                        <div v-if="item.value">
                            <div style="display: flex;">
                              <allimg v-if="item1" :src="item1" fit="contain"  v-for="item1 in item.value.split(',')" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
                            </div>
                        </div>
                        <div  class="duiqi" v-else>无</div>
                      </el-form-item>
6abe0316   wesley88   1 
107
 
                      <el-form-item :label="item.name" prop="paymentDay" v-else-if="item.type != '资源' && item.type != '商家'">
c3f8e431   wesley88   1 
108
 
                        <div class="duiqi">{{item.value}}<span v-if="item.key == 'earnestMoney' || item.key == 'contractAmount'"> 元</span></div>
6abe0316   wesley88   1 
109
110
 
                      </el-form-item>
                    </el-col>
4373acf5   wesley88   1 
111
112
113
114
115
116
117
118
119
120
 
                  </el-row>
                  <el-form-item label="附件信息" prop="appendicesContract">
                    <div class="duiqi greens" @click ="info.appendicesContract?openfile(info.appendicesContract):''">{{info.appendicesContract?'查看详情':'暂无文件'}}</div>
                  </el-form-item>
                </el-form>
              </div>
              <TitleWithCircle title="合同修订历史" />
              <div style="padding: 20px;margin-top: 10px;">
                <el-table :data="list"
                  :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
900ab311   李宇   1 
121
4373acf5   wesley88   1 
122
123
124
 
                  <el-table-column label="类型">
                    <template slot-scope="scope">
                      {{scope.row.contractChangeReason}}
900ab311   李宇   1 
125
4373acf5   wesley88   1 
126
127
128
129
130
 
                    </template>
                  </el-table-column>
                  <el-table-column label="操作时间">
                    <template slot-scope="scope">
                      {{scope.row.updateDate}}
900ab311   李宇   1 
131
4373acf5   wesley88   1 
132
133
134
135
136
 
                    </template>
                  </el-table-column>
                  <el-table-column label="操作人">
                    <template slot-scope="scope">
                      {{scope.row.updateUser}}
900ab311   李宇   1 
137
4373acf5   wesley88   1 
138
139
140
 
                    </template>
                  </el-table-column>
                  <el-table-column label="操作">
900ab311   李宇   1 
141
 
                  <template slot-scope="scope">
4373acf5   wesley88   1 
142
 
                    <div @click="open(scope.row)" class="tableBtn greens">查看</div>
900ab311   李宇   1 
143
144
 
                  </template>
                </el-table-column>
4373acf5   wesley88   1 
145
 
                </el-table>
900ab311   李宇   1 
146
4373acf5   wesley88   1 
147
 
              </div>
900ab311   李宇   1 
148
 
            </div>
4373acf5   wesley88   1 
149
150
151
152
153
154
155
 
          </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;">
                <el-form :model="shop" ref="ruleForm" label-width="140px" class="demo-ruleForm">
                  <el-row :gutter="20">
9d8bcb26   wesley88   2 
156
157
158
159
160
161
162
163
 
                    <el-col :span="9">
                      <el-form-item label="姓名" prop="name">
                        <div class="duiqi">{{shop.name}}</div>
                      </el-form-item>
                    </el-col>
                    <el-col :span="9">
                      <el-form-item label="手机号" prop="phone">
                        <div class="duiqi">{{shop.phone}}</div>
4373acf5   wesley88   1 
164
165
 
                      </el-form-item>
                    </el-col>
9d8bcb26   wesley88   2 
166
167
168
169
170
 
                  </el-row>
                  <el-row :gutter="20">
                    <el-col :span="9">
                      <el-form-item label="证件类型" prop="idCardType">
                        <div class="duiqi">{{shop.idCardType}}</div>
4373acf5   wesley88   1 
171
172
 
                      </el-form-item>
                    </el-col>
9d8bcb26   wesley88   2 
173
174
175
 
                    <el-col :span="9">
                      <el-form-item label="身份证号码" prop="idCardNumber">
                        <div class="duiqi">{{shop.idCardNumber}}</div>
4373acf5   wesley88   1 
176
177
178
 
                      </el-form-item>
                    </el-col>
                  </el-row>
9d8bcb26   wesley88   2 
179
 
                  <el-form-item label="身份证照片（正）" prop="idCardFrontImage">
1dbc0b2d   wesley88   1 
180
 
                    <!-- <div style="margin-top: 10px;">
9d8bcb26   wesley88   2 
181
 
                      <el-image style="width: 200px;" :src="$baseURL+shop.idCardFrontImage" fit="contain"></el-image>
1dbc0b2d   wesley88   1 
182
183
184
 
                    </div> -->
                    <div style="display: flex;">
                      <allimg  :src="shop.idCardFrontImage" fit="contain" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
9d8bcb26   wesley88   2 
185
186
187
 
                    </div>
                  </el-form-item>
                  <el-form-item label="身份证照片（反）" prop="idCardBackImage">
1dbc0b2d   wesley88   1 
188
 
                    <!-- <div style="margin-top: 10px;">
9d8bcb26   wesley88   2 
189
 
                      <el-image style="width: 200px;" :src="$baseURL+shop.idCardBackImage" fit="contain"></el-image>
1dbc0b2d   wesley88   1 
190
191
192
 
                    </div> -->
                    <div style="display: flex;">
                      <allimg  :src="shop.idCardBackImage" fit="contain" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
9d8bcb26   wesley88   2 
193
194
 
                    </div>
                  </el-form-item>
4373acf5   wesley88   1 
195
196
 
                </el-form>
              </div>
900ab311   李宇   1 
197
 
            </div>
4373acf5   wesley88   1 
198
199
200
201
202
203
 
          </el-tab-pane>
          <el-tab-pane label="商户租赁信息" name="third">
            <div class="editcss">
              <div>
                <el-table :data="tableData"
                  :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
233bb387   杨鑫   Merge branch 'mas... 
204
 
                  <el-table-column label="资源名称">
4373acf5   wesley88   1 
205
206
 
                    <template slot-scope="scope">
                      {{scope.row.shopName ? scope.row.shopName :  scope.row.advertisingName?scope.row.advertisingName:scope.row.venueName}}
900ab311   李宇   1 
207
4373acf5   wesley88   1 
208
209
 
                    </template>
                  </el-table-column>
6abe0316   wesley88   1 
210
 
                  <el-table-column label="实际使用面积" >
4373acf5   wesley88   1 
211
212
 
                    <template slot-scope="scope">
                      {{scope.row.actualArea ? scope.row.actualArea :  scope.row.actualUsableArea?scope.row.actualUsableArea:'-'}}
900ab311   李宇   1 
213
4373acf5   wesley88   1 
214
215
 
                    </template>
                  </el-table-column>
6abe0316   wesley88   1 
216
 
                  <el-table-column label="类型" >
4373acf5   wesley88   1 
217
218
 
                    <template slot-scope="scope">
                      {{scope.row.shopName ? '商铺' : scope.row.advertisingType?scope.row.advertisingType:'场地'}}
900ab311   李宇   1 
219
4373acf5   wesley88   1 
220
221
222
 
                    </template>
                  </el-table-column>
                  <!-- <el-table-column label="状态" min-width="150">
900ab311   李宇   1 
223
224
225
226
 
                  <template slot-scope="scope">
                    {{scope.row.cereContractInformation.tenantName}}
  
                  </template>
4373acf5   wesley88   1 
227
 
                </el-table-column> -->
6abe0316   wesley88   1 
228
229
230
231
232
 
                  <el-table-column label="操作" >
                    <template slot-scope="scope">
                      <div class="tableBtn greens" @click="details(scope.row)">查看</div>
                    </template>
                  </el-table-column>
4373acf5   wesley88   1 
233
 
                </el-table>
900ab311   李宇   1 
234
4373acf5   wesley88   1 
235
236
237
238
 
              </div>
            </div>
          </el-tab-pane>
        </el-tabs>
542e27d5   wesley88   1 
239
 
        <div v-if="info.dataStatus == '4' && issp == '2'" style="margin-top: 20px;">
c0c9fa7a   wesley88   1 
240
241
242
243
244
245
246
247
248
249
250
251
252
253
 
          <TitleWithCircle title="审核情况"/>
          <div style="padding: 20px;">
            <el-form :model="info" label-width="100px" class="demo-ruleForm">
              <el-form-item label="状态">
                <el-radio v-model="radio" label="1">通过</el-radio>
                <el-radio v-model="radio" label="6">不通过</el-radio>
              </el-form-item>
              <el-form-item label="审核意见">
                <el-input maxlength="200" show-word-limit rows="4" v-model="reviewComments" placeholder="请输入审核意见"
                  type="textarea" />
              </el-form-item>
            </el-form>
          </div>
        </div>
6d7925d7   wesley88   1 
254
 
        <div v-if="(info.dataStatus == '1' || info.dataStatus == '6')&& info.isInterior == '1' && xiangTab=='first'" style="margin-top: 20px;">
c0c9fa7a   wesley88   1 
255
256
257
258
259
260
261
262
263
264
265
266
 
          <TitleWithCircle title="审核结果"/>
          <div style="padding: 20px;">
            <el-form :model="info" label-width="100px" class="demo-ruleForm">
              <el-form-item label="状态">
                <div class="duiqi">{{info.dataStatus=='1'?'使用中':info.dataStatus=='3'?'已拒绝':'无'}}</div>
              </el-form-item>
              <el-form-item label="审核意见">
                <div class="duiqi">{{info.reviewComments || '无'}}</div>
              </el-form-item>
            </el-form>
          </div>
        </div>
6abe0316   wesley88   1 
267
 
        <div>
542e27d5   wesley88   1 
268
 
          <el-button v-if="info.dataStatus == '4' && issp == '2'" @click="minSev"
c0c9fa7a   wesley88   1 
269
 
        style="background-color: #3F9B6A;color: #fff;">确定</el-button>
6abe0316   wesley88   1 
270
271
272
273
 
          <el-button class="buttonHover"
            style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;margin-top: 20px;"
            @click="changetype">返回</el-button>
        </div>
4373acf5   wesley88   1 
274
 
      </div>
9b392fc6   wesley88   1 
275
276
 
      <div v-show="type == '2'">
        <oneht ref="onhet"></oneht>
9a707dae   wesley88   1 
277
278
279
280
281
 
        <div>
          <el-button class="buttonHover"
            style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;margin-top: 20px;"
            @click="changetype">返回</el-button>
        </div>
4373acf5   wesley88   1 
282
 
      </div>
6abe0316   wesley88   1 
283
284
285
286
287
288
289
290
291
292
 
      <div v-show="type == '3'">
        <div v-if="detailstype == '商铺'">
          <resourceCommodity :editbgid="detailsinfo" @removeonaction="removeonaction"></resourceCommodity>
        </div>
        <div v-if="detailstype == '广告位'">
          <chakanmap :editbgid="detailsinfo" @removeonaction="removeonaction"></chakanmap>
        </div>
        <div v-if="detailstype == '场地'">
          <chakancd :editbgid="detailsinfo" @removeonaction="removeonaction"></chakancd>
        </div>
4373acf5   wesley88   1 
293
 
      </div>
6abe0316   wesley88   1 
294
900ab311   李宇   1 
295
296
297
298
 
    </div>
  </template>
  
  <script>
9b392fc6   wesley88   1 
299
 
    import oneht from "@/components/chakan/oneht";
4373acf5   wesley88   1 
300
301
302
303
304
305
 
    import {
      queryByContractcontractNumber
    } from '../../api/commodityLease.js'
    import {
      businessListGetById
    } from '../../api/business.js'
900ab311   李宇   1 
306
 
    import TitleWithCircle from '@/components/top/index';
9d8bcb26   wesley88   2 
307
308
309
 
    import {
      cerePlatformMerchantinfo
    } from '../../api/newly.js'
6abe0316   wesley88   1 
310
311
 
    import resourceCommodity from '@/components/resourceCommodity/index'
        import chakanmap from '@/components/chakan/map'
1dbc0b2d   wesley88   1 
312
 
        import allimg from '@/components/chakan/allimg.vue';
6abe0316   wesley88   1 
313
 
    import chakancd from '@/components/chakan/cd'
c0c9fa7a   wesley88   1 
314
315
316
 
    import {
      editById,
    } from '@/api/manage.js'
900ab311   李宇   1 
317
318
 
    export default {
      components: {
9b392fc6   wesley88   1 
319
 
        oneht,
6abe0316   wesley88   1 
320
321
322
323
 
        TitleWithCircle,
        chakancd,
        chakanmap,
        resourceCommodity,
1dbc0b2d   wesley88   1 
324
 
        allimg
900ab311   李宇   1 
325
326
327
328
329
330
331
332
 
      },
      props: {
        info: {
          type: Object,
          default: function() {
            return {}; // 返回一个空数组作为默认值
          },
        },
c0c9fa7a   wesley88   1 
333
334
335
336
337
338
 
        issp: {
          type: String,
          default: function() {
            return '1';
          },
        },
900ab311   李宇   1 
339
340
341
 
      },
      data() {
        return {
c0c9fa7a   wesley88   1 
342
343
 
          reviewComments:'',
          radio: '1',
4373acf5   wesley88   1 
344
345
346
 
          url:'',
          type:'1',
          tableData: [],
900ab311   李宇   1 
347
 
          xiangTab: 'first',
4373acf5   wesley88   1 
348
349
350
351
352
353
 
          siteIds: [],
          list: [],
          advIds: [],
          shopIds: [],
          shop: {},
          newshop:{},
6abe0316   wesley88   1 
354
355
356
357
 
          newinfo:{},
          detailsinfo:{},
          detailstype:'',
          list1:[]
900ab311   李宇   1 
358
359
360
 
        }
      },
      created() {
4373acf5   wesley88   1 
361
 
        console.log(this.info)
6abe0316   wesley88   1 
362
363
 
        this.list1 = JSON.parse(this.info.templateInformation)
        console.log(this.list1)
4373acf5   wesley88   1 
364
 
        this.url = process.env.VUE_APP_DOMAIN_PREFIX_1
542e27d5   wesley88   1 
365
 
        let infonew = {
4373acf5   wesley88   1 
366
 
          contractNumber: this.info.contractNumber
542e27d5   wesley88   1 
367
368
369
370
371
 
        }
        if(this.info.dataStatus == 1) {
          infonew.dataStatus = '1'
        }
        queryByContractcontractNumber(infonew).then(res => {
4373acf5   wesley88   1 
372
 
          console.error(res)
9d8bcb26   wesley88   2 
373
 
          // this.shop = res.data.shop
4373acf5   wesley88   1 
374
375
376
377
378
379
 
          this.siteIds = res.data.siteIds
          this.shopIds = res.data.shopIds
          this.advIds = res.data.advIds
          this.list = res.data.list
          this.tableData = [...res.data.siteIds, ...res.data.shopIds, ...res.data.advIds]
        })
9d8bcb26   wesley88   2 
380
381
382
383
 
        cerePlatformMerchantinfo({id:this.info.relatedMerchants}).then(res => {
          console.error(res)
          this.shop = res.data
        })
900ab311   李宇   1 
384
385
386
387
388
 
      },
      computed: {
  
      },
      methods: {
c0c9fa7a   wesley88   1 
389
390
 
        minSev() {
          editById({
542e27d5   wesley88   1 
391
 
            isInterior:'1',
c0c9fa7a   wesley88   1 
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
 
            contractNumber: this.info.contractNumber,
            dataStatus: this.radio,
            reviewComments: this.reviewComments?this.reviewComments:null
          }).then(res => {
            console.error(res)
            if (res.code == 200) {
              this.$message({
                message: '处理成功',
                type: 'success'
              })
              this.info.dataStatus = this.radio
              this.$emit('removeonaction', '1')
            } else {
              this.$message({
                message: '处理失败',
                type: 'error'
              })
            }
          })
        },
6abe0316   wesley88   1 
412
413
414
415
416
417
418
419
 
        removeonaction() {
          this.type = '1'
        },
        details(row) {
          this.detailstype = row.shopName?'商铺':row.advertisingType?'广告位':'场地'
          this.detailsinfo = row
          this.type = '3'
        },
4373acf5   wesley88   1 
420
421
 
        openfile(e) {
          if (e) {
9b392fc6   wesley88   1 
422
 
            const fullUrl = this.$baseURL + e;
4373acf5   wesley88   1 
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
 
            try {
              window.open(fullUrl, '_blank'); // 在新标签页中打开文件
            } catch (error) {
              console.error('打开文件失败:', error);
            }
          } else {
            console.error('无文件可查看');
          }
        },
        changetype(){
          this.xiangTab= 'first'
          if(this.type == '1'){
            this.$emit('removeonaction', '1')
          }else{
            this.type = '1'
          }
        },
        open(row) {
          console.error(row)
          this.type = '2'
9b392fc6   wesley88   1 
443
 
          this.$refs.onhet.open(row)
4373acf5   wesley88   1 
444
 
        },
900ab311   李宇   1 
445
446
447
448
449
450
451
452
453
454
 
        closeFn() {
          this.$emit('change', false);
        },
      }
    }
  </script>
  <style>
    .el-form-item__label {
      color: #a2a2a2;
    }
4373acf5   wesley88   1 
455
456
457
458
 
    
    .greens {
      color: #3F9B6A;
    }
900ab311   李宇   1 
459
 
  </style>