Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

 import request from '@/utils/request'
 import request from '@/utils/request'
 
 
 // 初始化内容
 // 初始化内容
-export function cfInit (data) {
+export function Init(data) {
+    let apiUrl = "";
+    switch (data.get("sqywbm")) {
+        case "B39300":
+            apiUrl = "/ywbl/cfdj/xfInit";
+            break;
+        case "B39400":
+            apiUrl = "/ywbl/cfdj/jfInit";
+            break;
+        case "B39800":
+            apiUrl = "/ywbl/cfdj/cfInit";
+            break;
+    }
     return request({
     return request({
-        url: '/ywbl/cfdj/cfInit',
+        url: apiUrl,
         method: 'post',
         method: 'post',
         data
         data
     })
     })
 }
 }
 
 
-// 初始化内容
-export function xfInit (data) {
-    return request({
-        url: '/ywbl/cfdj/xfInit',
-        method: 'post',
-        data
-    })
-}
-
-// 初始化内容
-export function jfInit (data) {
+//批量查封
+export function cfBatchInit (data) {
     return request({
     return request({
-        url: '/ywbl/cfdj/jfInit',
+        url: '/ywbl/cfdj/cfBatchInit',
         method: 'post',
         method: 'post',
         data
         data
     })
     })

@@ -28,7 +28,7 @@ export function sendBackTask (data) {
 // 获取左侧列表
 // 获取左侧列表
 export function leftMenu (data) {
 export function leftMenu (data) {
     return request({
     return request({
-        url: '/ywbl/jsydsyqlr/leftMenu',
+        url: '/business/workFlow/leftMenu',
         method: 'post',
         method: 'post',
         data
         data
     })
     })

-// import request from '@/utils/request'
-// // 根据条件进行列表查询
-// export function getJtfcPage (data) {
-//   return request({
-//     url: '/sqcx/getJtfcPage',
-//     method: 'post',
-//     data
-//   })
-// }
-// // 新增申请查询家庭房产信息
-// export function addJtfcCxjgXx (data) {
-//   return request({
-//     url: '/sqcx/addJtfcCxjgXx',
-//     method: 'post',
-//     data,
-//     showLoading: true,
-//     loadingTarget: '正在查询中...'
-//   })
-// }
\ No newline at end of file

+import request from '@/utils/request'
+// 获取申请查询记录详细信息
+export function getJtfcInfo(params) {
+    return request({
+      url: '/sqcx/jtfc/getJtfcInfo/',
+      method: 'get',
+      params
+    })
+  }

@@ -10,18 +10,18 @@
 
 
 <template>
 <template>
   <div :class="['lb-table', customClass]">
   <div :class="['lb-table', customClass]">
-    <el-table v-if="!heightNumSetting" class="table-fixed" ref="elTable" :border='border'
-      :row-class-name="tableRowClassName" :show-header='showHeader'
+    <el-table v-if="!heightNumSetting" class="table-fixed" :row-style="{ height: '50px' }" ref="elTable"
+      :border='border' :row-class-name="tableRowClassName" :show-header='showHeader'
       :header-cell-style="{ background: 'rgb(236, 245, 255)' }" v-bind="$attrs" :height="tableHeight" v-on="$listeners"
       :header-cell-style="{ background: 'rgb(236, 245, 255)' }" v-bind="$attrs" :height="tableHeight" v-on="$listeners"
       :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
       :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
       <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
       <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
       </lb-column>
       </lb-column>
     </el-table>
     </el-table>
 
 
-    <el-table v-else ref="elTable" class="table-fixed" :border='border' :row-class-name="tableRowClassName"
-      :show-header='showHeader' :header-cell-style="{ background: 'rgb(236, 245, 255)' }" v-bind="$attrs"
-      :max-height="maxHeight" v-on="$listeners" :data="data" style="width: 100%"
-      :span-method="this.merge ? this.mergeMethod : this.spanMethod">
+    <el-table v-else ref="elTable" class="table-fixed" :row-style="{ height: '50px' }" :border='border'
+      :row-class-name="tableRowClassName" :show-header='showHeader'
+      :header-cell-style="{ background: 'rgb(236, 245, 255)' }" v-bind="$attrs" :max-height="maxHeight"
+      v-on="$listeners" :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
       <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
       <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
       </lb-column>
       </lb-column>
     </el-table>
     </el-table>

@@ -101,11 +101,18 @@
 }
 }
 
 
 // 搜索框按钮的位置
 // 搜索框按钮的位置
-.btnCol {
+.btnColRight {
   box-sizing: border-box;
   box-sizing: border-box;
   text-align: right;
   text-align: right;
 }
 }
 
 
+// 搜索框按钮的位置 左
+.btnColLeft {
+  box-sizing: border-box;
+  text-align: left;
+}
+
+
 .title-block {
 .title-block {
   display: inline-block;
   display: inline-block;
   position: relative;
   position: relative;

@@ -82,4 +82,16 @@
 
 
 .width300px {
 .width300px {
     width: 300px;
     width: 300px;
-}
\ No newline at end of file
+}
+
+
+.slxx_title {
+    border-bottom: 1px solid $borderColor;
+    padding-left: 10px;
+    padding-bottom: 5px;
+    margin-bottom: 10px;
+    margin-top: 5px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #4a4a4a;
+  }
\ No newline at end of file

@@ -34,7 +34,8 @@
   height: 100%;
   height: 100%;
   background-color: #ffffff;
   background-color: #ffffff;
   overflow-y: auto;
   overflow-y: auto;
-  padding-right: 3px;
+  box-sizing: border-box;
+  padding-left: 5px;
   overflow-x: hidden;
   overflow-x: hidden;
 }
 }
 
 

@@ -3,7 +3,7 @@
   作者：calliope
   作者：calliope
 -->
 -->
 <template>
 <template>
-  <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting :pagination="false">
+  <lb-table  border :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting :pagination="false">
   </lb-table>
   </lb-table>
 </template>
 </template>
 <script>
 <script>
@@ -40,6 +40,7 @@ export default {
             }
             }
           },
           },
           {
           {
+            width: '200',
             label: '身份证读卡器',
             label: '身份证读卡器',
             render: (h, scope) => {
             render: (h, scope) => {
               return (
               return (
@@ -50,6 +51,7 @@ export default {
             }
             }
           },
           },
           {
           {
+            width: '200',
             prop: 'sqrxm',
             prop: 'sqrxm',
             label: '姓名/名称',
             label: '姓名/名称',
             render: (h, scope) => {
             render: (h, scope) => {

@@ -5,30 +5,44 @@
         {{ title }}
         {{ title }}
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
-            <el-checkbox
-              v-for="item in qsztList"
-              :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
           </el-checkbox-group>
         </div>
         </div>
       </div>
       </div>
       <div class="xxTableBox">
       <div class="xxTableBox">
         <table class="xxTable">
         <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
+          <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
             <td>
             <td>
               {{ item.label }}
               {{ item.label }}
             </td>
             </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              ]"
-            >
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+
+        <table class="xxTable rollTable">
+          <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
@@ -50,7 +64,7 @@
 import { getCfdjList } from "@/api/registerBook.js";
 import { getCfdjList } from "@/api/registerBook.js";
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 export default {
 export default {
-  data() {
+  data () {
     return {
     return {
       title: "查封登记信息",
       title: "查封登记信息",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
@@ -65,11 +79,11 @@ export default {
       columns: datas.columns().CFDJ,
       columns: datas.columns().CFDJ,
     };
     };
   },
   },
-  created() {
+  created () {
     this.loadData();
     this.loadData();
   },
   },
   methods: {
   methods: {
-    loadData() {
+    loadData () {
       getCfdjList({
       getCfdjList({
         bdcdyid: this.propsParam.bdcdyid,
         bdcdyid: this.propsParam.bdcdyid,
         bsmSldy: this.propsParam.bsmSldy,
         bsmSldy: this.propsParam.bsmSldy,
@@ -78,7 +92,7 @@ export default {
       }).then((res) => {
       }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.tableData = res.result;
           this.tableData = res.result;
-           if (this.tableData.length < datas.columns().emptycolNum) {
+          if (this.tableData.length < datas.columns().emptycolNum) {
             this.emptycolNum =
             this.emptycolNum =
               datas.columns().emptycolNum - this.tableData.length;
               datas.columns().emptycolNum - this.tableData.length;
           } else {
           } else {
@@ -87,7 +101,7 @@ export default {
         }
         }
       });
       });
     },
     },
-     checkChange() {
+    checkChange () {
       if (this.checkList.length === 0) {
       if (this.checkList.length === 0) {
         this.tableData = [];
         this.tableData = [];
         this.emptycolNum = datas.columns().emptycolNum;
         this.emptycolNum = datas.columns().emptycolNum;
@@ -95,7 +109,7 @@ export default {
         this.loadData();
         this.loadData();
       }
       }
     },
     },
-    getQsztName(code) {
+    getQsztName (code) {
       let name = "";
       let name = "";
       for (let item of this.qsztList) {
       for (let item of this.qsztList) {
         if (item.value == code) {
         if (item.value == code) {

@@ -5,30 +5,44 @@
         {{ title }}
         {{ title }}
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
-            <el-checkbox
-              v-for="item in qsztList"
-              :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
           </el-checkbox-group>
         </div>
         </div>
       </div>
       </div>
       <div class="xxTableBox">
       <div class="xxTableBox">
         <table class="xxTable">
         <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
+          <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
             <td>
             <td>
               {{ item.label }}
               {{ item.label }}
             </td>
             </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              ]"
-            >
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+
+        <table class="xxTable rollTable">
+          <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
@@ -50,8 +64,8 @@
 import { getDiyaqList } from "@/api/registerBook.js";
 import { getDiyaqList } from "@/api/registerBook.js";
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 export default {
 export default {
-  data() {
-   return {
+  data () {
+    return {
       title: "抵押权登记信息",
       title: "抵押权登记信息",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
       checkList: datas.columns().checkList,
@@ -65,11 +79,11 @@ export default {
       columns: datas.columns().DYAQ,
       columns: datas.columns().DYAQ,
     };
     };
   },
   },
-  created() {
+  created () {
     this.loadData();
     this.loadData();
   },
   },
   methods: {
   methods: {
-    loadData() {
+    loadData () {
       getDiyaqList({
       getDiyaqList({
         bdcdyid: this.propsParam.bdcdyid,
         bdcdyid: this.propsParam.bdcdyid,
         qllx: this.propsParam.qllx,
         qllx: this.propsParam.qllx,
@@ -86,7 +100,7 @@ export default {
         }
         }
       });
       });
     },
     },
-    checkChange() {
+    checkChange () {
       if (this.checkList.length === 0) {
       if (this.checkList.length === 0) {
         this.tableData = [];
         this.tableData = [];
         this.emptycolNum = datas.columns().emptycolNum;
         this.emptycolNum = datas.columns().emptycolNum;
@@ -94,7 +108,7 @@ export default {
         this.loadData();
         this.loadData();
       }
       }
     },
     },
-    getQsztName(code) {
+    getQsztName (code) {
       let name = "";
       let name = "";
       for (let item of this.qsztList) {
       for (let item of this.qsztList) {
         if (item.value == code) {
         if (item.value == code) {

@@ -5,30 +5,43 @@
         {{ title }}
         {{ title }}
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
-            <el-checkbox
-              v-for="item in qsztList"
-              :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
           </el-checkbox-group>
         </div>
         </div>
       </div>
       </div>
       <div class="xxTableBox">
       <div class="xxTableBox">
         <table class="xxTable">
         <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
+          <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
             <td>
             <td>
               {{ item.label }}
               {{ item.label }}
             </td>
             </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              ]"
-            >
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+        <table class="xxTable rollTable">
+          <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
@@ -50,8 +63,8 @@
 import { getDiyiqList } from "@/api/registerBook.js";
 import { getDiyiqList } from "@/api/registerBook.js";
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 export default {
 export default {
-  data() {
-   return {
+  data () {
+    return {
       title: "地役权登记信息",
       title: "地役权登记信息",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
       checkList: datas.columns().checkList,
@@ -65,11 +78,11 @@ export default {
       columns: datas.columns().DYIQ,
       columns: datas.columns().DYIQ,
     };
     };
   },
   },
-  created() {
+  created () {
     this.loadData();
     this.loadData();
   },
   },
   methods: {
   methods: {
-   loadData() {
+    loadData () {
       getDiyiqList({
       getDiyiqList({
         bdcdyid: this.propsParam.bdcdyid,
         bdcdyid: this.propsParam.bdcdyid,
         qllx: this.propsParam.qllx,
         qllx: this.propsParam.qllx,
@@ -86,7 +99,7 @@ export default {
         }
         }
       });
       });
     },
     },
-    checkChange() {
+    checkChange () {
       if (this.checkList.length === 0) {
       if (this.checkList.length === 0) {
         this.tableData = [];
         this.tableData = [];
         this.emptycolNum = datas.columns().emptycolNum;
         this.emptycolNum = datas.columns().emptycolNum;
@@ -94,7 +107,7 @@ export default {
         this.loadData();
         this.loadData();
       }
       }
     },
     },
-    getQsztName(code) {
+    getQsztName (code) {
       let name = "";
       let name = "";
       for (let item of this.qsztList) {
       for (let item of this.qsztList) {
         if (item.value == code) {
         if (item.value == code) {

@@ -5,30 +5,45 @@
         {{ title }}
         {{ title }}
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
-            <el-checkbox
-              v-for="item in qsztList"
-              :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
           </el-checkbox-group>
         </div>
         </div>
       </div>
       </div>
       <div class="xxTableBox">
       <div class="xxTableBox">
+        <!-- 固定前三个 -->
         <table class="xxTable">
         <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
+          <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
             <td>
             <td>
               {{ item.label }}
               {{ item.label }}
             </td>
             </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              ]"
-            >
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+
+        <table class="xxTable rollTable">
+          <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
@@ -50,7 +65,7 @@
 import { getJsydsyqList } from "@/api/registerBook.js";
 import { getJsydsyqList } from "@/api/registerBook.js";
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 export default {
 export default {
-  data() {
+  data () {
     return {
     return {
       title: "建设用地使用权、宅基地使用权登记信息",
       title: "建设用地使用权、宅基地使用权登记信息",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
@@ -65,11 +80,11 @@ export default {
       columns: datas.columns().JSYDSYQ,
       columns: datas.columns().JSYDSYQ,
     };
     };
   },
   },
-  created() {
+  created () {
     this.loadData();
     this.loadData();
   },
   },
   methods: {
   methods: {
-    loadData() {
+    loadData () {
       getJsydsyqList({
       getJsydsyqList({
         bdcdyid: this.propsParam.bdcdyid,
         bdcdyid: this.propsParam.bdcdyid,
         qllx: this.propsParam.qllx,
         qllx: this.propsParam.qllx,
@@ -77,7 +92,7 @@ export default {
       }).then((res) => {
       }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.tableData = res.result;
           this.tableData = res.result;
-           if (this.tableData.length < datas.columns().emptycolNum) {
+          if (this.tableData.length < datas.columns().emptycolNum) {
             this.emptycolNum =
             this.emptycolNum =
               datas.columns().emptycolNum - this.tableData.length;
               datas.columns().emptycolNum - this.tableData.length;
           } else {
           } else {
@@ -86,7 +101,7 @@ export default {
         }
         }
       });
       });
     },
     },
-   checkChange() {
+    checkChange () {
       if (this.checkList.length === 0) {
       if (this.checkList.length === 0) {
         this.tableData = [];
         this.tableData = [];
         this.emptycolNum = datas.columns().emptycolNum;
         this.emptycolNum = datas.columns().emptycolNum;
@@ -94,7 +109,7 @@ export default {
         this.loadData();
         this.loadData();
       }
       }
     },
     },
-    getQsztName(code) {
+    getQsztName (code) {
       let name = "";
       let name = "";
       for (let item of this.qsztList) {
       for (let item of this.qsztList) {
         if (item.value == code) {
         if (item.value == code) {

@@ -5,30 +5,22 @@
         {{ title }}
         {{ title }}
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
-            <el-checkbox
-              v-for="item in qsztList"
-              :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
           </el-checkbox-group>
         </div>
         </div>
       </div>
       </div>
       <div class="xxTableBox">
       <div class="xxTableBox">
+        <!-- 固定前三个 -->
         <table class="xxTable">
         <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
+          <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
             <td>
             <td>
               {{ item.label }}
               {{ item.label }}
             </td>
             </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              ]"
-            >
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
@@ -41,6 +33,30 @@
             <td v-for="count in emptycolNum" :key="~count"></td>
             <td v-for="count in emptycolNum" :key="~count"></td>
           </tr>
           </tr>
         </table>
         </table>
+
+        <table class="xxTable rollTable">
+          <tr v-for="(item, colindex) in columnsslice(3)" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+
       </div>
       </div>
     </div>
     </div>
   </div>
   </div>
@@ -50,7 +66,7 @@
 import { getFdcq2List } from "@/api/registerBook.js";
 import { getFdcq2List } from "@/api/registerBook.js";
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 export default {
 export default {
-  data() {
+  data () {
     return {
     return {
       title: "房地产权登记信息（独幢、层、套、间房屋）",
       title: "房地产权登记信息（独幢、层、套、间房屋）",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
@@ -65,11 +81,11 @@ export default {
       columns: datas.columns().FDCQ2,
       columns: datas.columns().FDCQ2,
     };
     };
   },
   },
-  created() {
+  created () {
     this.loadData();
     this.loadData();
   },
   },
   methods: {
   methods: {
-    loadData() {
+    loadData () {
       getFdcq2List({
       getFdcq2List({
         bdcdyid: this.propsParam.bdcdyid,
         bdcdyid: this.propsParam.bdcdyid,
         qllx: this.propsParam.qllx,
         qllx: this.propsParam.qllx,
@@ -77,7 +93,7 @@ export default {
       }).then((res) => {
       }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.tableData = res.result;
           this.tableData = res.result;
-         if (this.tableData.length < datas.columns().emptycolNum) {
+          if (this.tableData.length < datas.columns().emptycolNum) {
             this.emptycolNum =
             this.emptycolNum =
               datas.columns().emptycolNum - this.tableData.length;
               datas.columns().emptycolNum - this.tableData.length;
           } else {
           } else {
@@ -86,7 +102,7 @@ export default {
         }
         }
       });
       });
     },
     },
-    checkChange() {
+    checkChange () {
       if (this.checkList.length === 0) {
       if (this.checkList.length === 0) {
         this.tableData = [];
         this.tableData = [];
         this.emptycolNum = datas.columns().emptycolNum;
         this.emptycolNum = datas.columns().emptycolNum;
@@ -94,7 +110,7 @@ export default {
         this.loadData();
         this.loadData();
       }
       }
     },
     },
-    getQsztName(code) {
+    getQsztName (code) {
       let name = "";
       let name = "";
       for (let item of this.qsztList) {
       for (let item of this.qsztList) {
         if (item.value == code) {
         if (item.value == code) {

@@ -5,30 +5,45 @@
         {{ title }}
         {{ title }}
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
-            <el-checkbox
-              v-for="item in qsztList"
-              :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
           </el-checkbox-group>
         </div>
         </div>
       </div>
       </div>
       <div class="xxTableBox">
       <div class="xxTableBox">
+        <!-- 固定前三个 -->
         <table class="xxTable">
         <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
+          <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
             <td>
             <td>
               {{ item.label }}
               {{ item.label }}
             </td>
             </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              ]"
-            >
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+
+        <table class="xxTable rollTable">
+          <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
@@ -50,7 +65,7 @@
 import { getJsydsyqList } from "@/api/registerBook.js";
 import { getJsydsyqList } from "@/api/registerBook.js";
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 export default {
 export default {
-  data() {
+  data () {
     return {
     return {
       title: "建设用地使用权、宅基地使用权登记信息",
       title: "建设用地使用权、宅基地使用权登记信息",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
@@ -65,11 +80,11 @@ export default {
       columns: datas.columns().JSYDSYQ,
       columns: datas.columns().JSYDSYQ,
     };
     };
   },
   },
-  created() {
+  created () {
     this.loadData();
     this.loadData();
   },
   },
   methods: {
   methods: {
-    loadData() {
+    loadData () {
       getJsydsyqList({
       getJsydsyqList({
         bdcdyid: this.propsParam.bdcdyid,
         bdcdyid: this.propsParam.bdcdyid,
         qllx: this.propsParam.qllx,
         qllx: this.propsParam.qllx,
@@ -86,7 +101,7 @@ export default {
         }
         }
       });
       });
     },
     },
-    checkChange() {
+    checkChange () {
       if (this.checkList.length === 0) {
       if (this.checkList.length === 0) {
         this.tableData = [];
         this.tableData = [];
         this.emptycolNum = datas.columns().emptycolNum;
         this.emptycolNum = datas.columns().emptycolNum;
@@ -94,7 +109,7 @@ export default {
         this.loadData();
         this.loadData();
       }
       }
     },
     },
-    getQsztName(code) {
+    getQsztName (code) {
       let name = "";
       let name = "";
       for (let item of this.qsztList) {
       for (let item of this.qsztList) {
         if (item.value == code) {
         if (item.value == code) {

@@ -2,7 +2,6 @@
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
     background: #fff;
     background: #fff;
-    overflow-y: scroll;
     color: #333;
     color: #333;
 
 
     .tableBox {
     .tableBox {
@@ -105,13 +104,21 @@
                 z-index: 10;
                 z-index: 10;
             }
             }
 
 
+            tr {
+                display: flex;
+            }
+
             tr td {
             tr td {
-                border: 1px solid #ccc;
+                border: 1px solid rgb(227, 226, 226);
                 text-align: center;
                 text-align: center;
                 height: 40px;
                 height: 40px;
-                padding: 4px;
                 font-size: 13px;
                 font-size: 13px;
                 width: 140px;
                 width: 140px;
+                flex: 1;
+                width: 100%;
+                display: flex;
+                align-items: center;
+                justify-content: center;
             }
             }
 
 
             >tr:nth-child(odd) td {
             >tr:nth-child(odd) td {
@@ -130,5 +137,13 @@
                 color: #7f7f7f;
                 color: #7f7f7f;
             }
             }
         }
         }
+
+        .rollTable {
+            margin-top: -2px;
+            display: block;
+            height: calc(100vh - 300px);
+            overflow-y: scroll;
+            margin-left: 2px;
+        }
     }
     }
 }
 }
\ No newline at end of file

@@ -5,30 +5,43 @@
         {{ title }}
         {{ title }}
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
-            <el-checkbox
-              v-for="item in qsztList"
-              :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
           </el-checkbox-group>
         </div>
         </div>
       </div>
       </div>
       <div class="xxTableBox">
       <div class="xxTableBox">
         <table class="xxTable">
         <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
+          <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
             <td>
             <td>
               {{ item.label }}
               {{ item.label }}
             </td>
             </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              ]"
-            >
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+        <table class="xxTable rollTable">
+          <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
@@ -50,8 +63,8 @@
 import { getYgdjList } from "@/api/registerBook.js";
 import { getYgdjList } from "@/api/registerBook.js";
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 export default {
 export default {
-  data() {
-   return {
+  data () {
+    return {
       title: "预告登记信息",
       title: "预告登记信息",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
       checkList: datas.columns().checkList,
@@ -60,16 +73,16 @@ export default {
       //列表数据
       //列表数据
       tableData: [],
       tableData: [],
       //空列值个数
       //空列值个数
-       emptycolNum: datas.columns().emptycolNum,
+      emptycolNum: datas.columns().emptycolNum,
       //列名称对象
       //列名称对象
       columns: datas.columns().YGDJ,
       columns: datas.columns().YGDJ,
     };
     };
   },
   },
-  created() {
+  created () {
     this.loadData();
     this.loadData();
   },
   },
   methods: {
   methods: {
-   loadData() {
+    loadData () {
       getYgdjList({
       getYgdjList({
         bdcdyid: this.propsParam.bdcdyid,
         bdcdyid: this.propsParam.bdcdyid,
         qllx: this.propsParam.qllx,
         qllx: this.propsParam.qllx,
@@ -86,7 +99,7 @@ export default {
         }
         }
       });
       });
     },
     },
-    checkChange() {
+    checkChange () {
       if (this.checkList.length === 0) {
       if (this.checkList.length === 0) {
         this.tableData = [];
         this.tableData = [];
         this.emptycolNum = datas.columns().emptycolNum;
         this.emptycolNum = datas.columns().emptycolNum;
@@ -94,7 +107,7 @@ export default {
         this.loadData();
         this.loadData();
       }
       }
     },
     },
-    getQsztName(code) {
+    getQsztName (code) {
       let name = "";
       let name = "";
       for (let item of this.qsztList) {
       for (let item of this.qsztList) {
         if (item.value == code) {
         if (item.value == code) {

@@ -5,30 +5,43 @@
         {{ title }}
         {{ title }}
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
-            <el-checkbox
-              v-for="item in qsztList"
-              :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
           </el-checkbox-group>
         </div>
         </div>
       </div>
       </div>
       <div class="xxTableBox">
       <div class="xxTableBox">
         <table class="xxTable">
         <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
+          <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
             <td>
             <td>
               {{ item.label }}
               {{ item.label }}
             </td>
             </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              ]"
-            >
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+        <table class="xxTable rollTable">
+          <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
@@ -50,7 +63,7 @@
 import { getYydjList } from "@/api/registerBook.js";
 import { getYydjList } from "@/api/registerBook.js";
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 export default {
 export default {
-  data() {
+  data () {
     return {
     return {
       title: "异议登记信息",
       title: "异议登记信息",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
@@ -65,11 +78,11 @@ export default {
       columns: datas.columns().YYDJ,
       columns: datas.columns().YYDJ,
     };
     };
   },
   },
-  created() {
+  created () {
     this.loadData();
     this.loadData();
   },
   },
   methods: {
   methods: {
-    loadData() {
+    loadData () {
       getYydjList({
       getYydjList({
         bdcdyid: this.propsParam.bdcdyid,
         bdcdyid: this.propsParam.bdcdyid,
         qllx: this.propsParam.qllx,
         qllx: this.propsParam.qllx,
@@ -86,7 +99,7 @@ export default {
         }
         }
       });
       });
     },
     },
-     checkChange() {
+    checkChange () {
       if (this.checkList.length === 0) {
       if (this.checkList.length === 0) {
         this.tableData = [];
         this.tableData = [];
         this.emptycolNum = datas.columns().emptycolNum;
         this.emptycolNum = datas.columns().emptycolNum;
@@ -94,7 +107,7 @@ export default {
         this.loadData();
         this.loadData();
       }
       }
     },
     },
-    getQsztName(code) {
+    getQsztName (code) {
       let name = "";
       let name = "";
       for (let item of this.qsztList) {
       for (let item of this.qsztList) {
         if (item.value == code) {
         if (item.value == code) {

+<template>
+  <div>
+    <el-form :model="ruleForm" label-width="120px">
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="查询时间：">
+            <!-- <el-input disabled v-model="ruleForm.cxlx"></el-input> -->
+            {{ ruleForm.cxsj }}
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="不动产单元号：">
+            {{ ruleForm.bdcdyh }}
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <table class="table1">
+            <tr>
+              <td>1</td>
+              <td>2</td>
+              <td>3</td>
+              <td>4</td>
+              <td>5</td>
+              <td>6</td>
+              <td>7</td>
+              <td>8</td>
+              <td>9</td>
+              <td>10</td>
+              <td>11</td>
+
+            </tr>
+          </table>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+  
+  <script>
+import { getJtfcInfo } from "@/api/sqcxjl";
+
+export default {
+  components: {},
+  props: ["formData"],
+
+  created() {
+    var sqcxdata = this.formData.sqcxdata;
+    this.ruleForm = sqcxdata;
+  },
+
+  data() {
+    return {
+      ruleForm: {
+        cxsj: "",
+        bdcdyh: "",
+      },
+    };
+  },
+
+  mounted() {},
+
+  methods: {},
+};
+</script>
+  <style scoped lang="scss">
+@import "~@/styles/mixin.scss";
+
+.table1 {
+  border-spacing: 0; 
+  border-collapse: collapse;
+  width: 100%;
+  
+}
+
+.table1 td {
+  border: 1px solid #acbed1;
+  height: 30px;
+}
+</style>
+  
\ No newline at end of file

@@ -5,39 +5,31 @@
       <el-form :model="queryForm" ref="queryForm" label-width="80px">
       <el-form :model="queryForm" ref="queryForm" label-width="80px">
         <el-row>
         <el-row>
           <el-col :span="5">
           <el-col :span="5">
-            <el-form-item label="业务来源">
-              <el-select v-model="queryForm.ywly" class="width100" filterable clearable placeholder="请选择业务来源">
-                <el-option v-for="item in dictData['ywly']" :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-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型">
-                <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="5">
-            <el-form-item label="登记类型">
-              <el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型">
-                <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
-                </el-option>
-              </el-select>
+            <el-form-item label="查询编号">
+              <el-input
+                placeholder="请输入编号"
+                v-model="queryForm.cxbh"
+                class="width200px"
+                clearable
+              >
+              </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="5">
           <el-col :span="5">
-            <el-form-item label="业务号">
-              <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
+            <el-form-item label="申请人">
+              <el-input
+                placeholder="请输入申请人"
+                v-model="queryForm.sqr"
+                class="width200px"
+                clearable
+              >
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
 
 
-          <el-col :span="4" class="btnCol">
+          <el-col :span="14" class="btnColRight">
             <el-form-item>
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
+              <el-button type="primary" @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>
@@ -46,59 +38,82 @@
     </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"
-        :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
-        :column="tableData.columns" :data="tableData.data">
+      <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"
+        :column="tableData.columns"
+        :data="tableData.data"
+      >
       </lb-table>
       </lb-table>
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
-import { mapGetters } from 'vuex'
+import { mapGetters } from "vuex";
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
 import { datas, sendThis } from "./dydjbdata";
 import { datas, sendThis } from "./dydjbdata";
+import { getJtfcPage } from "@/api/jtfc";
+
 export default {
 export default {
   name: "dydjb",
   name: "dydjb",
   mixins: [table],
   mixins: [table],
-  mounted () {
+  mounted() {
     sendThis(this);
     sendThis(this);
   },
   },
   computed: {
   computed: {
-    ...mapGetters(['dictData']),
+    ...mapGetters(["dictData"]),
   },
   },
-  data () {
+  data() {
     return {
     return {
       queryForm: {
       queryForm: {
-        ywly: "",
-        qllx: "",
-        djlx: "",
+        cxbh: "",
+        sqr: "",
         ywh: "",
         ywh: "",
       },
       },
       tableData: {
       tableData: {
-        total: 0,
         columns: datas.columns(),
         columns: datas.columns(),
-        data: [
-          {
-            cxlx: "家庭房产",
-            cxbh: "20200409146",
-            cxsj: "2016-10-02 10:00:00",
-            slry: "张三",
-            sqr: "张三",
-            yqlrgx: "不动产权利人",
-            qlr: "绿地开发商",
-          },
-        ],
+        data: [],
       },
       },
     };
     };
   },
   },
   methods: {
   methods: {
     // 初始化数据
     // 初始化数据
-    fetchData () { },
-    handleSort (name, sort) {
+    fetchData() {
+      getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
+        let { records, total } = res.result;
+        this.tableData.data = records;
+        this.tableData.total = total;
+      });
+    },
+    handleSort(name, sort) {
       console.log(name, sort);
       console.log(name, sort);
     },
     },
-    openDialog () {
-      console.log(999999999999999);
+
+    dydjbClick(scope) {
+      // var sqcxBsm = scope.row.bsmSqcx; 
+      this.$popup({
+        title: "打印登记薄",
+        width: "85%",
+        btnShow: true,
+        editItem: "sqcx/dydjb/components/dydjbInfo", // 弹窗内容
+        height: "700px",
+        formData: {
+          sqcxdata: scope.row,
+        },
+        cancel: function () {}, //取消事件的回调
+        confirm: function () {
+          // that.loadBdcdylist();
+        }, //确认事件的回调
+      });
+    },
+
+    queryClick() {
+      this.fetchData();
     },
     },
   },
   },
 };
 };

@@ -16,8 +16,15 @@ class data extends filter {
         width: '50'
         width: '50'
       },
       },
       {
       {
-        prop: "cxlx",
         label: "查询类型",
         label: "查询类型",
+        render: (h, scope) => {
+          switch (scope.row.cxlx) {
+            case '1':
+              return <div>家庭房产</div>
+            case '2':
+              return <div>登记簿</div>
+          }
+        }
       },
       },
       {
       {
         prop: "cxbh",
         prop: "cxbh",
@@ -28,32 +35,40 @@ 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: "权利人",
       },
       },
+      {
+        label: "操作",
+        render: (h, scope) => {
+          return <el-button type="text" icon='el-icon-view' onClick={() => { vm.dydjbClick(scope) }}>打印登记薄</el-button>
+        }
+      },
+
     ]
     ]
   }
   }
 
 
-  ywlys(){
-    return[
-      { value: 1, label: "办事大厅" },
-      { value: 2, label: "微信小程序" },
-      { value: 3, label: "法院端" },
-      { value: 4, label: "银行端" },
-    ]
-  } 
 
 
 }
 }
 let datas = new data()
 let datas = new data()

 <template>
 <template>
-  <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="80%" :isButton="false" v-model="myValue">
+  <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="90%" :isButton="false" v-model="myValue">
     <div class="jtfccx-edit">
     <div class="jtfccx-edit">
       <div class="jtfccx-edit-con">
       <div class="jtfccx-edit-con">
         <b class="title">申请信息</b>
         <b class="title">申请信息</b>
-        <personInfoTable @getInfoList="handleGetSqList" :dataList="sqdataList" />
         <el-form :model="ruleForm" label-width="120px">
         <el-form :model="ruleForm" label-width="120px">
           <el-row>
           <el-row>
             <el-col :span="8">
             <el-col :span="8">
               <el-form-item label="查询用途" label-width="90px">
               <el-form-item label="查询用途" label-width="90px">
-                <el-input v-model="ruleForm.cxyt"></el-input>
+                <el-input v-model="ruleForm.cxyt" class="width200px"></el-input>
               </el-form-item>
               </el-form-item>
             </el-col>
             </el-col>
             <el-col :span="16">
             <el-col :span="16">
@@ -22,15 +21,17 @@
             </el-col>
             </el-col>
           </el-row>
           </el-row>
         </el-form>
         </el-form>
+        <personInfoTable @getInfoList="handleGetSqList" :dataList="sqdataList" />
+
         <b class="title">权利人</b>
         <b class="title">权利人</b>
-        <personInfoTable :dataList="qldataList" @getInfoList="handleGetQlList" />
+        <personInfoTable @getInfoList="handleGetQlList" :dataList="qldataList"  />
         <div class="submit-button">
         <div class="submit-button">
-          <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
-          <el-button icon="el-icon-refresh-left" @click="handleReset">重置</el-button>
+          <el-button type="primary"  @click="queryChick()">查询</el-button>
+          <el-button  @click="resetClick()">重置</el-button>
         </div>
         </div>
         <b class="title">查询结果</b>
         <b class="title">查询结果</b>
         <p>查询编号：202200409</p>
         <p>查询编号：202200409</p>
-        <lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting
+        <lb-table :column="searchData.columns" border :data="searchData.data" :maxHeight="200" heightNumSetting
           :pagination="false">
           :pagination="false">
         </lb-table>
         </lb-table>
       </div>
       </div>
@@ -47,6 +48,8 @@
 <script>
 <script>
 import personInfoTable from '@/views/components/personInfoTable'
 import personInfoTable from '@/views/components/personInfoTable'
 import { addJtfcCxjgXx } from '@/api/jtfc'
 import { addJtfcCxjgXx } from '@/api/jtfc'
+import { datas, sendThis } from "./addjtfcdata";
+
 export default {
 export default {
   components: {
   components: {
     personInfoTable
     personInfoTable
@@ -54,6 +57,10 @@ export default {
   props: {
   props: {
     value: { type: Boolean, default: false },
     value: { type: Boolean, default: false },
   },
   },
+  mounted() {
+    sendThis(this);
+  },
+
   data () {
   data () {
     return {
     return {
       myValue: this.value,
       myValue: this.value,
@@ -75,73 +82,12 @@ export default {
         name: '1',
         name: '1',
         value: 1
         value: 1
       }],
       }],
-      searchData: {
-        columns: [
-          {
-            prop: 'qszt',
-            label: '权属状态',
-          },
-          {
-            prop: 'bdcqzh',
-            label: '不动产权证号',
-          },
-          {
-            prop: 'djsj',
-            label: '登记时间',
-          },
-          {
-            prop: 'hth',
-            label: '合同号',
-          },
-          {
-            prop: 'wqsj',
-            label: '网签时间',
-          },
-          {
-            prop: 'bdcdyh',
-            label: '不动产单元号',
-          },
-          {
-            prop: 'gyfs',
-            label: '共有方式',
-          },
-          {
-            prop: 'qlr',
-            label: '权利人',
-          },
-          {
-            prop: 'zjh',
-            label: '证件号',
-          },
-          {
-            prop: 'fdzl',
-            label: '房地坐落',
-          },
-          {
-            prop: 'jzmj',
-            label: '建筑面积（㎡）',
-          },
-          {
-            prop: 'fwyt',
-            label: '房屋用途',
-          },
-          {
 
 
-            label: '登记状态',
-            width: '150',
-            align: 'center',
-            fixed: 'right',
-            render: (h, scope) => {
-              return (
-                <div>
-                  <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope) }}>抵押</el-button>
-                </div>
-              )
-            }
-          }
-        ],
-        data: []
+      searchData: {
+        columns: datas.columns(),
+        data: [],
       },
       },
+
       addJtfc: {
       addJtfc: {
         djSqcxDO: {},
         djSqcxDO: {},
         sqxx: [],
         sqxx: [],
@@ -183,23 +129,40 @@ export default {
         this.addJtfc.qlrxx = val
         this.addJtfc.qlrxx = val
       }
       }
     },
     },
-    handleSearch () {
+    queryChick () {      
+      debugger;
       this.addJtfc.djSqcxDO = { ...this.ruleForm }
       this.addJtfc.djSqcxDO = { ...this.ruleForm }
+      // this.$message({
+      //     type: 'success',
+      //     message: '删除成功!'
+      //   });
+
       addJtfcCxjgXx(this.addJtfc).then(res => {
       addJtfcCxjgXx(this.addJtfc).then(res => {
+        this.searchData.data = res.result;
         console.log(res);
         console.log(res);
       })
       })
     },
     },
-    handleReset () {
+    resetClick () {
       this.qldataList = _.cloneDeep(this.dataList)
       this.qldataList = _.cloneDeep(this.dataList)
       this.sqdataList = _.cloneDeep(this.dataList)
       this.sqdataList = _.cloneDeep(this.dataList)
     },
     },
-    handleRead (row) { }
+    handleRead (row) { },
+
+    //抵押
+    dyClick(){
+
+    },
+
+    //查封
+    cfClick(){
+
+    }
   }
   }
 }
 }
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
 @import "~@/styles/mixin.scss";
-
+@import "~@/styles/public.scss";
 .title {
 .title {
   padding-bottom: 10px;
   padding-bottom: 10px;
   margin-bottom: 10px;
   margin-bottom: 10px;

+import filter from '@/utils/filter.js'
+let vm = null
+
+const sendThis = (_this) => {
+  vm = _this
+}
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        prop: 'qszt',
+        label: '权属状态',
+      },
+      {
+        prop: 'bdcqzh',
+        label: '不动产权证号',
+      },
+      {
+        prop: 'djsj',
+        label: '登记时间',
+      },
+      {
+        prop: 'hth',
+        label: '合同号',
+      },
+      {
+        prop: 'wqsj',
+        label: '网签时间',
+      },
+      {
+        prop: 'bdcdyh',
+        label: '不动产单元号',
+      },
+      {
+        prop: 'gyfs',
+        label: '共有方式',
+      },
+      {
+        prop: 'qlr',
+        label: '权利人',
+      },
+      {
+        prop: 'zjh',
+        label: '证件号',
+      },
+      {
+        prop: 'fdzl',
+        label: '房地坐落',
+      },
+      {
+        prop: 'jzmj',
+        label: '建筑面积（㎡）',
+      },
+      {
+        prop: 'fwyt',
+        label: '房屋用途',
+      },
+      {
+
+        label: '登记状态',
+        width: '150',
+        align: 'center',
+        fixed: 'right',
+        render: (h, scope) => {
+          return (
+            <div>
+              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.dyClick(scope) }}>抵押</el-button>
+              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.cfClick(scope) }}>查封</el-button>
+
+            </div>
+            
+          )
+        }
+      }
+    ]
+  }
+
+}
+let datas = new data()
+export {
+  datas,
+  sendThis
+}

@@ -26,7 +26,7 @@
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="14" class="btnCol">
+          <el-col :span="14" class="btnColRight">
             <el-button type="primary"  @click="queryClick()"
             <el-button type="primary"  @click="queryClick()"
               >查询</el-button
               >查询</el-button
             >
             >
@@ -51,7 +51,7 @@
       >
       >
       </lb-table>
       </lb-table>
     </div>
     </div>
-    <editDialog v-model="isDialog" />
+    <addjtfc v-model="isDialog" />
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
@@ -76,7 +76,6 @@ export default {
         sqr: "",
         sqr: "",
       },
       },
 
 
-
       tableData: {
       tableData: {
         columns: datas.columns(),
         columns: datas.columns(),
         data: [],
         data: [],

+<template>
+  <div >
+    <el-form :model="ruleForm" label-width="120px">
+      <el-row>
+        <el-col :span="24" style="margin-bottom: 15px">
+          <div class="slxx_title title-block">
+            申请信息
+            <div class="triangle"></div>
+          </div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="查询用途" label-width="90px">
+            <el-input v-model="ruleForm.cxyt" class="width200px"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="16">
+          <el-form-item label="与产权人的关系">
+            <el-radio-group v-model="ruleForm.ycyrgx">
+              <el-radio :label="1">房屋权利人</el-radio>
+              <el-radio :label="2">产权利害关系人</el-radio>
+              <el-radio :label="3">委托人</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col>
+          <lb-table
+            :column="sqrData.columns"
+            border
+            :data="sqrData.data"
+            :maxHeight="200"
+            heightNumSetting
+            :pagination="false"
+          >
+          </lb-table>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="24" style="margin-bottom: 15px">
+          <div class="slxx_title title-block">
+            权利人
+            <div class="triangle"></div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col>
+          <lb-table
+            :column="qlrData.columns"
+            border
+            :data="qlrData.data"
+            :maxHeight="200"
+            heightNumSetting
+            :pagination="false"
+          >
+          </lb-table>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="24" style="margin-bottom: 15px">
+          <div class="slxx_title title-block">
+            查询结果
+            <div class="triangle"></div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col>
+          <p>查询编号：202200409</p>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col>
+          <lb-table
+            border
+            :column="cxjgData.columns"
+            :data="cxjgData.data"
+            :maxHeight="200"
+            heightNumSetting
+            :pagination="false"
+          >
+          </lb-table>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getJtfcInfo } from "@/api/sqcxjl";
+import { datas, sendThis } from "./sqcxjlInfodata";
+
+export default {
+  components: {},
+  // props: {
+  //   value: { type: Boolean, default: false },
+  // },
+  props: ["formData"],
+
+  created() {
+    // debugger;
+    // alert(this.formData.sqcxBsm);
+  },
+
+  data() {
+    return {
+      ruleForm: {
+        cxyt: "",
+        ycyrgx: 1,
+        cxlx: "1", //查询类型 1：房产查询 2：登记簿查询
+      },
+
+      sqrData: {
+        columns: datas.sqrcolumns(),
+        data: [],
+      },
+
+      cxjgData: {
+        columns: datas.cxjgcolumns(),
+        data: [],
+      },
+
+      qlrData: {
+        columns: datas.qlrcolumns(),
+        data: [],
+      },
+    };
+  },
+
+  mounted() {
+    debugger;
+    sendThis(this);
+    var sqcxBsm = this.formData.sqcxBsm;
+
+    getJtfcInfo({ sqcxBsm: sqcxBsm })
+      .then((res) => {
+        if (res.code == 200) {
+          this.sqrData.data = res.result.sqxx;
+          this.qlrData.data = res.result.qlrxx;
+          this.cxjgData.data = res.result.djSqcxCxjgDOList;
+
+        }
+      })
+      .catch((error) => {
+        console.log(error);
+      });
+  },
+
+  methods: {},
+};
+</script>
+<style scoped lang="scss">
+@import "~@/styles/mixin.scss";
+</style>

+import filter from '@/utils/filter.js'
+let vm = null
+
+const sendThis = (_this) => {
+  vm = _this
+}
+class data extends filter {
+  constructor() {
+    super()
+  }
+  cxjgcolumns () {
+    return [
+      {
+        prop: 'qszt',
+        label: '权属状态',
+      },
+      {
+        prop: 'bdcqzh',
+        label: '不动产权证号',
+      },
+      {
+        prop: 'djsj',
+        label: '登记时间',
+      },
+      {
+        prop: 'hth',
+        label: '合同号',
+      },
+      {
+        prop: 'wqsj',
+        label: '网签时间',
+      },
+      {
+        prop: 'bdcdyh',
+        label: '不动产单元号',
+      },
+      {
+        prop: 'gyfs',
+        label: '共有方式',
+      },
+      {
+        prop: 'qlr',
+        label: '权利人',
+      },
+      {
+        prop: 'zjh',
+        label: '证件号',
+      },
+      {
+        prop: 'fdzl',
+        label: '房地坐落',
+      },
+      {
+        prop: 'jzmj',
+        label: '建筑面积（㎡）',
+      },
+      {
+        prop: 'fwyt',
+        label: '房屋用途',
+      },
+      {
+
+        label: '登记状态',
+        width: '150',
+        align: 'center',
+        fixed: 'right',
+        render: (h, scope) => {
+          return (
+            <div>
+              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope) }}>抵押</el-button>
+            </div>
+          )
+        }
+      }
+    ]
+  }
+  sqrcolumns () {
+    return [
+      {
+        prop: 'sqrxm',
+        label: '姓名/名称',
+      },
+      {
+        prop: 'sqrzjlxmc',
+        label: '证件种类',
+      },
+      {
+        prop: 'sqrzjhm',
+        label: '证件号',
+      },
+      {
+        prop: 'lxdh',
+        label: '联系电话',
+      },
+    ]
+  }
+
+  qlrcolumns () {
+    return [
+      {
+        prop: 'sqrxm',
+        label: '姓名/名称',
+      },
+      {
+        prop: 'sqrzjlxmc',
+        label: '证件种类',
+      },
+      {
+        prop: 'sqrzjhm',
+        label: '证件号',
+      },
+      {
+        prop: 'lxdh',
+        label: '联系电话',
+      },
+    ]
+  }
+
+}
+
+
+
+let datas = new data()
+
+export {
+  datas,
+  sendThis
+}

@@ -6,34 +6,29 @@
         <el-row>
         <el-row>
           <el-col :span="5">
           <el-col :span="5">
             <el-form-item label="查询编号">
             <el-form-item label="查询编号">
-              <el-input placeholder="请输入编号" v-model="queryForm.cxbh" clearable>
+              <el-input
+                placeholder="请输入编号"
+                v-model="queryForm.cxbh"
+                class="width200px"
+                clearable
+              >
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="5">
           <el-col :span="5">
             <el-form-item label="申请人">
             <el-form-item label="申请人">
-              <el-input placeholder="请输入申请人" v-model="queryForm.sqr" clearable>
+              <el-input
+                placeholder="请输入申请人"
+                v-model="queryForm.sqr"
+                class="width200px"
+                clearable
+              >
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <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-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
-              </el-input>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="4" class="btnCol">
+          <el-col :span="14" class="btnColRight">
             <el-form-item>
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
+              <el-button type="primary" @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,75 +37,84 @@
     </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"
-        :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
-        :column="tableData.columns" :data="tableData.data">
+      <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"
+        :column="tableData.columns"
+        :data="tableData.data"
+      >
       </lb-table>
       </lb-table>
     </div>
     </div>
-    <!-- <editDialog v-model="isDialog" /> -->
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
-// import editDialog from "../components/editDialog.vue"
-import table from "@/utils/mixin/table"
-import { datas, sendThis } from "./sqcxjldata"
-import { getJtfcPage } from '@/api/sqcx'
+import table from "@/utils/mixin/table";
+import { datas, sendThis } from "./sqcxjldata";
+import { getJtfcPage } from "@/api/jtfc";
 export default {
 export default {
   name: "sqcxjl",
   name: "sqcxjl",
-  components: { editDialog },
   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 () {
-      getJtfcPage({ ...this.queryForm, ...this.pageData }).then(res => {
-        let { records, total } = res.result
-        this.tableData.data = records
-        this.tableData.total = total
-      })
+    fetchData() {
+
+      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 () {
-      this.isDialog = true
-    }
+    handleViewClick(scope) {
+      var sqcxBsm = scope.row.bsmSqcx; 
+      this.$popup({
+        title: "申请查询记录",
+        width: "85%",
+        btnShow: true,
+        editItem: "sqcx/sqcxjl/components/sqcxjlInfo", // 弹窗内容
+        height: "700px",
+        formData: {
+          sqcxBsm: sqcxBsm,
+        },
+        cancel: function () {}, //取消事件的回调
+        confirm: function () {
+          // that.loadBdcdylist();
+        }, //确认事件的回调
+      });
+    },
   },
   },
 };
 };
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
 @import "~@/styles/public.scss";
 @import "~@/styles/public.scss";
+
 </style>
 </style>

@@ -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: "权利人",
       },
       },
       {
       {
@@ -52,9 +64,9 @@ class data extends filter {
         label: "查询用途",
         label: "查询用途",
       },
       },
       {
       {
-        label: "查询编号",
+        label: "操作",
         render: (h, scope) => {
         render: (h, scope) => {
-          return <el-button type="text" icon='el-icon-view' onClick={() => { vm.handleView() }}>查看</el-button>
+          return <el-button type="text" icon='el-icon-view' onClick={() => { vm.handleViewClick(scope) }}>查看</el-button>
         }
         }
       },
       },
     ]
     ]

@@ -14,7 +14,7 @@
               <el-input v-model="ruleForm.dname" placeholder="字典类型名称"></el-input>
               <el-input v-model="ruleForm.dname" placeholder="字典类型名称"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="12" class="btnCol">
+          <el-col :span="12" class="btnColRight">
             <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="fetchData">查询</el-button>
               <el-button icon="el-icon-refresh" @click="handleRefresh">刷新缓存</el-button>
               <el-button icon="el-icon-refresh" @click="handleRefresh">刷新缓存</el-button>

@@ -12,7 +12,7 @@
               </el-select>
               </el-select>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="18" class="btnCol">
+          <el-col :span="18" class="btnColRight">
             <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="fetchData()">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>

@@ -18,7 +18,7 @@
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="12" class="btnCol">
+          <el-col :span="12" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" icon="el-icon-search" @click="queryClick()">查询</el-button>
               <el-button type="primary" icon="el-icon-search" @click="queryClick()">查询</el-button>
             </el-form-item>
             </el-form-item>

+<template>
+  <div>
+    <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData">
+    </lb-table>
+  </div>
+</template>
+<script>
+import addQlr from './addQlr.vue'
+import { mapGetters } from 'vuex'
+export default {
+  components: {
+    addQlr
+  },
+  computed: {
+    ...mapGetters(["dictData"]),
+  },
+  props: {
+    tableData: {
+      type: Array,
+      default: function () {
+        return []
+      }
+    },
+    gyfs: {
+      type: String,
+      default: '1'
+    }
+  },
+  data () {
+    return {
+      key: 0,
+      dataIndex: 0,
+      dialog: false,
+      details: {},
+      tableDataList: [],
+      InformationTable: [
+        {
+        label: '序号',
+        type: 'index',
+        width: '50',
+        render: (h, scope) => {
+          return (
+            <div>
+              {scope.$index + 1}
+            </div>
+          )
+        }
+      },
+        {
+          prop: "qllxmc",
+          label: "权利类型"
+        },
+        {
+          prop: "bdcqzh",
+          label: "不动产权证号"
+        },
+        {
+          prop: "qlrmc",
+          label: "权利人"
+        },
+        {
+          prop: "ywrmc",
+          label: "义务人"
+        },
+        {
+          prop: "qlxz",
+          label: "权利性质"
+        },
+        {
+          prop: "ytmc",
+          label: "用途"
+        },
+        {
+          prop: "mj",
+          label: "面积"
+        },
+        {
+          prop: "zl",
+          label: "坐落"
+        },
+      ],
+      column: this.InformationTable
+    }
+  },
+  watch: {
+    tableData: {
+      handler: function (val, oldVal) {
+        let that = this
+        if (val.length == 0 || !val) {
+          that.tableDataList = _.cloneDeep([{
+            sqrmc: '',
+            dlrzjlx: '',
+            dlrzjh: '',
+            fr: ''
+          }])
+        } else {
+          that.tableDataList = _.cloneDeep(val)
+        }
+      },
+      immediate: true,
+      deep: true
+    },
+    gyfs: {
+      handler (newVal, oldValue) {
+        let dataList = _.cloneDeep(this.InformationTable)
+        if (newVal == '1') {
+          this.column = _.cloneDeep(dataList).slice(1, dataList.length)
+        } else if ((newVal == '2')) {
+          this.column = dataList
+        } else {
+          this.column = _.cloneDeep(dataList)
+          this.column.splice(
+            2, 0, {
+            prop: "fs",
+            label: "份数"
+          })
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+  }
+}
+</script>
+<style scoped lang='scss'>
+
+</style>
\ No newline at end of file

@@ -19,7 +19,7 @@
               <el-input v-model="ruleForm.qlr" clearable placeholder="请输入权利人"></el-input>
               <el-input v-model="ruleForm.qlr" clearable placeholder="请输入权利人"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="6" class="btnCol">
+          <el-col :span="6" class="btnColRight">
             <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="fetchData()">查询</el-button>
             </el-form-item>
             </el-form-item>

@@ -25,7 +25,10 @@ export function getForm(tabName, djywbm) {
             break;
             break;
         case "fwslxxCfdj":
         case "fwslxxCfdj":
             form = require("@/views/ywbl/cfdj/fwslxx.vue");
             form = require("@/views/ywbl/cfdj/fwslxx.vue");
-            break;    
+            break; 
+        case "plslxxCfdj":
+            form = require("@/views/ywbl/cfdj/plcfslxx.vue");
+            break;       
         case "clxx":
         case "clxx":
             form = require("@/views/workflow/components/clxx.vue");
             form = require("@/views/workflow/components/clxx.vue");
             break;
             break;

@@ -21,6 +21,7 @@
     <div class="containerFrame">
     <div class="containerFrame">
       <!-- 左侧菜单栏 -->
       <!-- 左侧菜单栏 -->
       <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
       <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
+        <div class="title" @click="unitClick(-1)" v-if="showBatch">{{batchButtonName}}</div>
         <div v-if="this.isShowdrawer">
         <div v-if="this.isShowdrawer">
           <div class="title">
           <div class="title">
             申请单元列表({{ unitData.length }})
             申请单元列表({{ unitData.length }})
@@ -103,6 +104,10 @@ export default {
       bsmSlsq: this.$route.query.bsmSlsq,
       bsmSlsq: this.$route.query.bsmSlsq,
       //当前流程所在环节
       //当前流程所在环节
       bestepid: this.$route.query.bestepid,
       bestepid: this.$route.query.bestepid,
+      //是否展示批量按钮
+      showBatch: false,
+      //批量按钮名称
+      batchButtonName: '',
       //顶部左侧按钮集合
       //顶部左侧按钮集合
       leftButtonList: [],
       leftButtonList: [],
       //顶部右侧按钮集合
       //顶部右侧按钮集合
@@ -362,7 +367,7 @@ export default {
               console.log("确认回调");
               console.log("确认回调");
             },
             },
           })
           })
-          break;  
+          break;
         case "signout":
         case "signout":
           window.close();
           window.close();
           break;
           break;
@@ -393,23 +398,37 @@ export default {
       formdata.append("bestepid", this.bestepid);
       formdata.append("bestepid", this.bestepid);
       leftMenu(formdata).then((res) => {
       leftMenu(formdata).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
-          this.unitData = res.result;
-          this.currentSelectProps = res.result[0];
-          this.unitClick(0);
+          if(res.result){
+            this.unitData = res.result;
+            this.currentSelectProps = res.result[0];
+            this.judgeBatchShow();
+            if(this.showBatch){
+              //满足批量查封/批量抵押按钮出现 即先展示批量表单
+              this.unitClick(-1);
+            }else{
+              //默认选择单元列表第一个
+              this.unitClick(0);
+            }
+          }
         }
         }
       });
       });
     },
     },
     //申请单元点击事件
     //申请单元点击事件
     unitClick (index) {
     unitClick (index) {
-      this.currentSelectProps = this.unitData[index];
-      getStepFormInfo(this.unitData[index]).then((res) => {
+      if(index >= 0){
+        this.currentSelectProps = this.unitData[index];
+        this.currentSelectProps.batchOperation = false;
+      }else{
+        this.currentSelectProps.batchOperation = true;
+      }
+      getStepFormInfo(this.currentSelectProps).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
-         //获取单元对应的所有表单信息
-         this.tabList = res.result;
-         //默认加载第一个表单信息
-         this.tabName = res.result[0].value;
-         //处理分屏材料信息
-         let that = this;
+          //获取单元对应的所有表单信息
+          this.tabList = res.result;
+          //默认加载第一个表单信息
+          this.tabName = res.result[0].value;
+          //处理分屏材料信息
+          let that = this;
           this.tabList.forEach(function (item, index) {
           this.tabList.forEach(function (item, index) {
             if (item.value == "clxx") {
             if (item.value == "clxx") {
               that.clxxIndex = index;
               that.clxxIndex = index;
@@ -424,9 +443,25 @@ export default {
       //   this.fresh += 1;
       //   this.fresh += 1;
       // }
       // }
     },
     },
+    //批量按钮判断
+    judgeBatchShow() {
+      this.showBatch = false;
+      let qllx = this.$route.query.sqywbm.substring(0,3);
+      if(this.unitData.length > 1){
+        switch(qllx){
+          case 'B39':
+            this.showBatch = true;
+            this.batchButtonName = '批量查封';
+            break;
+          case 'A37':
+            this.showBatch = true;
+            this.batchButtonName = '批量抵押';
+            break;  
+        }
+      }
+    },
     //表单选项卡事件
     //表单选项卡事件
     beforeLeave (activeName, oldActiveName) {
     beforeLeave (activeName, oldActiveName) {
-      console.log(this.oldDetail, this.newDetail);
       if (!_.isEqual(this.oldDetail, this.newDetail)) {
       if (!_.isEqual(this.oldDetail, this.newDetail)) {
         this.$message.error('界面内容有所变化,请先保存')
         this.$message.error('界面内容有所变化,请先保存')
         return false
         return false
@@ -436,6 +471,7 @@ export default {
     },
     },
     //切换选项卡内容组件
     //切换选项卡内容组件
     getFromRouter (tabname) {
     getFromRouter (tabname) {
+      console.log(tabname, 'tabnametabname');
       this.componentTag = getForm(tabname, this.$route.query.sqywbm);
       this.componentTag = getForm(tabname, this.$route.query.sqywbm);
     },
     },
     //发送下一个环节
     //发送下一个环节

@@ -3,7 +3,10 @@
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
       label-width="120px">
       label-width="120px">
       <div class="slxx_con">
       <div class="slxx_con">
-        <div class="slxx_title">受理信息</div>
+        <div class="slxx_title title-block">
+          受理信息
+          <div class="triangle"></div>
+        </div>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slywxx.ywh">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slywxx.ywh">
@@ -44,7 +47,10 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
-        <div class="slxx_title">查封不动产情况</div>
+        <div class="slxx_title title-block">
+          查封不动产情况
+          <div class="triangle"></div>
+        </div>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh">
@@ -145,9 +151,15 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
-        <div class="slxx_title">不动产权利人信息</div>
+        <div class="slxx_title title-block">
+          不动产权利人信息
+          <div class="triangle"></div>
+        </div>
         <sqrViewTable :tableData="ruleForm.ywrList" />
         <sqrViewTable :tableData="ruleForm.ywrList" />
-        <div class="slxx_title">登记原因</div>
+        <div class="slxx_title title-block">
+          登记原因
+          <div class="triangle"></div>
+        </div>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col>
           <el-col>
             <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy">
@@ -156,8 +168,8 @@
           </el-col>
           </el-col>
         </el-row>
         </el-row>
       </div>
       </div>
-      <el-row>
-        <el-form-item :class="flag ? 'marginBot0' : ''" class="btn" v-if="!$route.query.viewtype">
+      <el-row class="btn" v-if="!$route.query.viewtype">
+        <el-form-item :class="flag ? 'marginBot0' : ''">
           <el-button type="primary" @click="onSubmit">保存</el-button>
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </el-form-item>
         </el-form-item>
       </el-row>
       </el-row>
@@ -166,7 +178,7 @@
 </template>
 </template>
 <script>
 <script>
 import sqrViewTable from "@/views/workflow/components/sqrViewTable";
 import sqrViewTable from "@/views/workflow/components/sqrViewTable";
-import { cfInit, saveData } from "@/api/cfdjFlow.js";
+import { Init, saveData } from "@/api/cfdjFlow.js";
 import { mapGetters } from "vuex";
 import { mapGetters } from "vuex";
 export default {
 export default {
   data () {
   data () {
@@ -183,13 +195,7 @@ export default {
   },
   },
   created () {
   created () {
     this.propsParam = this.$attrs;
     this.propsParam = this.$attrs;
-    var formdata = new FormData();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    cfInit(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        this.ruleForm = res.result
-      }
-    });
+    this.list(this.propsParam.bsmSldy);
   },
   },
   watch: {
   watch: {
 
 
@@ -213,7 +219,8 @@ export default {
     list (bsmSldy) {
     list (bsmSldy) {
       var formdata = new FormData();
       var formdata = new FormData();
       formdata.append("bsmSldy", bsmSldy);
       formdata.append("bsmSldy", bsmSldy);
-      cfInit(formdata).then((res) => {
+      formdata.append("sqywbm", this.$route.query.sqywbm);
+      Init(formdata).then((res) => {
         if (res.code === 200 && res.result) {
         if (res.code === 200 && res.result) {
           this.ruleForm = res.result
           this.ruleForm = res.result
         }
         }
@@ -238,63 +245,5 @@ export default {
 </script>
 </script>
 <style scoped lang='scss'>
 <style scoped lang='scss'>
 @import "~@/styles/public.scss";
 @import "~@/styles/public.scss";
-
-/deep/.el-form-item__label {
-  padding: 0;
-}
-
-/deep/.el-radio {
-  margin-right: 10px;
-}
-
-/deep/.el-select {
-  width: 100%;
-}
-
-/deep/.el-form-item {
-  margin-bottom: 8px;
-}
-
-.marginBot0 {
-  margin-bottom: 0 !important;
-}
-
-.slxx {
-  box-sizing: border-box;
-}
-
-.slxx_con {
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-.submit_btn {
-  height: 50px;
-}
-
-.slxx_title {
-  border-bottom: 1px solid $borderColor;
-  padding-left: 10px;
-  padding-bottom: 5px;
-  margin-bottom: 10px;
-  margin-top: 5px;
-  font-size: 16px;
-  font-weight: 500;
-  color: #4a4a4a;
-}
-
-.btn {
-  text-align: center;
-  padding-top: 5px;
-}
-
-.textArea {
-  /deep/.el-textarea__inner {
-    min-height: 90px !important;
-  }
-}
-
-/deep/.el-form-item__label {
-  padding-bottom: 0px;
-}
+@import "~@/styles/slxx/slxx.scss";
 </style>
 </style>
\ No newline at end of file

+<template>
+  <div class="slxx">
+    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
+      label-width="120px">
+      <div class="slxx_con">
+        <div class="slxx_title title-block">
+          受理信息
+          <div class="triangle"></div>
+        </div>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slywxx.ywh">
+              <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slywxx.slry">
+              <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slywxx.slsj">
+              <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slywxx.qllx">
+              <el-select disabled v-model="ruleForm.slywxx.qllx" filterable clearable placeholder="请选择权利类型">
+                <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slywxx.djlx">
+              <el-select disabled v-model="ruleForm.slywxx.djlx" filterable clearable placeholder="请选择登记类型">
+                <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="slywxx.djqx">
+              <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="slxx_title title-block">
+          查封不动产列表
+          <div class="triangle"></div>
+        </div>
+        <cfBdcdyTable :tableData="ruleForm.qlxx" />
+        <div class="slxx_title title-block">
+          批量查封信息
+          <div class="triangle"></div>
+        </div>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关：" prop="cfdj.cfjg">
+              <el-input v-model="ruleForm.cfdj.cfjg" :disabled="$route.query.viewtype"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型：" prop="cfdj.cflx">
+              <el-select v-model="ruleForm.cfdj.cflx" class="width100" filterable clearable placeholder="请选择查封类型：" 
+               :disabled="$route.query.viewtype" @change="changeCflx">
+                <el-option v-for="item in dictData['A32']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件：" prop="cfdj.cfwj">
+              <el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号：" prop="cfdj.cfwh">
+              <el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间：" prop="cfdj.cfqssj">
+              <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100"  :disabled="$route.query.viewtype"
+              type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间：" prop="cfdj.cfjssj">
+              <el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100"  :disabled="$route.query.viewtype"
+              type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="24">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围：" prop="cfdj.cffw">
+              <el-input v-model="ruleForm.cfdj.cffw" :disabled="$route.query.viewtype"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="24">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="cfdj.fj">
+              <el-input v-model="ruleForm.cfdj.fj" type="textarea" :disabled="$route.query.viewtype"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="slxx_title title-block">
+          登记原因
+          <div class="triangle"></div>
+        </div>
+        <el-row :gutter="10">
+          <el-col>
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy">
+              <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy" :disabled="$route.query.viewtype"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <el-row class="btn" v-if="!$route.query.viewtype">
+        <el-form-item :class="flag ? 'marginBot0' : ''">
+          <el-button type="primary" @click="onSubmit">保存</el-button>
+        </el-form-item>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+<script>
+import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable";
+import { cfBatchInit, saveData } from "@/api/cfdjFlow.js";
+import { mapGetters } from "vuex";
+export default {
+  data () {
+    return {
+      disabled: true,
+      flagTop: this.flag ? "top" : "",
+      rules: {},
+      //传递参数
+      propsParam: {},
+      //页面数据
+      ruleForm: {},
+      tableData: []
+    };
+  },
+  created () {
+    this.list();
+  },
+  watch: {
+
+  },
+  components: { cfBdcdyTable },
+  props: {
+    flag: {
+      type: Boolean,
+      default: false,
+    },
+    fetch: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  computed: {
+    ...mapGetters(["dictData"]),
+  },
+
+  methods: {
+    list () {
+      var formdata = new FormData();
+      formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
+      cfBatchInit(formdata).then((res) => {
+        if (res.code === 200 && res.result) {
+          this.ruleForm = res.result
+        }
+      });
+    },
+    onSubmit () {
+      saveData(this.ruleForm).then((res) => {
+        if (res.code === 200 && res.result) {
+          this.$message.success('保存成功');
+        }
+      });
+    },
+    changeCflx(e){
+      let cflxItem = {}
+      cflxItem = this.dictData['A32'].find((item) => {
+        return item.dcode == e
+      })
+      this.ruleForm.cfdj.cflxmc = cflxItem.dname;
+    }
+  },
+};
+</script>
+<style scoped lang='scss'>
+@import "~@/styles/public.scss";
+@import "~@/styles/slxx/slxx.scss";
+
+</style>
\ No newline at end of file

@@ -3,7 +3,10 @@
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
       label-width="120px">
       label-width="120px">
       <div class="slxx_con">
       <div class="slxx_con">
-        <div class="slxx_title">受理信息</div>
+        <div class="slxx_title title-block">
+          受理信息
+          <div class="triangle"></div>
+        </div>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slywxx.ywh">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slywxx.ywh">
@@ -44,11 +47,14 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
-        <div class="slxx_title">查封不动产情况</div>
+        <div class="slxx_title title-block">
+          查封不动产情况
+          <div class="triangle"></div>
+        </div>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh">
-              <el-input disabled v-model="ruleForm.qlxx.bdcqzh"></el-input>
+              <el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
@@ -56,28 +62,11 @@
               <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
               <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="权利人：" prop="qlxx.qlrmc">
-              <el-input disabled v-model="ruleForm.qlxx.ywrmc"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="10">
-          <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：">
-              <el-input disabled v-model="ruleForm.zdjbxx.zddm"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
+                   <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地面积：">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地面积：">
               <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
               <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：">
-              <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input>
-            </el-form-item>
-          </el-col>
         </el-row>
         </el-row>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
@@ -85,24 +74,33 @@
               <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input>
               <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="权利设定方式：">
-              <el-input disabled v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input>
+          <el-col :span="16">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
+              <el-input disabled v-model="ruleForm.zdjbxx.zl"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
+        </el-row>
+        <el-row :gutter="10">
            <el-col :span="8">
            <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="取得价格：">
-              <el-input disabled v-model="ruleForm.zdjbxx.qdjg"></el-input>
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="权利人：" prop="qlxx.qlrmc">
+              <el-input disabled v-model="ruleForm.qlxx.ywrmc"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-        </el-row>
-        <el-row :gutter="10">
-          <el-col :span="16">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
-              <el-input disabled v-model="ruleForm.zdjbxx.zl"></el-input>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号：">
+              <el-input disabled v-model="ruleForm.qlxx.ywrzjhm"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类：">
+              <el-input disabled v-model="ruleForm.qlxx.ywrzjzl"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
+        <div class="slxx_title title-block">
+          查封信息
+          <div class="triangle"></div>
+        </div>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关：" prop="cfdj.cfjg">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关：" prop="cfdj.cfjg">
@@ -157,9 +155,6 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
-        <div class="slxx_title">不动产权利人信息</div>
-        <sqrViewTable :tableData="ruleForm.ywrList" />
-        <div class="slxx_title">登记原因</div>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col>
           <el-col>
             <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy">
@@ -168,8 +163,8 @@
           </el-col>
           </el-col>
         </el-row>
         </el-row>
       </div>
       </div>
-      <el-row>
-        <el-form-item :class="flag ? 'marginBot0' : ''" class="btn" v-if="!$route.query.viewtype">
+      <el-row class="btn" v-if="!$route.query.viewtype">
+        <el-form-item :class="flag ? 'marginBot0' : ''">
           <el-button type="primary" @click="onSubmit">保存</el-button>
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </el-form-item>
         </el-form-item>
       </el-row>
       </el-row>
@@ -178,7 +173,7 @@
 </template>
 </template>
 <script>
 <script>
 import sqrViewTable from "@/views/workflow/components/sqrViewTable";
 import sqrViewTable from "@/views/workflow/components/sqrViewTable";
-import { cfInit, saveData } from "@/api/cfdjFlow.js";
+import { Init, saveData } from "@/api/cfdjFlow.js";
 import { mapGetters } from "vuex";
 import { mapGetters } from "vuex";
 export default {
 export default {
   data () {
   data () {
@@ -195,13 +190,7 @@ export default {
   },
   },
   created () {
   created () {
     this.propsParam = this.$attrs;
     this.propsParam = this.$attrs;
-    var formdata = new FormData();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    cfInit(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        this.ruleForm = res.result
-      }
-    });
+    this.list(this.propsParam.bsmSldy);
   },
   },
   watch: {
   watch: {
 
 
@@ -225,7 +214,8 @@ export default {
     list (bsmSldy) {
     list (bsmSldy) {
       var formdata = new FormData();
       var formdata = new FormData();
       formdata.append("bsmSldy", bsmSldy);
       formdata.append("bsmSldy", bsmSldy);
-      cfInit(formdata).then((res) => {
+      formdata.append("sqywbm", this.$route.query.sqywbm);
+      Init(formdata).then((res) => {
         if (res.code === 200 && res.result) {
         if (res.code === 200 && res.result) {
           this.ruleForm = res.result
           this.ruleForm = res.result
         }
         }
@@ -233,7 +223,7 @@ export default {
     },
     },
     onSubmit () {
     onSubmit () {
       saveData(this.ruleForm).then((res) => {
       saveData(this.ruleForm).then((res) => {
-        if (res.code === 200 && res.result) {
+        if (res.code === 200) {
           this.$message.success('保存成功');
           this.$message.success('保存成功');
         }
         }
       });
       });
@@ -250,63 +240,5 @@ export default {
 </script>
 </script>
 <style scoped lang='scss'>
 <style scoped lang='scss'>
 @import "~@/styles/public.scss";
 @import "~@/styles/public.scss";
-
-/deep/.el-form-item__label {
-  padding: 0;
-}
-
-/deep/.el-radio {
-  margin-right: 10px;
-}
-
-/deep/.el-select {
-  width: 100%;
-}
-
-/deep/.el-form-item {
-  margin-bottom: 8px;
-}
-
-.marginBot0 {
-  margin-bottom: 0 !important;
-}
-
-.slxx {
-  box-sizing: border-box;
-}
-
-.slxx_con {
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-.submit_btn {
-  height: 50px;
-}
-
-.slxx_title {
-  border-bottom: 1px solid $borderColor;
-  padding-left: 10px;
-  padding-bottom: 5px;
-  margin-bottom: 10px;
-  margin-top: 5px;
-  font-size: 16px;
-  font-weight: 500;
-  color: #4a4a4a;
-}
-
-.btn {
-  text-align: center;
-  padding-top: 5px;
-}
-
-.textArea {
-  /deep/.el-textarea__inner {
-    min-height: 90px !important;
-  }
-}
-
-/deep/.el-form-item__label {
-  padding-bottom: 0px;
-}
+@import "~@/styles/slxx/slxx.scss";
 </style>
 </style>
\ No newline at end of file

@@ -35,7 +35,7 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
 
 
-          <el-col :span="4" class="btnCol">
+          <el-col :span="4" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" @click="queryClick()">查询</el-button>
               <el-button type="primary" @click="queryClick()">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>

@@ -35,7 +35,7 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
 
 
-          <el-col :span="4" class="btnCol">
+          <el-col :span="4" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" @click="queryClick()">查询</el-button>
               <el-button type="primary" @click="queryClick()">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>

@@ -30,7 +30,7 @@
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="2" class="btnCol">
+          <el-col :span="2" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" @click="fetchData">查询</el-button>
               <el-button type="primary" @click="fetchData">查询</el-button>
             </el-form-item>
             </el-form-item>
@@ -58,7 +58,7 @@ import { datas, sendThis } from "../javascript/bdcql.js";
 import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
 import jump from "../components/mixin/jump";
 import jump from "../components/mixin/jump";
-import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
+import { selectQlxx, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js";
 export default {
 export default {
   mixins: [table, jump],
   mixins: [table, jump],
   props: {
   props: {
@@ -86,7 +86,7 @@ export default {
       this.$emit("closeDialog")
       this.$emit("closeDialog")
     },
     },
     fetchData () {
     fetchData () {
-      this.queryForm.sqywbm = this.djywbm;
+      this.queryForm.sqywbm = this.djywbm;      
       selectQlxx({ ...this.queryForm, ...this.pageData })
       selectQlxx({ ...this.queryForm, ...this.pageData })
         .then((res) => {
         .then((res) => {
           if (res.code === 200) {
           if (res.code === 200) {
@@ -102,31 +102,48 @@ export default {
         return;
         return;
       }
       }
       this.saveloding = true;
       this.saveloding = true;
-      startBusinessFlow({
-        bsmSqyw: Cookies.get("bsmSqyw"),
-        bdcdysz: this.bdcdysz,
-        djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
-        djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
-      }).then((res) => {
-        this.saveloding = false;
-        if (res.code == 200) {
-          this.$message({
-            showClose: true,
-            message: '发起申请成功',
-            type: 'success'
-          })
-          if (!this.isJump) {
+      if (!this.isJump) {
+        startBusinessFlow({
+          bsmSqyw: Cookies.get("bsmSqyw"),
+          bdcdysz: this.bdcdysz,
+          djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
+          djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
+        }).then((res) => {
+          this.saveloding = false;
+          if (res.code == 200) {
+            this.$message({
+              showClose: true,
+              message: '发起申请成功',
+              type: 'success'
+            })
             this.jump(res.result, this.djywbm)
             this.jump(res.result, this.djywbm)
           } else {
           } else {
+            this.$message.error(res.message);
+          }
+        })
+      } else {
+        choiceBdcdy({
+          bsmSlsq: this.$route.query.bsmSlsq,
+          bdcdysz: this.bdcdysz
+        }).then(res => {
+          this.saveloding = false;
+          if (res.code == 200) {
+            this.$message({
+              showClose: true,
+              message: '发起申请成功',
+              type: 'success'
+            })
             this.$emit('updateDialog', true)
             this.$emit('updateDialog', true)
+          } else {
+            this.$message.error(res.message);
           }
           }
-        } else {
-          this.$message.error(res.message);
-        }
-      });
+        })
+      }
     },
     },
     handleSelectionChange (val) {
     handleSelectionChange (val) {
       val.forEach((item, index) => {
       val.forEach((item, index) => {
+        item.bsmSsql = item.bsmQlxx
+        item.ybdcqzsh = item.bdcqzh
         item.yqllx = item.qllx
         item.yqllx = item.qllx
         item.ydjlx = item.djlx
         item.ydjlx = item.djlx
       })
       })

@@ -31,7 +31,7 @@
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="2" class="btnCol">
+          <el-col :span="2" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" @click="fetchData()">查询</el-button>
               <el-button type="primary" @click="fetchData()">查询</el-button>
             </el-form-item>
             </el-form-item>

@@ -30,7 +30,7 @@
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="2" class="btnCol">
+          <el-col :span="2" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" @click="fetchData()">查询</el-button>
               <el-button type="primary" @click="fetchData()">查询</el-button>
             </el-form-item>
             </el-form-item>

@@ -32,7 +32,7 @@
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="2" class="btnCol">
+          <el-col :span="2" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" @click="queryClick()">查询</el-button>
               <el-button type="primary" @click="queryClick()">查询</el-button>
             </el-form-item>
             </el-form-item>

@@ -19,7 +19,7 @@
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="12" class="btnCol">
+          <el-col :span="12" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" @click="fetchData()">查询</el-button>
               <el-button type="primary" @click="fetchData()">查询</el-button>
             </el-form-item>
             </el-form-item>

@@ -16,7 +16,7 @@
               </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="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" @click="fetchData">查询</el-button>
               <el-button type="primary" @click="fetchData">查询</el-button>
             </el-form-item>
             </el-form-item>

@@ -32,7 +32,7 @@
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="2" class="btnCol">
+          <el-col :span="2" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" @click="fetchData">查询</el-button>
               <el-button type="primary" @click="fetchData">查询</el-button>
             </el-form-item>
             </el-form-item>

@@ -31,7 +31,7 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
 
 
-          <el-col :span="4" class="btnCol">
+          <el-col :span="4" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" @click="queryClick()">查询</el-button>
               <el-button type="primary" @click="queryClick()">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>

@@ -35,7 +35,7 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
 
 
-          <el-col :span="4" class="btnCol">
+          <el-col :span="4" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" @click="queryClick()">查询</el-button>
               <el-button type="primary" @click="queryClick()">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>

@@ -49,7 +49,7 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
 
 
-          <el-col :span="4" class="btnCol">
+          <el-col :span="4" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" @click="queryClick()">查询</el-button>
               <el-button type="primary" @click="queryClick()">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>

@@ -29,7 +29,7 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
 
 
-          <el-col :span="4" class="btnCol">
+          <el-col :span="4" class="btnColRight">
             <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="fetchData">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>

@@ -29,7 +29,7 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
 
 
-          <el-col :span="4" class="btnCol">
+          <el-col :span="4" class="btnColRight">
             <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="fetchData">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>

@@ -16,7 +16,7 @@
               </el-date-picker>
               </el-date-picker>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="11" class="btnCol">
+          <el-col :span="11" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" @click="queryClick()">查询</el-button>
               <el-button type="primary" @click="queryClick()">查询</el-button>
               <el-button type="primary" @click="openDialog()">新增</el-button>
               <el-button type="primary" @click="openDialog()">新增</el-button>

@@ -16,7 +16,7 @@
               </el-date-picker>
               </el-date-picker>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="11" class="btnCol">
+          <el-col :span="11" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" @click="queryClick()">查询</el-button>
               <el-button type="primary" @click="queryClick()">查询</el-button>
               <el-button type="primary" @click="openDialog()">新增</el-button>
               <el-button type="primary" @click="openDialog()">新增</el-button>

@@ -28,7 +28,7 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
 
 
-          <el-col :span="3" class="btnCol">
+          <el-col :span="3" class="btnColRight">
             <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="fetchData">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>