|
|
@ -1,5 +1,5 @@ |
|
|
|
<template> |
|
|
|
<div v-if="pageLoading"> |
|
|
|
<div v-if="pageLoading" class="resi-container"> |
|
|
|
<resi-search |
|
|
|
v-if="searchList.length > 0" |
|
|
|
ref="resiSearch" |
|
|
@ -35,7 +35,7 @@ |
|
|
|
style="width: 100%" |
|
|
|
class="resi-table" |
|
|
|
> |
|
|
|
<el-table-column type="index" align="center" width="50"> |
|
|
|
<el-table-column label="序号" type="index" align="center" width="50"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
v-for="item in tableHeader" |
|
|
@ -43,7 +43,7 @@ |
|
|
|
:prop="item.columnName" |
|
|
|
:label="item.label" |
|
|
|
align="center" |
|
|
|
:width="item.itemType === 'radio' ? 80 : 180" |
|
|
|
:width="item.itemType === 'radio' ? computedWidth(item.label) : 180" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ handleFilterSpan(scope.row, item) }}</span> |
|
|
@ -66,31 +66,9 @@ |
|
|
|
class="btn-color-edit" |
|
|
|
>编辑</el-button |
|
|
|
> |
|
|
|
<!-- <el-popover placement="top" width="160" trigger="manual"> |
|
|
|
<p>删除之后无法回复,确认删除?</p> |
|
|
|
<div style="text-align: right; margin: 0"> |
|
|
|
<el-button size="mini" type="text" @click="rowVisible = false" |
|
|
|
>取消</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
size="mini" |
|
|
|
@click="handleDel(scope.row)" |
|
|
|
>确定</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
<el-button |
|
|
|
slot="reference" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="btn-color-del" |
|
|
|
@click="rowVisible = true" |
|
|
|
>删除</el-button |
|
|
|
> |
|
|
|
</el-popover> --> |
|
|
|
<el-popconfirm |
|
|
|
title="删除之后无法回复,确认删除?" |
|
|
|
@confirm="handleDel(scope.row)" |
|
|
|
@onConfirm="handleDel(scope.row)" |
|
|
|
> |
|
|
|
<el-button |
|
|
|
slot="reference" |
|
|
@ -273,6 +251,10 @@ export default { |
|
|
|
console.log('storeoooo----0000', this.$store) |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
computedWidth(label) { |
|
|
|
const wd = 20 * label.length |
|
|
|
return wd > 80 ? wd : 80 |
|
|
|
}, |
|
|
|
filterEdit(id) { |
|
|
|
const { user } = this.$store.state |
|
|
|
return id === user.agencyId |
|
|
@ -428,7 +410,7 @@ export default { |
|
|
|
}, |
|
|
|
async handleLook(row) { |
|
|
|
this.disabled = true |
|
|
|
await this.getFormList() |
|
|
|
await this.getFormList('edit') |
|
|
|
this.getrowInfo(row.icResiUserId) |
|
|
|
}, |
|
|
|
async handleEdit(row) { |
|
|
@ -862,10 +844,31 @@ export default { |
|
|
|
} |
|
|
|
.el-tabs__nav-next, |
|
|
|
.el-tabs__nav-prev { |
|
|
|
// width: 12px; |
|
|
|
// height: 12px; |
|
|
|
color: rgba(30, 122, 254, 1); |
|
|
|
line-height: 20px; |
|
|
|
background: rgba(30, 122, 254, .2); |
|
|
|
// border-radius: 50%; |
|
|
|
} |
|
|
|
.el-tabs__item.is-active { |
|
|
|
color: #fff; |
|
|
|
background: linear-gradient(90deg, #1A5AFD, #26C4FF); |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-container .resi-card-table { |
|
|
|
.el-table th { |
|
|
|
color: #fff; |
|
|
|
background-color: rgba(33, 149, 254, 1); |
|
|
|
border-right: 1px solid rgba(33, 149, 254, 1);; |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-table { |
|
|
|
// .el-table__header-wrapper .el-table__header th { |
|
|
|
// color: #fff; |
|
|
|
// background-color: rgba(33, 149, 254, 1); |
|
|
|
// border-right: 1px solid rgba(33, 149, 254, 1);; |
|
|
|
// } |
|
|
|
.el-button--text { |
|
|
|
text-decoration: underline; |
|
|
|
} |
|
|
@ -888,6 +891,16 @@ export default { |
|
|
|
margin-bottom: 13px; |
|
|
|
.el-button { |
|
|
|
margin-left: 10px; |
|
|
|
border: 0; |
|
|
|
} |
|
|
|
.el-button--success { |
|
|
|
background: rgba(34, 193, 195, 1); |
|
|
|
} |
|
|
|
.el-button--warning { |
|
|
|
background: rgba(254, 179, 73, 1); |
|
|
|
} |
|
|
|
.el-button--danger { |
|
|
|
background: rgba(254, 98, 82, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-other { |
|
|
|