673d18d4 by renchao@pashanhoo.com

style:table组件的完善

1 parent 665825f3
......@@ -83,7 +83,11 @@
display: block
}
}
.el-input__prefix {display: none;}
.el-input__prefix {
display: none;
}
// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
display: inline-flex !important;
......@@ -185,6 +189,18 @@
color: #4A4A4A;
}
// table换行
.el-tooltip__popper {
max-width: 80%;
}
.el-table .el-tooltip span {
white-space: pre-wrap !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.el-table tr:nth-child(even) {
background: #FCFDFD !important;
......
......@@ -363,7 +363,7 @@ aside {
overflow: hidden;
text-overflow: ellipsis;
overflow-wrap: break-word;
-webkit-line-clamp: 3;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-04-10 13:47:54
* @LastEditTime: 2023-04-19 14:27:26
*/
import store from '@/store'
// table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器
......@@ -37,7 +37,10 @@ export default class filter {
return name
}
}
getDictData (val) {
filterHtml (content) {
return content.replace(/<[^>]+>/g, '');
}
getDictData (val) {
return store.getters.dictData[val]
}
}
\ No newline at end of file
......
......@@ -34,7 +34,9 @@ class data extends filter {
label: "通知内容",
minWidth: '170',
render: (h, scope) => {
return <div class="item-cwnr" domPropsInnerHTML={scope.row.noticeContent}></div>
return <el-tooltip effect="dark" content={this.filterHtml(scope.row.noticeContent)} placement="top">
<div class="item-cwnr" domPropsInnerHTML={scope.row.noticeContent}></div>
</el-tooltip>
}
},
{
......
......@@ -23,10 +23,10 @@ class data extends filter {
label: "流程状态",
width: '80',
render: (h, scope) => {
if(scope.row.cfgqzt == '1'){
if (scope.row.cfgqzt == '1') {
return <div class='suspend'>查封挂起</div>
}
if(scope.row.yygqzt == '1'){
if (scope.row.yygqzt == '1') {
return <div class='suspend'>异议挂起</div>
}
switch (scope.row.lczt) {
......@@ -62,6 +62,7 @@ class data extends filter {
{
prop: "sqywmc",
label: "申请业务名称",
minWidth: '120',
},
{
label: "权利人",
......@@ -86,10 +87,13 @@ class data extends filter {
{
prop: "zlStr",
label: "坐落",
minWidth: '150',
showOverflowTooltip: true
},
{
prop: "slsj",
label: "受理时间",
width: '140',
sortable: 'custom'
},
{
......
......@@ -46,6 +46,7 @@ class data extends filter {
{
prop: "operationtime",
label: "领取时间",
width: '140'
},
{
prop: "receiver",
......@@ -65,7 +66,7 @@ class data extends filter {
},
{
label: '操作',
width: '180',
width: '130',
render: (h, scope) => {
switch (scope.row.state) {
case '0':
......