style:国有建设用地使用权自然幢多幢业务拆分

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-10-10 15:54:58
+ * @LastEditTime: 2023-10-10 16:32:22
 -->
 <template>
   <div class="from-clues">
@@ -62,7 +62,7 @@
       </div>
       <div class="from-clues-content loadingtext">
         <lb-table ref="table1" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
-          :current-page.sync="pageData.currentPage" :total="zrztableData.total" @size-change="handleSizeChange" @select="select"
+          :current-page.sync="pageData.currentPage" :total="zrztableData.total"
           @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="zrztableData.columns"
           :data="zrztableData.data">
         </lb-table>
@@ -90,7 +90,6 @@
             </el-col>
             <el-col :span="10" class="btnColRight">
               <el-form-item>
-                <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> -->
                 <el-button type="primary" @click="handleSearch">查询</el-button>
               </el-form-item>
             </el-col>
@@ -100,7 +99,7 @@
       </div>
       <div class="from-clues-content loadingtext">
         <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="262"
-          :current-page.sync="pageData.currentPage" :total="dztableData.total" @size-change="handleSizeChange" @select="select"
+          :current-page.sync="pageData.currentPage" :total="dztableData.total" @size-change="handleSizeChange"
           @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="dztableData.columns"
           :data="dztableData.data">
         </lb-table>
@@ -132,6 +131,7 @@
       return {
         loading: false,
         activeName: 'zrz',
+        radioVal: '',
         queryzrzForm: {
           qllx: '',
           bdcdyh: '',
@@ -159,6 +159,28 @@
     },
     mounted () {
       sendThis(this)
+      if (this.sqywInfo.djywbm == 'B37100') {
+        this.zrztableData.columns =
+          [{
+            type: 'selection',
+            label: '全选',
+            width: '50'
+          }].concat(datas.zrzcolumns())
+      } else {
+        this.zrztableData.columns = [{
+          label: '选择',
+          width: '50px',
+          render: (h, scope) => {
+            return (
+              <div class="orgColumn">
+                <el-radio onChange={() => { this.handleZrzChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}>
+                  &ensp;
+                </el-radio>
+              </div>
+            )
+          }
+        }].concat(datas.zrzcolumns())
+      }
     },
     methods: {
       /**
@@ -287,15 +309,7 @@
        * @author: renchao
        */
       handleSelectionChange (val) {
-        if (this.sqywInfo.sqywdylx == "1") {
-          if (val.length > 1) {
-            this.bdcdysz = [...val[val.length - 1]];
-          } else {
-            this.bdcdysz = val;
-          }
-        } else {
         this.bdcdysz = val;
-        }
       },
       /**
        * @description: handleLpbClick
@@ -310,21 +324,10 @@
           scyclx: 1
         }, '85%', true, false)
       },
-      /**
-       * @description: select
-       * @param {*} selection
-       * @param {*} row
-       * @author: renchao
-       */
-      select (selection, row) {
-        if (this.sqywInfo.sqywdylx == "1") {
-          // 清除 所有勾选项
-          this.$refs.table.clearSelection()
-          // 当表格数据都没有被勾选的时候 就返回
-          // 主要用于将当前勾选的表格状态清除
-          if (selection.length == 0) return
-          this.$refs.table.toggleRowSelection(row, true);
-        }
+      // 自然幢单选
+      handleZrzChange () {
+        let arr = this.zrztableData.data.filter(item => item.bdcdyid == this.radioVal)
+        this.bdcdysz = arr
       },
       /**
        * @description: handleRowClick
@@ -333,22 +336,26 @@
        */
       handleRowClick (row) {
         // 自然幢单选，多幢多选
+        let that = this
         let refs = 'table1';
         if (this.activeName == 'dz') {
           refs = 'table';
         } else {
-          this.sqywInfo.djywbm !== 'B37100' && this.$refs[refs].clearSelection()
+          if (this.sqywInfo.djywbm !== 'B37100') {
+            that.bdcdysz = [row]
+            that.radioVal = row.bdcdyid
           }
-        const bdcdysz = this.bdcdysz
+        }
+        const bdcdysz = that.bdcdysz
         if (bdcdysz.length > 0) {
           bdcdysz.forEach(item => {
             // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
             if (item == row) {
-              this.$nextTick(() => { this.$refs[refs].toggleRowSelection(row, false); })
+              that.$nextTick(() => { that.$refs[refs].toggleRowSelection(row, false); })
             }
             // 不然就让当前的一行勾选
             else {
-              this.$refs[refs].toggleRowSelection(row, true);
+              that.$refs[refs].toggleRowSelection(row, true);
             }
           })
         }

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-29 13:05:13
+ * @LastEditTime: 2023-10-10 16:32:09
  */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -16,12 +16,6 @@ class data extends filter {
   zrzcolumns () {
     return [
       {
-        type: 'selection',
-        label: '全选',
-        width: '50',
-        selectable: this.selected
-      },
-      {
         label: '序号',
         type: 'index',
         width: '50',
@@ -152,8 +146,7 @@ class data extends filter {
       {
         type: 'selection',
         label: '全选',
-        width: '50',
-        selectable: this.selected
+        width: '50'
       },
       {
         label: '序号',