家庭房产

@@ -46,7 +46,7 @@
     </div>
     </div>
     <!-- 表格 -->
     <!-- 表格 -->
     <div class="from-clues-content">
     <div class="from-clues-content">
-      <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
+      <lb-table :page-size="pageData.size" border @sort-change="handleSort" :current-page.sync="pageData.current"
         :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
         :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
         :column="tableData.columns" :data="tableData.data">
         :column="tableData.columns" :data="tableData.data">
       </lb-table>
       </lb-table>

@@ -76,7 +76,6 @@ export default {
         sqr: "",
         sqr: "",
       },
       },
 
 
-
       tableData: {
       tableData: {
         columns: datas.columns(),
         columns: datas.columns(),
         data: [],
         data: [],

@@ -17,23 +17,14 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="5">
           <el-col :span="5">
-            <el-form-item label="查询用途">
-              <el-select v-model="queryForm.cxyt" class="width100" filterable clearable placeholder="请选择用途">
-                <el-option v-for="item in cxytOption" :key="item.value" :label="item.label" :value="item.value">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="5">
             <el-form-item label="业务号">
             <el-form-item label="业务号">
               <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
               <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-
           <el-col :span="4" class="btnCol">
           <el-col :span="4" class="btnCol">
             <el-form-item>
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
+              <el-button type="primary" icon="el-icon-search" @click="queryClick()">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
@@ -42,71 +33,77 @@
     </div>
     </div>
     <!-- 表格 -->
     <!-- 表格 -->
     <div class="from-clues-content">
     <div class="from-clues-content">
-      <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
+      <lb-table :page-size="pageData.size" border @sort-change="handleSort" :current-page.sync="pageData.current"
         :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
         :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
         :column="tableData.columns" :data="tableData.data">
         :column="tableData.columns" :data="tableData.data">
       </lb-table>
       </lb-table>
     </div>
     </div>
-    <addjtfc v-model="isDialog" />
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
-import addjtfc from "./components/addjtfc.vue";
 import table from "@/utils/mixin/table"
 import table from "@/utils/mixin/table"
 import { datas, sendThis } from "./sqcxjldata"
 import { datas, sendThis } from "./sqcxjldata"
-import { getJtfcPage } from '@/api/sqcx'
+import { getJtfcPage } from '@/api/jtfc'
 export default {
 export default {
   name: "sqcxjl",
   name: "sqcxjl",
-  components: { addjtfc },
   mixins: [table],
   mixins: [table],
   mounted () {
   mounted () {
     sendThis(this);
     sendThis(this);
   },
   },
   data () {
   data () {
     return {
     return {
-      isDialog: false,
-      sqrOption: [],
-      cxytOption: [],
+
       queryForm: {
       queryForm: {
         cxbh: "",
         cxbh: "",
         sqr: "",
         sqr: "",
-        cxyt: "",
         ywh: "",
         ywh: "",
       },
       },
       tableData: {
       tableData: {
-        total: 0,
         columns: datas.columns(),
         columns: datas.columns(),
-        data: [
-          {
-            cxly: "登记大厅",
-            cxlx: "家庭房产",
-            cxbh: "20200409146",
-            cxsj: "2016-10-12 10:00:00",
-            slry: "查询窗口",
-            sqr: "张三",
-            yqlrgx: "不动产权利人",
-            qlr: "张三",
-            cxyt: "预告买卖记录||首次登记",
-          }
-        ]
-      }
+        data: [],
+      },
     }
     }
   },
   },
   methods: {
   methods: {
+    queryClick(){
+      this.fetchData();
+    },
+
     // 初始化数据
     // 初始化数据
     fetchData () {
     fetchData () {
-      getJtfcPage({ ...this.queryForm, ...this.pageData }).then(res => {
-        let { records, total } = res.result
-        this.tableData.data = records
-        this.tableData.total = total
-      })
+      debugger;
+      getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
+        let { records, total } = res.result;
+        this.tableData.data = records;
+        this.tableData.total = total;
+      });
     },
     },
     handleSort (name, sort) {
     handleSort (name, sort) {
       console.log(name, sort);
       console.log(name, sort);
     },
     },
     // 查看
     // 查看
     handleView () {
     handleView () {
-      this.isDialog = true
+      // this.isDialog = true
+
+
+      let that = this;
+      this.$popup({
+        title: "楼盘表",
+        width: "50%",
+        btnShow: true,
+        editItem: "xxxxxxxxxx",
+        height: "600px",
+        formData: {
+          bsmSlsq: this.bsmSlsq,
+          dataList: this.unitData,
+        },
+        cancel: function () { }, //取消事件的回调
+        confirm: function () {
+          that.loadBdcdylist();
+        }, //确认事件的回调
+      });
+
+
     }
     }
   },
   },
 };
 };

@@ -16,12 +16,15 @@ class data extends filter {
         width: '50'
         width: '50'
       },
       },
       {
       {
-        prop: "cxly",
-        label: "查询来源",
-      },
-      {
-        prop: "cxlx",
         label: "查询类型",
         label: "查询类型",
+        render: (h, scope) => {
+          switch (scope.row.cxlx) {
+            case '1':
+              return <div>家庭房产</div>
+            case '2':
+              return <div>登记簿</div>
+          }
+        }
       },
       },
       {
       {
         label: "查询编号",
         label: "查询编号",
@@ -32,19 +35,28 @@ class data extends filter {
         label: "查询时间",
         label: "查询时间",
       },
       },
       {
       {
-        prop: "slry",
+        prop: "cxr",
         label: "受理人员",
         label: "受理人员",
       },
       },
       {
       {
-        prop: "sqr",
+        prop: "sqrxm",
         label: "申请人",
         label: "申请人",
       },
       },
       {
       {
-        prop: "yqlrgx",
         label: "与权利人的关系",
         label: "与权利人的关系",
+        render: (h, scope) => {
+          switch (scope.row.ycyrgx) {
+            case '1':
+              return <div>权利人</div>
+            case '2':
+              return <div>产权利害关系人</div>
+            case '3':
+              return <div>委托人</div>
+          }
+        }
       },
       },
       {
       {
-        prop: "qlr",
+        prop: "qlrxm",
         label: "权利人",
         label: "权利人",
       },
       },
       {
       {