style:集体建设用地使用权/房屋所有权业务申请的抽取

+<!--
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-10-26 09:20:49
+-->
+<template>
+  <div class="from-clues">
+    <!-- <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick" v-if="!isJump">
+      <el-tab-pane label="自然幢" name="zrz"></el-tab-pane>
+      <el-tab-pane label="多幢" name="dz" v-if="sqywInfo.djywbm !== 'B37100'"></el-tab-pane>
+    </el-tabs> -->
+    <div v-show="activeName == 'zrz'">
+      <div class="from-clues-header">
+        <el-form :model="queryzrzForm" ref="queryzrzForm" label-width="110px">
+          <el-row>
+            <el-col :span="7">
+              <el-form-item label="宗地代码">
+                <el-input placeholder="请输入宗地代码" v-model="queryzrzForm.zddm" clearable>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item label="土地证号">
+                <el-input placeholder="请输入土地证号" v-model="queryzrzForm.bdcqzh" clearable>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item label="土地坐落">
+                <el-input placeholder="请输入土地坐落" v-model="queryzrzForm.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="queryzrzForm.zrzh" clearable>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item label="项目名称">
+                <el-input placeholder="请输入项目名称" v-model="queryzrzForm.xmmc"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item label="建筑物名称">
+                <el-input placeholder="请输入建筑物名称" v-model="queryzrzForm.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-button type="primary" @click="resetForm(true)">重置</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </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"
+          @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="zrztableData.columns"
+          :data="zrztableData.data">
+        </lb-table>
+      </div>
+      <div class="submit_button">
+        <el-button @click="$popupCacel">取消</el-button>
+        <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
+      </div>
+    </div>
+    <div v-show="activeName == 'dz'">
+      <div class="from-clues-header">
+        <el-form :model="querydzForm" ref="querydzForm" label-width="110px">
+          <el-row>
+            <el-col :span="7">
+              <el-form-item label="宗地代码">
+                <el-input placeholder="请输入宗地代码" v-model="querydzForm.zddm" clearable>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item label="坐落">
+                <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="10" 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 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"
+          @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="dztableData.columns"
+          :data="dztableData.data">
+        </lb-table>
+      </div>
+      <div class="submit_button">
+        <el-button @click="$popupCacel">取消</el-button>
+        <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  import Vue from 'vue'
+  import store from '@/store/index.js'
+  import table from "@/utils/mixin/table";
+  //国有建设用地使用权/房屋使用权
+  import { ywPopupDialog } from "@/utils/popup.js";
+  import { datas, sendThis } from "../javascript/fwsyq.js";
+  import jump from "@/views/ywbl/ywsq/components/mixin/jump";
+  import { selectOtherH, selectZrz, selectDz } from "@/api/ywsq.js";
+  import { startBusinessFlow, choiceBdcdy } from "@/api/workFlow.js";
+  export default {
+    mixins: [table, jump],
+    props: {
+      isJump: { type: Boolean, default: false },
+      sqywInfo: { type: Object, default: () => { } },
+    },
+    data () {
+      return {
+        loading: false,
+        activeName: 'dz',
+        radioVal: '',
+        queryzrzForm: {
+          qllx: '',
+          bdcdyh: '',
+          ywh: '',
+          bdcqzh: ''
+        },
+        querydzForm: {
+          qllx: '',
+          bdcdyh: '',
+          ywh: '',
+          bdcqzh: ''
+        },
+        zrztableData: {
+          total: 0,
+          columns: datas.zrzcolumns(),
+          data: [],
+        },
+        dztableData: {
+          total: 0,
+          columns: datas.dzcolumns(),
+          data: [],
+        },
+        bdcdysz: [],
+      };
+    },
+    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: {
+      /**
+       * @description: queryClick
+       * @author: renchao
+       */
+      queryClick () {
+        this.$startLoading();
+        if (!this.isJump) {
+          //从业务办理进入
+          if (this.activeName == "zrz") {
+            this.queryzrzForm.sqywbm = this.sqywInfo.djywbm;
+            this.queryzrzForm.fwfl = this.activeName;
+            selectZrz({ ...this.queryzrzForm, ...this.pageData }).then((res) => {
+              this.$endLoading();
+              if (res.code === 200) {
+                this.zrztableData.total = res.result.total;
+                this.zrztableData.data = res.result.records;
+              }
+            });
+          } else {
+            this.querydzForm.sqywbm = this.sqywInfo.djywbm;
+            this.querydzForm.fwfl = this.activeName;
+            selectDz({ ...this.querydzForm, ...this.pageData }).then((res) => {
+              this.$endLoading();
+              if (res.code === 200) {
+                this.dztableData.total = res.result.total;
+                this.dztableData.data = res.result.records;
+              }
+            })
+          }
+
+        } else {
+          //从办理框架选择不动产单元进入
+          //房屋首次办理选择不动产需找出对应自然幢下未选择的户
+          this.queryzrzForm.bsmSlsq = Vue.prototype.$currentRoute.query.bsmSlsq;
+          selectOtherH({ ...this.queryzrzForm, ...this.pageData }).then((res) => {
+            this.$endLoading();
+            if (res.code === 200) {
+              let { total, records } = res.result;
+              this.zrztableData.total = total;
+              this.zrztableData.data = records;
+            }
+          })
+        }
+      },
+      /**
+       * @description: handleTabClick
+       * @author: renchao
+       */
+      handleTabClick () {
+        this.bdcdysz = [],
+          this.pageData.currentPage = 1;
+        this.queryClick();
+      },
+      /**
+       * @description: submitForm
+       * @author: renchao
+       */
+      submitForm () {
+        if (this.bdcdysz.length == 0) {
+          this.$message.error("请至少选择一条数据");
+          return;
+        }
+        if (!this.isJump) {
+          this.loading = true
+          startBusinessFlow({
+            bsmSqyw: this.sqywInfo.bsmSqyw,
+            //sjlx: 'zrz',
+            sjlx: this.activeName,
+            bdcdysz: this.bdcdysz,
+          }).then((res) => {
+            this.loading = false
+            if (res.code == 200) {
+              this.$message({
+                showClose: true,
+                message: '发起申请成功',
+                type: 'success'
+              })
+              if (!this.isJump) {
+                this.jump(res.result, this.sqywInfo.djywbm);
+              } else {
+                store.dispatch('user/refreshPage', true);
+              }
+              this.$popupCacel()
+            } else {
+              if (res.result && res.result.length > 0) {
+                ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
+              } else {
+                ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true)
+              }
+            }
+          }).catch(() => {
+            this.loading = false
+          })
+        } else {
+          this.loading = true
+          choiceBdcdy({
+            bsmSlsq: Vue.prototype.$currentRoute.query.bsmSlsq,
+            bdcdysz: this.bdcdysz
+          }).then(res => {
+            this.loading = false
+            if (res.code == 200) {
+              this.$message({
+                showClose: true,
+                message: '发起申请成功',
+                type: 'success'
+              })
+              store.dispatch('user/refreshPage', true);
+              this.$popupCacel()
+            } else {
+              if (res.result && res.result.length > 0) {
+                ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
+              } else {
+                ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true)
+              }
+            }
+          }).catch(() => {
+            this.loading = false
+          })
+        }
+      },
+      /**
+       * @description: handleSelectionChange
+       * @param {*} val
+       * @author: renchao
+       */
+      handleSelectionChange (val) {
+        this.bdcdysz = val;
+      },
+      /**
+       * @description: handleLpbClick
+       * @param {*} item
+       * @author: renchao
+       */
+      handleLpbClick (item) {
+        ywPopupDialog('楼盘表', 'lpb/index', {
+          bsm: item.bsm,
+          bsmSqyw: this.sqywInfo.bsmSqyw,
+          onlyShow: false,
+          scyclx: 1
+        }, '85%', true, false)
+      },
+      // 自然幢单选
+      handleZrzChange () {
+        let arr = this.zrztableData.data.filter(item => item.bdcdyid == this.radioVal)
+        this.bdcdysz = arr
+      },
+      /**
+       * @description: handleRowClick
+       * @param {*} row
+       * @author: renchao
+       */
+      handleRowClick (row) {
+        // 自然幢单选，多幢多选
+        let that = this
+        let refs = 'table1';
+        if (this.activeName == 'dz') {
+          refs = 'table';
+        } else {
+          if (this.sqywInfo.djywbm !== 'B37100') {
+            that.bdcdysz = [row]
+            that.radioVal = row.bdcdyid
+          }
+        }
+        const bdcdysz = that.bdcdysz
+        if (bdcdysz.length > 0) {
+          bdcdysz.forEach(item => {
+            // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
+            if (item == row) {
+              that.$nextTick(() => { that.$refs[refs].toggleRowSelection(row, false); })
+            }
+            // 不然就让当前的一行勾选
+            else {
+              that.$refs[refs].toggleRowSelection(row, true);
+            }
+          })
+        }
+        else {
+          this.$refs[refs].toggleRowSelection(row, true);
+        }
+      },
+      /**
+       * @description: openBook
+       * @param {*} row
+       * @author: miaofang
+       */
+      openBook (row) {
+        var param = {
+          bdcdyid: row.bdcdyid,
+          qllx: row.qllx,
+          bdcdyh: row.bdcdyh,
+          bsmQlxx: row.bsmQlxx,
+        };
+        this.$popup("登记簿详情", "registerBook/djbFrame", {
+          formData: param
+        })
+      },
+      dzlist (row) {
+        var param = {
+          bdcdyid: row.bdcdyid,
+          qllx: row.qllx,
+          bdcdyh: row.bdcdyh,
+          bsmQlxx: row.bsmQlxx,
+        };
+        this.$popup("自然幢列表", "registerBook/dzlist", {
+          formData: param
+        })
+      },
+    }
+  }
+</script>
+<style scoped lang="scss">
+  @import "~@/styles/mixin.scss";
+  @import "~@/styles/public.scss";
+</style>

@@ -40,8 +40,10 @@ export function queueDjywmc (djywbm, djqxbm) {
         case "A06100": // 宅基地使用权/房屋所有权 || 首次登记
             vm = "zjdfwsyq";
             break;
-        case "A04100"://国有建设用地使用权/房屋所有权(首次登记)
         case "A08100": // 集体建设用地使用权/房屋所有权 || 首次登记
+            vm = "jtjsydfwsyq";
+            break;
+        case "A04100"://国有建设用地使用权/房屋所有权(首次登记)
         case "B37100": // 在建工程抵押权 || 首次登记
             vm = "fwsyq";
             break;