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
99
|
</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>
<el-form-item :label="item.name" prop="paymentDay" v-else-if="item.type != '资源' && item.type != '商家'">
|
|
c3f8e431
wesley88
1
|
100
|
<div class="duiqi">{{item.value}}<span v-if="item.key == 'earnestMoney' || item.key == 'contractAmount'"> 元</span></div>
|
|
6abe0316
wesley88
1
|
101
102
|
</el-form-item>
</el-col>
|
|
4373acf5
wesley88
1
|
103
104
105
106
107
108
109
110
111
112
|
</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
|
113
|
|
|
4373acf5
wesley88
1
|
114
115
116
|
<el-table-column label="类型">
<template slot-scope="scope">
{{scope.row.contractChangeReason}}
|
|
900ab311
李宇
1
|
117
|
|
|
4373acf5
wesley88
1
|
118
119
120
121
122
|
</template>
</el-table-column>
<el-table-column label="操作时间">
<template slot-scope="scope">
{{scope.row.updateDate}}
|
|
900ab311
李宇
1
|
123
|
|
|
4373acf5
wesley88
1
|
124
125
126
127
128
|
</template>
</el-table-column>
<el-table-column label="操作人">
<template slot-scope="scope">
{{scope.row.updateUser}}
|
|
900ab311
李宇
1
|
129
|
|
|
4373acf5
wesley88
1
|
130
131
132
|
</template>
</el-table-column>
<el-table-column label="操作">
|
|
900ab311
李宇
1
|
133
|
<template slot-scope="scope">
|
|
4373acf5
wesley88
1
|
134
|
<div @click="open(scope.row)" class="tableBtn greens">查看</div>
|
|
900ab311
李宇
1
|
135
136
|
</template>
</el-table-column>
|
|
4373acf5
wesley88
1
|
137
|
</el-table>
|
|
900ab311
李宇
1
|
138
|
|
|
4373acf5
wesley88
1
|
139
|
</div>
|
|
900ab311
李宇
1
|
140
|
</div>
|
|
4373acf5
wesley88
1
|
141
142
143
144
145
146
147
|
</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
|
148
149
150
151
152
153
154
155
|
<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
|
156
157
|
</el-form-item>
</el-col>
|
|
9d8bcb26
wesley88
2
|
158
159
160
161
162
|
</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
|
163
164
|
</el-form-item>
</el-col>
|
|
9d8bcb26
wesley88
2
|
165
166
167
|
<el-col :span="9">
<el-form-item label="身份证号码" prop="idCardNumber">
<div class="duiqi">{{shop.idCardNumber}}</div>
|
|
4373acf5
wesley88
1
|
168
169
170
|
</el-form-item>
</el-col>
</el-row>
|
|
9d8bcb26
wesley88
2
|
171
|
<el-form-item label="身份证照片（正）" prop="idCardFrontImage">
|
|
1dbc0b2d
wesley88
1
|
172
|
<!-- <div style="margin-top: 10px;">
|
|
9d8bcb26
wesley88
2
|
173
|
<el-image style="width: 200px;" :src="$baseURL+shop.idCardFrontImage" fit="contain"></el-image>
|
|
1dbc0b2d
wesley88
1
|
174
175
176
|
</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
|
177
178
179
|
</div>
</el-form-item>
<el-form-item label="身份证照片（反）" prop="idCardBackImage">
|
|
1dbc0b2d
wesley88
1
|
180
|
<!-- <div style="margin-top: 10px;">
|
|
9d8bcb26
wesley88
2
|
181
|
<el-image style="width: 200px;" :src="$baseURL+shop.idCardBackImage" fit="contain"></el-image>
|
|
1dbc0b2d
wesley88
1
|
182
183
184
|
</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
|
185
186
|
</div>
</el-form-item>
|
|
4373acf5
wesley88
1
|
187
188
|
</el-form>
</div>
|
|
900ab311
李宇
1
|
189
|
</div>
|
|
4373acf5
wesley88
1
|
190
191
192
193
194
195
|
</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'}">
|
|
6abe0316
wesley88
1
|
196
|
<el-table-column label="商铺名称">
|
|
4373acf5
wesley88
1
|
197
198
|
<template slot-scope="scope">
{{scope.row.shopName ? scope.row.shopName : scope.row.advertisingName?scope.row.advertisingName:scope.row.venueName}}
|
|
900ab311
李宇
1
|
199
|
|
|
4373acf5
wesley88
1
|
200
201
|
</template>
</el-table-column>
|
|
6abe0316
wesley88
1
|
202
|
<el-table-column label="实际使用面积" >
|
|
4373acf5
wesley88
1
|
203
204
|
<template slot-scope="scope">
{{scope.row.actualArea ? scope.row.actualArea : scope.row.actualUsableArea?scope.row.actualUsableArea:'-'}}
|
|
900ab311
李宇
1
|
205
|
|
|
4373acf5
wesley88
1
|
206
207
|
</template>
</el-table-column>
|
|
6abe0316
wesley88
1
|
208
|
<el-table-column label="类型" >
|
|
4373acf5
wesley88
1
|
209
210
|
<template slot-scope="scope">
{{scope.row.shopName ? '商铺' : scope.row.advertisingType?scope.row.advertisingType:'场地'}}
|
|
900ab311
李宇
1
|
211
|
|
|
4373acf5
wesley88
1
|
212
213
214
|
</template>
</el-table-column>
<!-- <el-table-column label="状态" min-width="150">
|
|
900ab311
李宇
1
|
215
216
217
218
|
<template slot-scope="scope">
{{scope.row.cereContractInformation.tenantName}}
</template>
|
|
4373acf5
wesley88
1
|
219
|
</el-table-column> -->
|
|
6abe0316
wesley88
1
|
220
221
222
223
224
|
<el-table-column label="操作" >
<template slot-scope="scope">
<div class="tableBtn greens" @click="details(scope.row)">查看</div>
</template>
</el-table-column>
|
|
4373acf5
wesley88
1
|
225
|
</el-table>
|
|
900ab311
李宇
1
|
226
|
|
|
4373acf5
wesley88
1
|
227
228
229
230
|
</div>
</div>
</el-tab-pane>
</el-tabs>
|
|
c0c9fa7a
wesley88
1
|
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
|
<div v-if="info.dataStatus == '5' && issp == '2'" style="margin-top: 20px;">
<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>
<div v-if="(info.dataStatus == '1' || info.dataStatus == '6')&& info.isInterior == '1'" style="margin-top: 20px;">
<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
|
259
|
<div>
|
|
c0c9fa7a
wesley88
1
|
260
261
|
<el-button v-if="info.dataStatus == '5' && issp == '2'" @click="minSev"
style="background-color: #3F9B6A;color: #fff;">确定</el-button>
|
|
6abe0316
wesley88
1
|
262
263
264
265
|
<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
|
266
|
</div>
|
|
9b392fc6
wesley88
1
|
267
268
|
<div v-show="type == '2'">
<oneht ref="onhet"></oneht>
|
|
9a707dae
wesley88
1
|
269
270
271
272
273
|
<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
|
274
|
</div>
|
|
6abe0316
wesley88
1
|
275
276
277
278
279
280
281
282
283
284
|
<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
|
285
|
</div>
|
|
6abe0316
wesley88
1
|
286
|
|
|
900ab311
李宇
1
|
287
288
289
290
|
</div>
</template>
<script>
|
|
9b392fc6
wesley88
1
|
291
|
import oneht from "@/components/chakan/oneht";
|
|
4373acf5
wesley88
1
|
292
293
294
295
296
297
|
import {
queryByContractcontractNumber
} from '../../api/commodityLease.js'
import {
businessListGetById
} from '../../api/business.js'
|
|
900ab311
李宇
1
|
298
|
import TitleWithCircle from '@/components/top/index';
|
|
9d8bcb26
wesley88
2
|
299
300
301
|
import {
cerePlatformMerchantinfo
} from '../../api/newly.js'
|
|
6abe0316
wesley88
1
|
302
303
|
import resourceCommodity from '@/components/resourceCommodity/index'
import chakanmap from '@/components/chakan/map'
|
|
1dbc0b2d
wesley88
1
|
304
|
import allimg from '@/components/chakan/allimg.vue';
|
|
6abe0316
wesley88
1
|
305
|
import chakancd from '@/components/chakan/cd'
|
|
c0c9fa7a
wesley88
1
|
306
307
308
|
import {
editById,
} from '@/api/manage.js'
|
|
900ab311
李宇
1
|
309
310
|
export default {
components: {
|
|
9b392fc6
wesley88
1
|
311
|
oneht,
|
|
6abe0316
wesley88
1
|
312
313
314
315
|
TitleWithCircle,
chakancd,
chakanmap,
resourceCommodity,
|
|
1dbc0b2d
wesley88
1
|
316
|
allimg
|
|
900ab311
李宇
1
|
317
318
319
320
321
322
323
324
|
},
props: {
info: {
type: Object,
default: function() {
return {}; // 返回一个空数组作为默认值
},
},
|
|
c0c9fa7a
wesley88
1
|
325
326
327
328
329
330
|
issp: {
type: String,
default: function() {
return '1';
},
},
|
|
900ab311
李宇
1
|
331
332
333
|
},
data() {
return {
|
|
c0c9fa7a
wesley88
1
|
334
335
|
reviewComments:'',
radio: '1',
|
|
4373acf5
wesley88
1
|
336
337
338
|
url:'',
type:'1',
tableData: [],
|
|
900ab311
李宇
1
|
339
|
xiangTab: 'first',
|
|
4373acf5
wesley88
1
|
340
341
342
343
344
345
|
siteIds: [],
list: [],
advIds: [],
shopIds: [],
shop: {},
newshop:{},
|
|
6abe0316
wesley88
1
|
346
347
348
349
|
newinfo:{},
detailsinfo:{},
detailstype:'',
list1:[]
|
|
900ab311
李宇
1
|
350
351
352
|
}
},
created() {
|
|
4373acf5
wesley88
1
|
353
|
console.log(this.info)
|
|
6abe0316
wesley88
1
|
354
355
|
this.list1 = JSON.parse(this.info.templateInformation)
console.log(this.list1)
|
|
4373acf5
wesley88
1
|
356
357
358
359
360
|
this.url = process.env.VUE_APP_DOMAIN_PREFIX_1
queryByContractcontractNumber({
contractNumber: this.info.contractNumber
}).then(res => {
console.error(res)
|
|
9d8bcb26
wesley88
2
|
361
|
// this.shop = res.data.shop
|
|
4373acf5
wesley88
1
|
362
363
364
365
366
367
|
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
|
368
369
370
371
|
cerePlatformMerchantinfo({id:this.info.relatedMerchants}).then(res => {
console.error(res)
this.shop = res.data
})
|
|
900ab311
李宇
1
|
372
373
374
375
376
|
},
computed: {
},
methods: {
|
|
c0c9fa7a
wesley88
1
|
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
|
minSev() {
editById({
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
|
399
400
401
402
403
404
405
406
|
removeonaction() {
this.type = '1'
},
details(row) {
this.detailstype = row.shopName?'商铺':row.advertisingType?'广告位':'场地'
this.detailsinfo = row
this.type = '3'
},
|
|
4373acf5
wesley88
1
|
407
408
|
openfile(e) {
if (e) {
|
|
9b392fc6
wesley88
1
|
409
|
const fullUrl = this.$baseURL + e;
|
|
4373acf5
wesley88
1
|
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
|
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
|
430
|
this.$refs.onhet.open(row)
|
|
4373acf5
wesley88
1
|
431
|
},
|
|
900ab311
李宇
1
|
432
433
434
435
436
437
438
439
440
441
|
closeFn() {
this.$emit('change', false);
},
}
}
</script>
<style>
.el-form-item__label {
color: #a2a2a2;
}
|
|
4373acf5
wesley88
1
|
442
443
444
445
|
.greens {
color: #3F9B6A;
}
|
|
900ab311
李宇
1
|
446
|
</style>
|
