业务申请选择不动产tabs调整

-import dialogBox from '@/components/DialogBox/dialogBox.vue'
+import dialogBox from '@/components/dialogBox/dialogBox.vue'
 import LbTable from '@/components/LbTable/lb-table.vue'
 import Theme from '@/components/Theme/theme.vue'
 import Popup from '@/components/Popup/index'
@@ -11,4 +11,4 @@ export default {
     Vue.prototype.$popup = Popup.install;
     Vue.prototype.$alertMes = MessageBox.alert;
   }
-}
\ No newline at end of file
+}

@@ -4,209 +4,294 @@
       <el-tab-pane label="自然幢" name="zrz"></el-tab-pane>
       <el-tab-pane label="多幢" name="h"></el-tab-pane>
     </el-tabs>
+    <div v-if="activeName == 'zrz'">
+      <div class="from-clues-header">
+        <el-form :model="queryForm" ref="queryForm" label-width="110px">
+          <el-row>
+            <el-col :span="7">
+              <el-form-item label="宗地代码">
+                <el-input placeholder="请输入宗地代码" v-model="queryForm.zddm" clearable>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item label="土地证号">
+                <el-input placeholder="请输入土地证号" v-model="queryForm.bdcqzh" clearable>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item label="土地坐落">
+                <el-input placeholder="请输入土地坐落" v-model="queryForm.zl" clearable>
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="7">
+              <el-form-item label="自然幢号">
+                <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh" clearable>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item label="项目名称">
+                <el-input placeholder="请输入项目名称" v-model="queryForm.xmmc"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item label="建筑物名称">
+                <el-input placeholder="请输入建筑物名称" v-model="queryForm.jzwmc" clearable>
+                </el-input>
+              </el-form-item>
+            </el-col>
 
-    <div class="from-clues-header">
-      <el-form :model="queryForm" ref="queryForm" label-width="110px">
-        <el-row>
-          <el-col :span="7">
-            <el-form-item label="宗地代码">
-              <el-input placeholder="请输入宗地代码" v-model="queryForm.zddm" clearable>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="7">
-            <el-form-item label="土地证号">
-              <el-input placeholder="请输入土地证号" v-model="queryForm.bdcqzh" clearable>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="7">
-            <el-form-item label="土地坐落">
-              <el-input placeholder="请输入土地坐落" v-model="queryForm.zl" clearable>
-              </el-input>
-            </el-form-item>
-          </el-col>
-
-        </el-row>
-        <el-row>
-          <el-col :span="7">
-            <el-form-item label="自然幢号">
-              <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh" clearable>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="7">
-            <el-form-item label="项目名称">
-              <el-input placeholder="请输入项目名称" v-model="queryForm.xmmc"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="7">
-            <el-form-item label="建筑物名称">
-              <el-input placeholder="请输入建筑物名称" v-model="queryForm.jzwmc" clearable>
-              </el-input>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="3" class="btnColRight">
-            <el-form-item>
-              <el-button type="primary" @click="handleSearch">查询</el-button>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-    </div>
-    <div class="from-clues-content">
-      <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
-        :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
-        @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
-        :data="tableData.data">
-      </lb-table>
+            <el-col :span="3" class="btnColRight">
+              <el-form-item>
+                <el-button type="primary" @click="handleSearch">查询</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <div class="from-clues-content">
+        <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
+          :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
+          @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
+          :data="tableData.data">
+        </lb-table>
+      </div>
+      <div class="submit_button">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      </div>
     </div>
-    <div class="submit_button">
-      <el-button @click="closeDialog">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+    <div v-if="activeName == 'h'">
+      <div class="from-clues-header">
+        <el-form :model="queryFormduo" ref="queryFormduo" label-width="110px">
+          <el-row>
+            <el-col :span="7">
+              <el-form-item label="宗地代码">
+                <el-input placeholder="请输入宗地代码" v-model="queryFormduo.zddm" clearable>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item label="土地证号">
+                <el-input placeholder="请输入土地证号" v-model="queryFormduo.bdcqzh" clearable>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item label="土地坐落">
+                <el-input placeholder="请输入土地坐落" v-model="queryFormduo.zl" clearable>
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="7">
+              <el-form-item label="自然幢号">
+                <el-input placeholder="请输入自然幢号" v-model="queryFormduo.zrzh" clearable>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item label="项目名称">
+                <el-input placeholder="请输入项目名称" v-model="queryFormduo.xmmc"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item label="建筑物名称">
+                <el-input placeholder="请输入建筑物名称" v-model="queryFormduo.jzwmc" clearable>
+                </el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="3" class="btnColRight">
+              <el-form-item>
+                <el-button type="primary" @click="handleSearch">查询</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <div class="from-clues-content">
+        <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
+          :current-page.sync="pageData.currentPage" :total="tableDataduo.total" @size-change="handleSizeChange"
+          @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableDataduo.columns"
+          :data="tableDataduo.data">
+        </lb-table>
+      </div>
+      <div class="submit_button">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      </div>
     </div>
   </div>
 </template>
 <script>
-//国有建设用地使用权/房屋使用权
-import { datas, sendThis } from "../javascript/fwsyq.js";
-import table from "@/utils/mixin/table";
-import jump from "@/views/ywbl/ywsq/components/mixin/jump";
-import { selectScBdcdy, startBusinessFlow, choiceBdcdy, selectOtherH, selectZrz, selectH } from "@/api/ywbl.js";
-export default {
-  mixins: [table, jump],
-  props: {
-    isJump: { type: Boolean, default: false },
-    sqywInfo: { type: Object, default: () => { } },
-  },
-  data () {
-    return {
-      activeName: 'zrz',
-      queryForm: {
-        qllx: '',
-        bdcdyh: '',
-        ywh: '',
-        bdcqzh: ''
+  //国有建设用地使用权/房屋使用权
+  import { datas, sendThis } from "../javascript/fwsyq.js";
+  import { datasduo, sendThisduo } from "../javascript/fwsyqduo.js";
+  import table from "@/utils/mixin/table";
+  import jump from "@/views/ywbl/ywsq/components/mixin/jump";
+  import { selectScBdcdy, startBusinessFlow, choiceBdcdy, selectOtherH, selectZrz, selectH } from "@/api/ywbl.js";
+  export default {
+    mixins: [table, jump],
+    props: {
+      isJump: { type: Boolean, default: false },
+      sqywInfo: { type: Object, default: () => { } },
+    },
+    data () {
+      return {
+        activeName: 'zrz',
+        queryForm: {
+          qllx: '',
+          bdcdyh: '',
+          ywh: '',
+          bdcqzh: ''
+        },
+        queryFormduo: {
+          qllx: '',
+          bdcdyh: '',
+          ywh: '',
+          bdcqzh: ''
+        },
+        tableData: {
+          total: 0,
+          columns: datas.columns(),
+          data: [],
+        },
+        tableDataduo: {
+          total: 0,
+          columns: datasduo.columns(),
+          data: [],
+        },
+        bdcdysz: [],
+        bsmSqyw:
+          this.sqywInfo.nodetype === "djlx"
+            ? this.sqywInfo.bsmSqyw
+            : this.sqywInfo.parentid,
+      };
+    },
+    mounted () {
+      sendThis(this)
+      sendThisduo(this)
+
+    },
+    methods: {
+      queryClick () {
+        if (!this.isJump) {
+          //从业务办理进入
+
+          if (this.activeName == "zrz") {
+            this.queryForm.sqywbm = this.sqywInfo.djywbm;
+            this.queryForm.fwfl = this.activeName;
+            selectZrz({ ...this.queryForm, ...this.pageData }).then((res) => {
+              if (res.code === 200) {
+                this.tableData.total = res.result.total;
+                this.tableData.data = res.result.records;
+              }
+            });
+          } else {
+            this.queryFormduo.sqywbm = this.sqywInfo.djywbm;
+            this.queryFormduo.fwfl = this.activeName;
+            selectH({ ...this.queryFormduo, ...this.pageData }).then((res) => {
+              console.log("resssssssssssssssss", res);
+              if (res.code === 200) {
+                this.tableDataduo.total = res.result.total;
+                this.tableDataduo.data = res.result.records;
+              }
+            })
+          }
+
+        } else {
+          //从办理框架选择不动产单元进入
+          //房屋首次办理选择不动产需找出对应自然幢下未选择的户
+          this.queryForm.bsmSlsq = this.$route.query.bsmSlsq;
+          selectOtherH({ ...this.queryForm, ...this.pageData }).then((res) => {
+            if (res.code === 200) {
+              let { total, records } = res.result;
+              this.tableData.total = total;
+              this.tableData.data = records;
+            }
+          })
+        }
       },
-      tableData: {
-        total: 0,
-        columns: datas.columns(),
-        data: [],
+      // 切换事件
+      handleTabClick () {
+        this.bdcdysz = []
+        this.pageData.currentPage = 1;
+        this.queryClick();
       },
-      bdcdysz: [],
-      bsmSqyw:
-        this.sqywInfo.nodetype === "djlx"
-          ? this.sqywInfo.bsmSqyw
-          : this.sqywInfo.parentid,
-    };
-  },
-  mounted () {
-    sendThis(this)
-  },
-  methods: {
-    queryClick () {
-      if (!this.isJump) {
-        //从业务办理进入
-        this.queryForm.sqywbm = this.sqywInfo.djywbm;
-        this.queryForm.fwfl = this.activeName;
-        if (this.activeName == "zrz") {
-          selectZrz({ ...this.queryForm, ...this.pageData }).then((res) => {
-            if (res.code === 200) {
-              this.tableData.total = res.result.total;
-              this.tableData.data = res.result.records;
+      // 发起申请事件
+      submitForm () {
+        if (this.bdcdysz.length == 0) {
+          this.$message.error("请至少选择一条数据");
+          return;
+        }
+        if (!this.isJump) {
+
+          startBusinessFlow({
+            bsmSqyw: this.bsmSqyw,
+            fwlx: this.activeName,
+            bdcdysz: this.bdcdysz,
+            djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
+            djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
+          }).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                showClose: true,
+                message: '发起申请成功',
+                type: 'success'
+              })
+              this.jump(res.result, this.djywbm)
+            } else {
+              this.$message.error(res.message);
             }
-          });
+          })
         } else {
-          selectH({ ...this.queryForm, ...this.pageData }).then((res) => {
-            if (res.code === 200) {
-              this.tableData.total = res.result.total;
-              this.tableData.data = res.result.records;
+          choiceBdcdy({
+            bsmSlsq: this.$route.query.bsmSlsq,
+            bdcdysz: this.bdcdysz
+          }).then(res => {
+            if (res.code == 200) {
+              this.$message({
+                showClose: true,
+                message: '发起申请成功',
+                type: 'success'
+              })
+              this.$emit('updateDialog', true)
+            } else {
+              this.$message.error(res.message);
             }
           })
         }
-
-      } else {
-        //从办理框架选择不动产单元进入
-        //房屋首次办理选择不动产需找出对应自然幢下未选择的户
-        this.queryForm.bsmSlsq = this.$route.query.bsmSlsq;
-        selectOtherH({ ...this.queryForm, ...this.pageData }).then((res) => {
-          if (res.code === 200) {
-            let { total, records } = res.result;
-            this.tableData.total = total;
-            this.tableData.data = records;
-          }
-        })
-      }
-    },
-    handleTabClick () {
-      this.pageData.currentPage = 1;
-      this.queryClick();
-    },
-    submitForm () {
-      if (this.bdcdysz.length == 0) {
-        this.$message.error("请至少选择一条数据");
-        return;
-      }
-      if (!this.isJump) {
-
-        startBusinessFlow({
-          bsmSqyw: this.bsmSqyw,
-          fwlx: this.activeName,
-          bdcdysz: this.bdcdysz,
-          djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
-          djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
-        }).then((res) => {
-          if (res.code == 200) {
-            this.$message({
-              showClose: true,
-              message: '发起申请成功',
-              type: 'success'
-            })
-            this.jump(res.result, this.djywbm)
-          } else {
-            this.$message.error(res.message);
-          }
+      },
+      // 列表勾选事件
+      handleSelectionChange (val) {
+        val.forEach((item, index) => {
+          item.bsmSsql = item.zdbsm
         })
-      } else {
-        choiceBdcdy({
-          bsmSlsq: this.$route.query.bsmSlsq,
-          bdcdysz: this.bdcdysz
-        }).then(res => {
-          if (res.code == 200) {
-            this.$message({
-              showClose: true,
-              message: '发起申请成功',
-              type: 'success'
-            })
-            this.$emit('updateDialog', true)
-          } else {
-            this.$message.error(res.message);
+        this.bdcdysz = val
+      },
+      // 点击楼盘表
+      handleLpbClick (item) {
+        this.$popup('楼盘表', 'lpb/index', {
+          width: '85%',
+          formData: {
+            bsm: item.bsm,
+            bsmSqyw: this.bsmSqyw,
+            djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
+            djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
           }
         })
       }
-    },
-    handleSelectionChange (val) {
-      val.forEach((item, index) => {
-        item.bsmSsql = item.zdbsm
-      })
-      this.bdcdysz = val
-    },
-    handleLpbClick (item) {
-      this.$popup('楼盘表', 'lpb/index', {
-        width: '85%',
-        formData: {
-          bsm: item.bsm,
-          bsmSqyw: this.bsmSqyw,
-          djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
-          djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
-        }
-      })
     }
   }
-}
 </script>
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
-@import "~@/styles/public.scss";
+  @import "~@/styles/mixin.scss";
+  @import "~@/styles/public.scss";
 </style>

+import filter from '@/utils/filter.js'
+let vm = null
+
+const sendThisduo = (_this) => {
+  vm = _this
+}
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        type: 'selection',
+        label: '全选',
+        width: '30',
+        selectable: this.selected
+      },
+      {
+        label: '序号',
+        type: 'index',
+        width: '50',
+        render: (h, scope) => {
+          return (
+            <div>
+              {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
+            </div>
+          )
+        }
+      },
+      {
+        label: "状态",
+        render: (h, scope) => {
+          return (
+            <div>
+              {/* <a v-on:click="doSomething"></a> */}
+              <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>
+            </div>
+          )
+        }
+      },
+      {
+        prop: "tdzh",
+        label: "土地证号",
+      },
+      {
+        prop: "qllxmc",
+        label: "权利类型",
+      },
+      {
+        prop: "xmmc",
+        label: "项目名称",
+      },
+      {
+        prop: "zrzh",
+        label: "自然幢号",
+      },
+      {
+        prop: "jzwmc",
+        label: "建筑物名称",
+      },
+      {
+        label: "土地/房屋性质",
+        render: (h, scope) => {
+          return (
+            <div>
+              {(scope.row.showQlxz) + (' / ') + (scope.row.fwxzmc)}
+            </div>
+          )
+        }
+      },
+      {
+        label: "面积",
+        render: (h, scope) => {
+          return (
+            <div>
+              {(scope.row.zdmj) + (' / ') + (scope.row.scjzmj)}
+            </div>
+          )
+        }
+      },
+      {
+        label: "土地/房屋用途",
+        render: (h, scope) => {
+          return (
+            <div>
+              {(scope.row.showTdyt) + (' / ') + (scope.row.showFwyt)}
+            </div>
+          )
+        }
+      },
+      {
+        prop: "zcs",
+        label: "总层数",
+        width: '70',
+      },
+      {
+        prop: "zts",
+        label: "总套数",
+        width: '70',
+      },
+      {
+        prop: "zl",
+        label: "自然幢坐落",
+      },
+      {
+        label: '操作',
+        width: '80',
+        align: 'center',
+        fixed: 'right',
+        render: (h, scope) => {
+          return <el-button type="text" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
+        }
+      }
+    ]
+  }
+
+
+}
+let datasduo = new data()
+export {
+  datasduo,
+  sendThisduo
+}