Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
38c90d66 by renchao@pashanhoo.com
Options

style:table超过显示省略号

1 parent f942f28e
Inline Side-by-side
Showing 5 changed files with 38 additions and 20 deletions
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-28 15:43:41 4 * @LastEditTime: 2023-08-28 15:48:06
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
...@@ -73,7 +73,7 @@ class data extends filter { ...@@ -73,7 +73,7 @@ class data extends filter {
73 { 73 {
74 prop: "bdcdyh", 74 prop: "bdcdyh",
75 label: "不动产单元号", 75 label: "不动产单元号",
76 minWidth: '170', 76 minWidth: '150',
77 }, 77 },
78 { 78 {
79 label: "权利人", 79 label: "权利人",
......
...@@ -67,9 +67,6 @@ class data extends filter { ...@@ -67,9 +67,6 @@ class data extends filter {
67 prop: "ywh", 67 prop: "ywh",
68 label: "业务号", 68 label: "业务号",
69 width: '110', 69 width: '110',
70 // render: (h, scope) => {
71 // return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button>
72 // }
73 }, 70 },
74 { 71 {
75 prop: "qllxmc", 72 prop: "qllxmc",
...@@ -84,14 +81,12 @@ class data extends filter { ...@@ -84,14 +81,12 @@ class data extends filter {
84 { 81 {
85 prop: "bdcdyh", 82 prop: "bdcdyh",
86 label: "不动产单元号", 83 label: "不动产单元号",
87 width: '150', 84 minWidth: '150',
88 showOverflowTooltip: true
89 }, 85 },
90 { 86 {
91 prop: "bdcqzh", 87 prop: "bdcqzh",
92 label: "不动产权证号", 88 label: "不动产权证号",
93 width: '150', 89 minWidth: '150'
94 showOverflowTooltip: true
95 }, 90 },
96 { 91 {
97 prop: "qlrmc", 92 prop: "qlrmc",
......
...@@ -8,7 +8,7 @@ class data extends filter { ...@@ -8,7 +8,7 @@ class data extends filter {
8 constructor() { 8 constructor() {
9 super() 9 super()
10 } 10 }
11 columns() { 11 columns () {
12 return [ 12 return [
13 { 13 {
14 label: '序号', 14 label: '序号',
...@@ -81,11 +81,16 @@ class data extends filter { ...@@ -81,11 +81,16 @@ class data extends filter {
81 width: '120', 81 width: '120',
82 }, 82 },
83 { 83 {
84 prop: "zl",
85 label: "坐落", 84 label: "坐落",
86 minWidth: '150', 85 minWidth: '150',
87 showOverflowTooltip: true 86 render: (h, scope) => {
88 }, 87 return (
88 <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
89 <span class="ellipsis-table"> {scope.row.zl}</span>
90 </el-tooltip>
91 )
92 }
93 },
89 { 94 {
90 prop: "slsj", 95 prop: "slsj",
91 label: "受理时间", 96 label: "受理时间",
......
...@@ -65,8 +65,14 @@ class data extends filter { ...@@ -65,8 +65,14 @@ class data extends filter {
65 { 65 {
66 prop: "bdcqzh", 66 prop: "bdcqzh",
67 label: "不动产权证号", 67 label: "不动产权证号",
68 width: '150', 68 minWidth: '150',
69 showOverflowTooltip: true 69 render: (h, scope) => {
70 return (
71 <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
72 <span class="ellipsis-table"> {scope.row.bdcqzh}</span>
73 </el-tooltip>
74 )
75 }
70 }, 76 },
71 { 77 {
72 prop: "qlr", 78 prop: "qlr",
...@@ -81,11 +87,18 @@ class data extends filter { ...@@ -81,11 +87,18 @@ class data extends filter {
81 { 87 {
82 prop: "bdcdyh", 88 prop: "bdcdyh",
83 label: "不动产单元号", 89 label: "不动产单元号",
84 minWidth: '110' 90 minWidth: '150',
85 }, 91 },
86 { 92 {
87 prop: "zl", 93 label: "坐落",
88 label: "坐落" 94 minWidth: '150',
95 render: (h, scope) => {
96 return (
97 <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
98 <span class="ellipsis-table"> {scope.row.zl}</span>
99 </el-tooltip>
100 )
101 }
89 }, 102 },
90 { 103 {
91 label: "证书内容", 104 label: "证书内容",
......
...@@ -74,10 +74,15 @@ class data extends filter { ...@@ -74,10 +74,15 @@ class data extends filter {
74 label: "序列号" 74 label: "序列号"
75 }, 75 },
76 { 76 {
77 prop: "bdcqzh",
78 label: "不动产权证号", 77 label: "不动产权证号",
79 width: '150', 78 width: '150',
80 showOverflowTooltip: true 79 render: (h, scope) => {
80 return (
81 <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
82 <span class="ellipsis-table"> {scope.row.bdcqzh}</span>
83 </el-tooltip>
84 )
85 }
81 }, 86 },
82 { 87 {
83 label: '操作', 88 label: '操作',
......