4373acf5
 wesley88
1
|
1
2
3
4
5
6
7
8
9
10
11
12
|
<template>
<div style="background-color:#f7f7f7;padding:10px 10px;">
<div class="zhuti" v-if="onaction == '1'">
<div style="height:58px;line-height:58px;">
<div style="color:#0006"> <span>招商资源监测</span> <span style="padding:0 5px;">></span> <span
style="color:#000000e6">商铺基本信息</span></div>
</div>
<!-- 线上 -->
<div>
<!-- 搜索 -->
<div class="formSearch">
<el-form :inline="true" :model="pagequery">
|
|
d64cd58f
wesley88
上传验收小程序
|
13
14
15
|
<el-form-item label="商铺名称" prop="shopName">
<el-input v-model="pagequery.shopName" placeholder="请输入" maxlength="50"></el-input>
</el-form-item>
|
|
4373acf5
wesley88
1
|
16
|
<el-form-item label="所属区域" prop="belongingRegion">
|
|
98bc35a2
wesley88
1
|
17
|
<el-select v-model="pagequery.belongingRegion" clearable placeholder="请选择" style="width: 168px;margin-right: 15px">
|
|
118fc86d
wesley88
1
|
18
19
|
<el-option v-for="(item,index) in regionOptions"
:key="index" :label="item.label" :value="item.value"></el-option>
|
|
4373acf5
wesley88
1
|
20
21
|
</el-select>
</el-form-item>
|
|
d64cd58f
wesley88
上传验收小程序
|
22
23
24
|
<el-form-item label="归属部门" prop="belongingDepartment">
<el-input v-model="pagequery.belongingDepartment" placeholder="请输入" maxlength="50"></el-input>
</el-form-item>
|
fa21ce0f
 杨鑫
最新更改bug
|
25
26
27
28
29
30
31
32
33
|
<el-form-item label="状态" prop="publishStatus">
<el-select v-model="pagequery.publishStatus" clearable placeholder="请选择" style="width: 168px;margin-right: 15px">
<el-option label="待发布" value="0"></el-option>
<el-option label="待审核" value="1"></el-option>
<el-option label="已发布" value="2"></el-option>
<el-option label="不通过" value="3"></el-option>
<el-option label="已租赁" value="4"></el-option>
</el-select>
</el-form-item>
|
|
4373acf5
wesley88
1
|
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
</el-form>
<div>
<el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">查询
</el-button>
<el-button @click="resetting" class="buttonHover"
style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">重置
</el-button>
</div>
</div>
<div style="margin-bottom: 20px;">
<el-button @click="removeonaction('2')" style="background-color: #3F9B6A;color: #fff;padding:8px 15px;"
icon="el-icon-circle-plus-outline">新增</el-button>
<!-- <el-button @click="" style="background-color: #3F9B6A;color: #fff">批量导入</el-button> -->
</div>
<!-- 表格 -->
|
|
a182f238
wesley88
1
|
51
52
|
<el-table :data="tableData" :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
<el-table-column label="序号" width="50">
|
|
4373acf5
wesley88
1
|
53
54
55
56
|
<template slot-scope="scope">
{{scope.$index +1 }}
</template>
</el-table-column>
|
|
a182f238
wesley88
1
|
57
58
59
60
61
|
<el-table-column label="商铺名称" prop="shopName" show-overflow-tooltip></el-table-column>
<el-table-column label="商铺类型" prop="publishStatus" show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.shopType=='1'?'移动铺位':scope.row.shopType=='2'?'固定铺位':'无'}}
</template>
|
|
4373acf5
wesley88
1
|
62
63
64
|
</el-table-column>
<el-table-column label="所属区域" prop="belongingRegion" show-overflow-tooltip>
</el-table-column>
|
|
a182f238
wesley88
1
|
65
|
<el-table-column prop="detailedLocation" width="180" label="详细地址" show-overflow-tooltip>
|
|
4373acf5
wesley88
1
|
66
|
</el-table-column>
|
|
98bc35a2
wesley88
1
|
67
68
69
70
|
<el-table-column label="归属部门" prop="belongingDepartment" show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.belongingDepartment || '无'}}
</template>
|
|
4373acf5
wesley88
1
|
71
72
|
</el-table-column>
<el-table-column label="负责人" prop="head" show-overflow-tooltip>
|
|
a182f238
wesley88
1
|
73
74
75
|
<template slot-scope="scope">
{{scope.row.head || '无'}}
</template>
|
|
4373acf5
wesley88
1
|
76
|
</el-table-column>
|
|
3b97e418
wesley88
1
|
77
|
<el-table-column label="提交时间" prop="createDate" > </el-table-column>
|
|
4373acf5
wesley88
1
|
78
79
|
<el-table-column label="状态" prop="publishStatus" show-overflow-tooltip>
<template slot-scope="scope">
|
|
2210df30
wesley88
1
|
80
|
{{scope.row.publishStatus=='0'?'待发布':scope.row.publishStatus=='1'?'待审核':scope.row.publishStatus=='2'?'已发布':scope.row.publishStatus=='3'?'不通过':scope.row.publishStatus=='4'?'已租赁':'-'}}
|
|
4373acf5
wesley88
1
|
81
82
|
</template>
</el-table-column>
|
|
a182f238
wesley88
1
|
83
|
<el-table-column label="操作" min-width="100" fixed="right">
|
|
4373acf5
wesley88
1
|
84
85
|
<template slot-scope="scope">
<div @click="details(scope.row)" class="tableBtn greens">查看</div>
|
|
9b392fc6
wesley88
1
|
86
|
<div class="tableBtn greens" v-if="scope.row.publishStatus=='0' || scope.row.publishStatus=='3'" @click="removeinfo(scope.row,'编辑')">编辑
|
|
4373acf5
wesley88
1
|
87
|
</div>
|
|
9b392fc6
wesley88
1
|
88
89
|
<div class="tableBtn greens" v-if="scope.row.publishStatus=='0' || scope.row.publishStatus=='3'" @click="closemsg(scope.row)">删除</div>
<div class="tableBtn greens" v-if="scope.row.publishStatus=='0' || scope.row.publishStatus=='3'"
|
|
2506ad54
wesley88
2
|
90
|
@click="opencl(scope.row,'sp')">发布</div>
|
|
9b392fc6
wesley88
1
|
91
92
|
<div class="tableBtn greens" v-if="scope.row.publishStatus=='2'"
@click="removeinfozz(scope.row,'0','下架')">下架</div>
|
|
4373acf5
wesley88
1
|
93
94
95
96
97
|
</template>
</el-table-column>
</el-table>
<div style="display: flex;justify-content: space-between;" class="bom">
<div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{total}}</span> 项数据</div>
|
|
90d96766
wesley88
1
|
98
|
<el-pagination :current-page="pagequery.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pagequery.pageSize"
|
|
4373acf5
wesley88
1
|
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
|
background small layout="prev, pager, next" :total="total" @size-change="handleSizeChange"
@current-change="handleCurrentChange">
</el-pagination>
</div>
</div>
</div>
<div class="zhuti" v-if="onaction == '2'">
<div style="height:58px;line-height:58px;">
<div style="color:#0006"> <span>商铺基本信息</span> <span style="padding:0 5px;">></span> <span
style="color:#000000e6">新增</span></div>
</div>
<div style="padding: 20px 20px 20px 0;">
<add @removeonaction="removeonaction"></add>
</div>
</div>
<div class="zhuti" v-if="onaction == '3'">
<div style="height:58px;line-height:58px;">
<div style="color:#0006"> <span>商铺基本信息</span> <span style="padding:0 5px;">></span> <span
style="color:#000000e6">查看</span></div>
</div>
<div>
<resourceCommodity :editbgid="detailsinfo" @removeonaction="removeonaction"></resourceCommodity>
</div>
</div>
<div class="zhuti" v-if="onaction == '4'">
<div style="height:58px;line-height:58px;">
<div style="color:#0006"> <span>商铺基本信息</span> <span style="padding:0 5px;">></span> <span
style="color:#000000e6">{{contractChangeReason}}</span></div>
</div>
<div style="padding: 20px 20px 20px 0;">
<add :info="detailsinfo" @removeonaction="removeonaction"></add>
</div>
</div>
|
|
0c5d2ce8
wesley88
1
|
141
|
<el-dialog :visible.sync="addcl" title="选择策略" width="65%" append-to-body center
|
|
2506ad54
wesley88
2
|
142
|
:close-on-click-modal="false" :close-on-press-escape="false" :show-close="false">
|
|
e75fe4fe
wesley88
2
|
143
|
<cl :type="'商铺'" :resourcesId="oncetype+oninfo.id" v-if="addcl" @minSev="minSev" @mingClose="mingClose"></cl>
|
|
2506ad54
wesley88
2
|
144
|
</el-dialog>
|
|
4373acf5
wesley88
1
|
145
146
147
148
149
150
151
152
|
</div>
</template>
<script>
import {
delList,
|
|
d64cd58f
wesley88
上传验收小程序
|
153
|
editList,
|
|
40a0b33d
杨鑫
'最新'
|
154
155
|
getAlls,
parkTrails
|
|
d64cd58f
wesley88
上传验收小程序
|
156
157
158
|
} from '@/api/information';
import add from '@/components/add/addinformation'
import resourceCommodity from '@/components/resourceCommodity/index'
|
|
2506ad54
wesley88
2
|
159
|
import cl from '@/components/change/cl.vue'
|
|
2506ad54
wesley88
2
|
160
|
import {
|
|
0c5d2ce8
wesley88
1
|
161
|
cereResourceStrategy,
|
|
ad921312
wesley88
1
|
162
163
|
editStatus,
cereBusinessOperationadd,
|
|
2506ad54
wesley88
2
|
164
|
} from '@/api/newly.js'
|
|
4373acf5
wesley88
1
|
165
166
167
|
export default {
data() {
return {
|
|
d64cd58f
wesley88
上传验收小程序
|
168
|
lvdaoList:[],
|
|
2506ad54
wesley88
2
|
169
170
171
172
|
oncetype:'',
addcl:false,
oninfo:{},
multipleSelection:[],
|
|
4373acf5
wesley88
1
|
173
174
175
|
contractChangeReason: '',
detailsinfo: {},
pagequery: {
|
|
d64cd58f
wesley88
上传验收小程序
|
176
177
|
belongingRegion:'',
shopName:'',
|
|
4373acf5
wesley88
1
|
178
179
|
pageNumber: 0,
pageSize: 10,
|
|
d64cd58f
wesley88
上传验收小程序
|
180
|
belongingGreenwaySection:'',
|
|
fa21ce0f
杨鑫
最新更改bug
|
181
182
|
belongingDepartment:'',
publishStatus:''
|
|
4373acf5
wesley88
1
|
183
184
185
|
},
tableData: [],
total: 0,
|
|
118fc86d
wesley88
1
|
186
|
onaction: '1',
|
|
4373acf5
wesley88
1
|
187
|
formInline: {
|
|
4373acf5
wesley88
1
|
188
189
190
|
},
}
},
|
|
118fc86d
wesley88
1
|
191
192
193
194
195
|
computed: {
regionOptions() {
return this.$store.state.app.regionOptions;
}
},
|
|
4373acf5
wesley88
1
|
196
|
components: {
|
|
2506ad54
wesley88
2
|
197
|
cl,
|
|
4373acf5
wesley88
1
|
198
199
200
|
add,
resourceCommodity,
},
|
|
d64cd58f
wesley88
上传验收小程序
|
201
|
async created() {
|
|
4373acf5
wesley88
1
|
202
|
this.getAll()
|
|
40a0b33d
杨鑫
'最新'
|
203
|
|
|
4373acf5
wesley88
1
|
204
205
|
},
methods: {
|
|
2506ad54
wesley88
2
|
206
207
208
209
210
211
212
|
minSev(e) {
this.multipleSelection = e
console.error(this.multipleSelection)
let ids = []
for (let index = 0; index < this.multipleSelection.length; index++) {
ids.push(this.multipleSelection[index].id)
}
|
|
ad921312
wesley88
1
|
213
|
console.error(ids)
|
|
2506ad54
wesley88
2
|
214
215
216
217
|
let c1 = {
resourcesId: this.oncetype+this.oninfo.id,
rentalPoliciesIds: ids,
}
|
|
a4aeeb1e
杨鑫
'最新'
|
218
219
220
221
222
223
224
|
if(c1.rentalPoliciesIds.length==0){
this.$message({
message: '请选择策略进行绑定',
type: 'warning'
})
return
}
|
|
2506ad54
wesley88
2
|
225
226
227
228
229
230
231
232
|
console.error(c1)
cereResourceStrategy(c1).then(res => {
if (res.code == 200) {
this.addcl = false
this.$message({
message: '绑定成功',
type: 'success'
})
|
|
0c5d2ce8
wesley88
1
|
233
234
|
editStatus({
resourcesId: this.oncetype+this.oninfo.id,
|
|
9b392fc6
wesley88
1
|
235
|
publishStatus: '1'
|
|
0c5d2ce8
wesley88
1
|
236
237
238
|
}).then(res => {
this.onSubmit()
})
|
|
90d96766
wesley88
1
|
239
240
241
242
243
244
245
246
|
cereBusinessOperationadd({
type:'发布',
resourceId: this.oncetype+this.oninfo.id,
operator: localStorage.getItem('roleName'),
operationTime: this.gettime()
}).then(res => {
console.error(res)
})
|
|
2506ad54
wesley88
2
|
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
|
} else {
this.$message({
message: '绑定失败',
type: 'error'
})
}
})
},
mingClose() {
this.multipleSelection = []
this.addcl = false
},
async opencl(row,e) {
this.oncetype = e
this.oninfo = row
this.multipleSelection = []
this.addcl = true
},
|
|
4373acf5
wesley88
1
|
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
|
gettime() {
// 获取当前时间
let currentTime = new Date();
// 获取年份
let year = currentTime.getFullYear();
// 获取月份（注意月份是从0开始计数的，所以需要加1）
let month = currentTime.getMonth() + 1;
// 获取日期
let day = currentTime.getDate();
// 获取小时
let hours = currentTime.getHours();
// 获取分钟
let minutes = currentTime.getMinutes();
// 获取秒数
let seconds = currentTime.getSeconds();
// 获取毫秒数
let milliseconds = currentTime.getMilliseconds();
// 格式化时间为 YYYY-MM-DD
let formattedDate = `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`;
// 格式化时间为 HH:MM:SS
let formattedTime =
`${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
// 格式化时间为 YYYY-MM-DD HH:MM:SS
let formattedDateTime = `${formattedDate} ${formattedTime}`;
return formattedDateTime
},
removeinfozz(row, e, tit) {
let that = this
this.$confirm('确定要' + tit + '吗？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
editList({
...row,
publishStatus: e
}).then(res => {
console.error(res)
if (res.code == 200) {
this.$message({
message: tit + '成功',
type: 'success'
})
|
|
ad921312
wesley88
1
|
319
320
321
322
323
324
325
326
327
|
cereBusinessOperationadd({
type:tit,
resourceId: 'sp'+row.id,
operator: localStorage.getItem('roleName'),
operationTime: that.gettime()
}).then(res => {
console.error(res)
})
|
|
4373acf5
wesley88
1
|
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
|
this.removeonaction('1')
} else {
this.$message({
message: res.msg,
type: 'error'
})
}
})
})
},
details(row) {
this.detailsinfo = row
this.onaction = '3'
},
removeinfo(row, e) {
this.contractChangeReason = e
this.detailsinfo = row
this.onaction = '4'
},
async getAll() {
const res = await getAlls(this.pagequery)
this.tableData = res.data.content
this.total = res.data.totalElements
},
removeonaction(e) {
console.error(e)
this.onaction = e
this.pagequery.pageNumber = 0
this.getAll()
},
handleCurrentChange(val) {
this.pagequery.pageNumber = val - 1
this.getAll()
},
handleSizeChange(val) {
this.pagequery.pageSize = val
|
|
90d96766
wesley88
1
|
365
366
|
this.pagequery.pageNumber = 0
this.getAll()
|
|
4373acf5
wesley88
1
|
367
368
369
370
371
372
373
374
375
|
},
// 查询按钮
async onSubmit() {
this.pagequery.pageNumber = 0
this.getAll()
},
//重置按钮
resetting() {
this.pagequery = {
|
|
d64cd58f
wesley88
上传验收小程序
|
376
377
|
belongingRegion:'',
shopName:'',
|
|
4373acf5
wesley88
1
|
378
379
|
pageNumber: 0,
pageSize: 10,
|
|
d64cd58f
wesley88
上传验收小程序
|
380
|
belongingGreenwaySection:'',
|
|
fa21ce0f
杨鑫
最新更改bug
|
381
382
|
belongingDepartment:'',
publishStatus:''
|
|
4373acf5
wesley88
1
|
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
|
},
this.getAll()
},
//删除
closemsg(item) {
const h = this.$createElement;
this.$msgbox({
title: '消息',
message: h('p', null, [
h('span', null, '是否删除 '),
]),
showCancelButton: true,
showClose: false,
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'oe-dialog-btn',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
delList({
id: item.id
}).then(res => {
this.$message({
message: '删除成功',
type: 'success'
})
this.getAll()
done();
})
} else {
done();
}
}
})
},
}
}
</script>
<style scoped>
|
|
4373acf5
wesley88
1
|
423
424
425
426
427
428
|
.zhuti {
padding: 0 20px 20px 20px;
min-height: calc(100vh - 50px - 20px);
background-color: #Fff;
}
|
|
4373acf5
wesley88
1
|
429
430
431
432
433
434
|
.chengeXia {
border-bottom: 6px solid #3F9B6A;
padding-bottom: 4px;
color: #3F9B6A;
}
|
|
4373acf5
wesley88
1
|
435
436
437
438
439
440
441
|
.formSearch {
display: flex;
width: 100%;
font-size: 14px;
justify-content: space-between;
}
|
|
4373acf5
wesley88
1
|
442
443
444
|
.greens {
color: #3F9B6A;
}
|
|
4373acf5
wesley88
1
|
445
446
447
448
449
450
451
452
453
454
455
|
.bg-purple-dark {
background: #99a9bf;
}
.bg-purple {
background: #d3dce6;
}
.bg-purple-light {
background: #e5e9f2;
}
|
|
4373acf5
wesley88
1
|
456
457
458
459
460
|
.grid-content {
border-radius: 4px;
min-height: 36px;
}
|
|
4373acf5
wesley88
1
|
461
462
463
464
465
|
</style>
<style lang="scss" scoped>
::v-deep .el-dialog__body {
padding: 0 0 !important;
}
|
|
2506ad54
wesley88
2
|
466
|
.el-dialog__header{
|
|
0c5d2ce8
wesley88
1
|
467
468
|
padding: 0;
display: none;
|
|
2506ad54
wesley88
2
|
469
|
}
|
|
4373acf5
wesley88
1
|
470
|
</style>
|
