style:列表增加数组渲染方法，搜索功能显示搜索条件的完善

@@ -13,29 +13,29 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
-import Logo from './Logo'
-import SidebarItem from './SidebarItem'
-import variables from '@/styles/variables.scss'
-import { asyncRoutes } from '@/router'
-export default {
-  components: { SidebarItem, Logo },
-  computed: {
-    ...mapGetters(['permission_routes', 'sidebar']),
-    activeMenu () {
-      const route = this.$route
-      const { meta, path } = route
-      if (meta.activeMenu) {
-        return meta.activeMenu
+  import { mapGetters } from 'vuex'
+  import Logo from './Logo'
+  import SidebarItem from './SidebarItem'
+  import variables from '@/styles/variables.scss'
+  import { asyncRoutes } from '@/router'
+  export default {
+    components: { SidebarItem, Logo },
+    computed: {
+      ...mapGetters(['permission_routes', 'sidebar']),
+      activeMenu () {
+        const route = this.$route
+        const { meta, path } = route
+        if (meta.activeMenu) {
+          return meta.activeMenu
+        }
+        return path
+      },
+      variables () {
+        return variables
+      },
+      asyncRoutes () {
+        return asyncRoutes
       }
-      return path
-    },
-    variables () {
-      return variables
-    },
-    asyncRoutes () {
-      return asyncRoutes
     }
   }
-}
 </script>

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-28 15:31:31
+ * @LastEditTime: 2023-09-25 10:56:39
  */
 import store from '@/store'
 // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器
@@ -110,4 +110,11 @@ export default class filter {
 
     return text;
   }
+  joinItem (val) {
+    if (Array.isArray(val) && val.length > 0) {
+      return val.join()
+    } else {
+      return val
+    }
+  }
 }

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-05-17 10:42:40
+ * @LastEditTime: 2023-09-25 09:31:27
  */
 export default {
   data () {
@@ -12,7 +12,6 @@ export default {
     }
   },
   methods: {
-    // 点击高级查询弹出查询弹框
     /**
      * @description: 点击高级查询弹出查询弹框
      * @author: renchao
@@ -21,7 +20,6 @@ export default {
       this.isSearch = true
 
     },
-    // 查询事件
     /**
      * @description: 查询事件
      * @param {*} bs
@@ -36,7 +34,6 @@ export default {
         }
       })
     },
-    // 清空单个表单
     /**
      * @description: 清空单个表单
      * @param {*} el
@@ -62,7 +59,6 @@ export default {
       }
       this.searchForm[el] = ''
     },
-    // 删除单个查询条件
     /**
      * @description: 删除单个查询条件
      * @param {*} item
@@ -92,7 +88,8 @@ export default {
     iterationData () {
       let obj = {
         ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称',
-        qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间'
+        bdcdyh: '不动产单元号',
+        sqrmc: '申请人', sqrzjhm: '申请人证件号', zl: '坐落'
       }
       this.searchList = Object.entries({ ...this.searchForm, ...this.otherForm }).map((item) => {
         const [name, value] = item
@@ -109,7 +106,6 @@ export default {
       this.iterationData()
       this.queryClick()
     },
-    // 清空查询条件
     /**
      * @description: 清空查询条件
      * @author: renchao
@@ -120,7 +116,11 @@ export default {
         ywly: "",
         qllx: "",
         djlx: "",
-        ywh: ""
+        ywh: "",
+        bdcdyh: "",
+        sqrmc: "",
+        sqrzjhm: "",
+        zl: ""
       }
       this.otherForm = {}
       this.searchList = []

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-21 14:49:29
+ * @LastEditTime: 2023-09-25 10:33:39
 -->
 <template>
   <div class="from-clues">
@@ -221,14 +221,18 @@
       };
     },
     methods: {
-      // 列表渲染接口
       /**
        * @description: 列表渲染接口
        * @author: renchao
        */
       queryClick () {
         this.$startLoading();
-        this.searchForm.ywh = this.queryForm.ywh;
+        const { ywh, bdcdyh, sqrmc, sqrzjhm, zl } = this.queryForm;
+        this.searchForm.ywh = ywh;
+        this.searchForm.bdcdyh = bdcdyh;
+        this.searchForm.sqrmc = sqrmc;
+        this.searchForm.sqrzjhm = sqrzjhm;
+        this.searchForm.zl = zl;
         this.iterationData();
         searchTaskToDo({
           ...this.queryForm,

 /*
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-09-20 17:17:22
+ * @LastEditTime: 2023-09-25 10:58:15
  */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -62,7 +62,11 @@ class data extends filter {
         align: 'center',
         minWidth: '100',
         render: (h, scope) => {
-          return <el-link type="primary" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-link>
+          return (
+            <el-tooltip effect="dark" content={this.joinItem(scope.row.ywh)} placement="top" popper-class="tooltip-width ">
+              <el-link type="primary" onClick={() => { vm.ywhClick(scope.row) }}>{this.joinItem(scope.row.ywh)}</el-link>
+            </el-tooltip>
+          );
         }
       },
       {
@@ -81,8 +85,8 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <div>
-              <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width ">
-                <span class="ellipsis-table"> {scope.row.qlrmc}</span>
+              <el-tooltip effect="dark" content={this.joinItem(scope.row.qlrmc)} placement="top" popper-class="tooltip-width ">
+                <span class="ellipsis-table"> {this.joinItem(scope.row.qlrmc)}</span>
               </el-tooltip>
             </div>
           )
@@ -94,8 +98,8 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <div>
-              <el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width ">
-                <span class="ellipsis-table"> {scope.row.ywrmc}</span>
+              <el-tooltip effect="dark" content={this.joinItem(scope.row.ywrmc)} placement="top" popper-class="tooltip-width ">
+                <span class="ellipsis-table"> {this.joinItem(scope.row.ywrmc)}</span>
               </el-tooltip>
             </div>
           )

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-21 14:24:21
+ * @LastEditTime: 2023-09-25 10:01:40
 -->
 <template>
   <div class="from-clues">
@@ -197,12 +197,20 @@
           qllx: "",
           djlx: "",
           ywh: "",
+          bdcdyh: "",
+          sqrmc: "",
+          sqrzjhm: "",
+          zl: ""
         },
         searchForm: {
           ywlymc: "",
           qllxmc: "",
           djlxmc: "",
           ywh: "",
+          bdcdyh: "",
+          sqrmc: "",
+          sqrzjhm: "",
+          zl: ""
         },
         tableData: {
           total: 0,
@@ -223,7 +231,12 @@
        */
       queryClick () {
         this.$startLoading();
-        this.searchForm.ywh = this.queryForm.ywh;
+        const { ywh, bdcdyh, sqrmc, sqrzjhm, zl } = this.queryForm;
+        this.searchForm.ywh = ywh;
+        this.searchForm.bdcdyh = bdcdyh;
+        this.searchForm.sqrmc = sqrmc;
+        this.searchForm.sqrzjhm = sqrzjhm;
+        this.searchForm.zl = zl;
         this.iterationData();
         searchTaskDone({
           ...this.queryForm,

 /*
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-09-18 11:07:59
+ * @LastEditTime: 2023-09-25 10:59:16
  */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -56,7 +56,7 @@ class data extends filter {
         label: "业务号",
         width: '100',
         render: (h, scope) => {
-          return <el-link type="primary" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-link>
+          return <el-link type="primary" onClick={() => { vm.ywhClick(scope.row) }}>{this.joinItem(scope.row.ywh)}</el-link>
         }
       },
       {
@@ -70,8 +70,8 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <div>
-              <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width ">
-                <span class="ellipsis-table"> {scope.row.qlrmc}</span>
+              <el-tooltip effect="dark" content={this.joinItem(scope.row.qlrmc)} placement="top" popper-class="tooltip-width ">
+                <span class="ellipsis-table"> {this.joinItem(scope.row.qlrmc)}</span>
               </el-tooltip>
             </div>
           )
@@ -83,8 +83,8 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <div>
-              <el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width">
-                <span class="ellipsis-table"> {scope.row.ywrmc}</span>
+              <el-tooltip effect="dark" content={this.joinItem(scope.row.ywrmc)} placement="top" popper-class="tooltip-width">
+                <span class="ellipsis-table"> {this.joinItem(scope.row.ywrmc)}</span>
               </el-tooltip>
             </div>
           )