style:业务办理

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-06-15 16:59:40
+-->
 <template>
   <div class="from-clues">
     <!-- 表单部分 -->
@@ -42,9 +47,85 @@
     <!-- 表格 -->
     <div class="from-clues-content loadingtext">
       分割合并前权利信息
-      <lb-table ref="table" @row-click="handleRowClick" heightNumSetting :pagination=false
+      <!-- <lb-table ref="table" @row-click="handleRowClick" heightNumSetting :pagination=false
         :column="tableData.columns" :data="tableData.data">
-      </lb-table>
+      </lb-table> -->
+      <el-table
+        :data="tableData.data"
+        height="230"
+        border
+        :cell-style="{ textAlign: 'center' }"
+        :header-cell-style="{textAlign: 'center'}"
+        @row-click="handleRowClick"
+        style="width: 100%">
+        <el-table-column
+          label="选择"
+          width="50">
+          <template slot-scope="scope">
+            <el-radio v-model="radioVal" :label="scope.row.bhqkbsm">{{''}}</el-radio>
+          </template>
+        </el-table-column>
+        <el-table-column
+          type="index"
+          label="序号"
+          width="50">
+        </el-table-column>
+        <el-table-column
+          label="状态"
+          width="150">
+          <template slot-scope="scope">
+            <a style='color:#3498db;' v-show="scope.row.djblzt==1">正在办理</a>
+            <span v-show="scope.row.zjgcdyzt==1">>,在建工程抵押</span>
+            <span v-show="scope.row.ycfzt==1">>,已预查封</span>
+            <span v-show="scope.row.ycfzt==1">>,已预查封</span>
+            <span v-show="scope.row.cfzt==1">>,已查封</span>
+            <span v-show="scope.row.diyizt==1">>,已地役</span>
+            <span v-show="scope.row.yyzt==1">>,异议中</span>
+            <span v-show="scope.row.xzzt==1">,已限制</span>
+            <span v-show="scope.row.ygmmzt==1">>,已预告买卖</span>
+            <span v-show="scope.row.ygdyzt==1">>,已预告抵押</span>
+            <span v-show="scope.row.dyzt==1">>,已抵押</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          property="qllxmc"
+          label="权利类型">
+        </el-table-column>
+        <el-table-column
+          property="bdcdyh"
+          label="不动产单元号"
+          width="150">
+        </el-table-column>
+        <el-table-column
+          property="bdcqzh"
+          label="不动产权证号"
+          width="160">
+        </el-table-column>
+        <el-table-column
+          property="qlrmc"
+          label="使用权人">
+        </el-table-column>
+        <el-table-column
+          property="qlrzjhm"
+          label="证件号">
+        </el-table-column>
+        <el-table-column
+          property="qlxzmc"
+          label="权利性质">
+        </el-table-column>
+        <el-table-column
+          property="mj"
+          label="使用权面积">
+        </el-table-column>
+        <el-table-column
+          label="操作"
+          width="80">
+          <template slot-scope="scope">
+            <el-button type="text" icon="el-icon-edit-outline" @click="openBook(scope.row)">登记薄</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
     </div>
     <div class="from-clues-content loadingtext">
       分割合并后宗地信息
@@ -98,6 +179,14 @@
         radioVal: ""
       }
     },
+    watch: {
+      radioVal: {
+        deep: true,
+        handler (newVal, oldVal) {
+          this.close()
+        }
+      }
+    },
     mounted () {
       sendThis(this)
     },
@@ -118,7 +207,6 @@
         })
       },
       queryClick () {
-         console.log("申请业务单一流向状态土地分割合并",this.sqywInfo.sqywdylx);
         this.$startLoading();
         this.queryForm.sqywbm = this.sqywInfo.djywbm;
         selectJsydQlxxSplitMergeBefore({ ...this.queryForm, ...this.pageData }).then((res) => {
@@ -171,22 +259,22 @@
           formData: param
         })
       },
-         select(selection, row){
-         if(this.sqywInfo.sqywdylx=="1"){
+      select (selection, row) {
+        if (this.sqywInfo.sqywdylx == "1") {
           // 清除 所有勾选项
           this.$refs.table.clearSelection()
           // 当表格数据都没有被勾选的时候 就返回
           // 主要用于将当前勾选的表格状态清除
-        if(selection.length == 0) return
+          if (selection.length == 0) return
           this.$refs.table.toggleRowSelection(row, true);
         }
       },
-      handleRowClick(row){
+      handleRowClick (row) {
         // 如果状态是1，那就是单选
-        if(this.sqywInfo.sqywdylx=="1"){
+        if (this.sqywInfo.sqywdylx == "1") {
           const bdcdysz = this.bdcdysz
           this.$refs.table.clearSelection()
-               if( bdcdysz.length == 1 ) {
+          if (bdcdysz.length == 1) {
             bdcdysz.forEach(item => {
               // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
               if (item == row) {
@@ -201,7 +289,7 @@
           else {
             this.$refs.table.toggleRowSelection(row, true);
           }
-         }else{
+        } else {
           this.$refs.table.toggleRowSelection(row);
         }
       },
@@ -211,4 +299,7 @@
 <style scoped lang="scss">
   @import "~@/styles/mixin.scss";
   @import "~@/styles/public.scss";
+  /deep/.el-radio__label {
+    display: none;
+  }
 </style>

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-05-17 10:37:24
+ * @LastEditTime: 2023-06-15 16:23:57
  */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -9,9 +9,6 @@ let vm = null
 const sendThis = (_this) => {
   vm = _this
 }
-// const sendThiss= (_this) => {
-//   vm1 = _this
-// }
 class data extends filter {
   constructor() {
     super()
@@ -188,9 +185,9 @@ class datatwo  extends filter {
 
 }
 let datas = new data()
-let datastwo = new datatwo ()
+let datastwo = new datatwo()
 export {
   datas,
-  datastwo ,
+  datastwo,
   sendThis
 }