123

+<template>
+  <div>
+    <dialogBox title="查询权利信息" @submitForm="submitForm" saveButton="发起申请" width="85%" @closeDialog="closeDialog"
+      v-model="value">
+      <div class="from-clues">
+        <!-- 表单部分 -->
+        <div class="from-clues-header">
+          <el-form :model="queryForm" ref="queryForm" label-width="100px">
+            <el-row>
+              <el-col :span="5">
+                <el-form-item label="权利类型">
+                  <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
+                    <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="不动产单元号">
+                  <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item label="业务号">
+                  <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="不动产权证号">
+                  <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="2" class="btnCol">
+                <el-form-item>
+                  <el-button type="primary" @click="queryClick()">查询</el-button>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+        <!-- 表格 -->
+        <div class="from-clues-content">
+          <lb-table :page-size="pageData.pageSize" heightNumSetting :current-page.sync="pageData.currentPage"
+            :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+            @selection-change="handleSelectionChange"
+            :column="tableData.columns" :data="tableData.data">
+          </lb-table>
+        </div>
+      </div>
+    </dialogBox>
+  </div>
+
+</template>
+<script>
+import { datas } from "./gyjsydsyqdata.js";
+import { getselectBdcdy } from "@/api/ywbl.js"
+export default {
+  props: {
+    value: { type: Boolean, default: false },
+  },
+  data () {
+    return {
+      appliDialog: false,
+      queryForm: {
+        qllx: "",
+        bdcdyh: "",
+        ywh: "",
+        bdcqzh: "",
+        sqywbm:'A03100'
+      },
+      qllxs: [],
+      pageData: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      tableData: {
+        columns: datas.columns(),
+        data: [
+    
+        ]
+      }
+    }
+  },
+  created(){
+    this.list()
+  },
+  methods: {
+    list(data){
+      getselectBdcdy({ ...this.queryForm, ...this.pageData,...data }).then(res => {
+        if (res.code === 200) {
+          let { total, records } = res.result
+          this.pageData.total = total;
+          this.tableData.data = records
+        }
+      })
+    },
+    submitForm () {
+      this.$emit('input', false)
+      const { href } = this.$router.resolve('/fqsq')
+      window.open(href, '_blank');
+    },
+    closeDialog () {
+      this.$emit('input', false)
+    },
+    handleSizeChange (val) {
+      this.list({
+        pageSize: val,
+        currentPage: this.pageData.currentPage,
+      });
+     },
+    handleCurrentChange (val) {
+      this.list({ pageSize: this.pageData.pageSize, currentPage: val });
+     },
+     handleSelectionChange(val){
+       
+     },
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "~@/styles/mixin.scss";
+
+.qtjfjmb-edit-title {
+  padding-bottom: 10px;
+  border-bottom: 1px solid $borderColor;
+  margin-bottom: 10px;
+}
+
+/deep/.el-input {
+  width: 187px;
+}
+
+ul {
+  @include flex;
+  border-radius: 5px;
+  overflow: hidden;
+  margin-bottom: 20px;
+
+  .active {
+    background: $light-blue;
+    color: #fff;
+  }
+
+  li {
+    flex: 1;
+    line-height: 36px;
+    @include flex-center;
+    border: 1px solid $borderColor;
+    margin-left: -1px;
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:hover {
+      @extend .active;
+    }
+  }
+}
+</style>

+import filter from '@/utils/filter.js'
+let vm = null
+
+const sendThis = (_this) => {
+  vm = _this
+}
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        type: 'selection',
+        label: '全选'
+      },
+      {
+        label: '序号',
+        type: 'index',
+        width: '50'
+      },
+      {
+        prop: "status",
+        label: "状态",
+      },
+      {
+        prop: "qllx",
+        label: "权利类型",
+      },
+      {
+        prop: "zddm",
+        label: "宗地代码",
+      },
+      {
+        prop: "bdcdyh",
+        label: "不动产单元号",
+      },
+      {
+        prop: "qlxz",
+        label: "权利性质",
+      },
+      {
+        prop: "zdmj",
+        label: "宗地面积",
+      },
+      {
+        prop: "qlsdfs",
+        label: "权利设定方式",
+      },
+      {
+        prop: "tdyt",
+        label: "土地用途",
+      },
+      {
+        prop: "zl",
+        label: "坐落",
+      },
+    ]
+  }
+
+
+}
+let datas = new data()
+export {
+  datas,
+}

@@ -68,7 +68,7 @@
 </template>
 <script>
 import { getCollectBiz, getleftMenu, getNextNode } from "@/api/ywbl"
-import choiceDialog from "./components/selectql.vue"
+import choiceDialog from "./components/gyjsydsyq/gyjsydsyq.vue"
 export default {
   data () {
     return {