style:table组件的完善

@@ -83,7 +83,11 @@
     display: block
     display: block
   }
   }
 }
 }
-.el-input__prefix {display: none;}
+
+.el-input__prefix {
+  display: none;
+}
+
 // fix date-picker ui bug in filter-item
 // fix date-picker ui bug in filter-item
 .el-range-editor.el-input__inner {
 .el-range-editor.el-input__inner {
   display: inline-flex !important;
   display: inline-flex !important;
@@ -185,6 +189,18 @@
   color: #4A4A4A;
   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) {
 .el-table tr:nth-child(even) {
   background: #FCFDFD !important;
   background: #FCFDFD !important;

@@ -363,7 +363,7 @@ aside {
   overflow: hidden;
   overflow: hidden;
   text-overflow: ellipsis;
   text-overflow: ellipsis;
   overflow-wrap: break-word;
   overflow-wrap: break-word;
-  -webkit-line-clamp: 3;
+  -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   -webkit-box-orient: vertical;
 }
 }
 
 

 /*
 /*
  * @Description: 
  * @Description: 
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-04-10 13:47:54
+ * @LastEditTime: 2023-04-19 14:27:26
  */
  */
 import store from '@/store'
 import store from '@/store'
 // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器
 // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器
@@ -37,7 +37,10 @@ export default class filter {
       return name
       return name
     }
     }
   }
   }
-  getDictData (val) { 
+  filterHtml (content) {
+    return content.replace(/<[^>]+>/g, '');
+  }
+  getDictData (val) {
     return store.getters.dictData[val]
     return store.getters.dictData[val]
   }
   }
 }
 }
\ No newline at end of file

@@ -34,7 +34,9 @@ class data extends filter {
         label: "通知内容",
         label: "通知内容",
         minWidth: '170',
         minWidth: '170',
         render: (h, scope) => {
         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: "流程状态",
         label: "流程状态",
         width: '80',
         width: '80',
         render: (h, scope) => {
         render: (h, scope) => {
-          if(scope.row.cfgqzt == '1'){
+          if (scope.row.cfgqzt == '1') {
             return <div class='suspend'>查封挂起</div>
             return <div class='suspend'>查封挂起</div>
           }
           }
-          if(scope.row.yygqzt == '1'){
+          if (scope.row.yygqzt == '1') {
             return <div class='suspend'>异议挂起</div>
             return <div class='suspend'>异议挂起</div>
           }
           }
           switch (scope.row.lczt) {
           switch (scope.row.lczt) {
@@ -62,6 +62,7 @@ class data extends filter {
       {
       {
         prop: "sqywmc",
         prop: "sqywmc",
         label: "申请业务名称",
         label: "申请业务名称",
+        minWidth: '120',
       },
       },
       {
       {
         label: "权利人",
         label: "权利人",
@@ -86,10 +87,13 @@ class data extends filter {
       {
       {
         prop: "zlStr",
         prop: "zlStr",
         label: "坐落",
         label: "坐落",
+        minWidth: '150',
+        showOverflowTooltip: true
       },
       },
       {
       {
         prop: "slsj",
         prop: "slsj",
         label: "受理时间",
         label: "受理时间",
+        width: '140',
         sortable: 'custom'
         sortable: 'custom'
       },
       },
       {
       {

@@ -46,6 +46,7 @@ class data extends filter {
       {
       {
         prop: "operationtime",
         prop: "operationtime",
         label: "领取时间",
         label: "领取时间",
+        width: '140'
       },
       },
       {
       {
         prop: "receiver",
         prop: "receiver",
@@ -65,7 +66,7 @@ class data extends filter {
       },
       },
       {
       {
         label: '操作',
         label: '操作',
-        width: '180',
+        width: '130',
         render: (h, scope) => {
         render: (h, scope) => {
           switch (scope.row.state) {
           switch (scope.row.state) {
             case '0':
             case '0':