修改申请查询对应的页面问题

 <template>
   <div>
-    <el-form :model="ruleForm" label-width="120px">
+    <el-form :model="form" boder 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-col :span="6">
+          <el-form-item label="查询来源：" label-width="90px">{{form.djSqcxDO.cxly}}
           </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-col :span="6">
+          <el-form-item label="查询类型：">{{form.djSqcxDO.cxlx}}
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="查询人员：" label-width="90px">{{form.djSqcxDO.cxr}}
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="查询时间：">{{form.djSqcxDO.cxsj}}
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="查询编号：" label-width="90px">{{form.djSqcxDO.cxbh}}
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="查询用途：" label-width="90px">{{form.djSqcxDO.cxyt}}
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="与产权人的关系：">{{form.djSqcxDO.ycqrgxmc}}
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="不动产权证号：">{{form.djSqcxDO.bdcqzh}}
           </el-form-item>
         </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="sqrData.columns" border :data="sqrData.data" :maxHeight="200" heightNumSetting
+          <lb-table :column="sqrData.columns" border :data="form.sqrList" :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">
@@ -45,7 +71,7 @@
       </el-row>
       <el-row>
         <el-col>
-          <lb-table :column="qlrData.columns" border :data="qlrData.data" :maxHeight="200" heightNumSetting
+          <lb-table :column="qlrData.columns" border :data="form.qlrList" :maxHeight="200" heightNumSetting
             :pagination="false">
           </lb-table>
         </el-col>
@@ -61,13 +87,22 @@
       </el-row>     
       <el-row>
         <el-col>
-          <p>查询编号：{{ cxbh }}</p>
+          <lb-table :column="cxjgData.columns" :data="form.cxjgList" :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="cxjgData.columns" :data="cxjgData.data" :maxHeight="200" heightNumSetting
-            :pagination="false">
+          <lb-table :column="dyjlcolumns" :data="form.dyjlList" :maxHeight="200" heightNumSetting :pagination="false">
           </lb-table>
         </el-col>
       </el-row>
@@ -86,13 +121,14 @@ export default {
   // },
   props: ["formData"],
 
-  created () {
+  created() {
     // debugger;
     // alert(this.formData.sqcxBsm);
   },
 
-  data () {
+  data() {
     return {
+      form: {},
       ruleForm: {
         cxyt: "",
         ycyrgx: 1,
@@ -113,26 +149,27 @@ export default {
         columns: datas.qlrcolumns(),
         data: [],
       },
+      dyjlcolumns: datas.dyjlcolumns(),
     };
   },
 
-  mounted () {
+  mounted() {
     sendThis(this);
     var sqcxBsm = this.formData.sqcxBsm;
 
     getJtfcInfo({ sqcxBsm: sqcxBsm })
       .then((res) => {
         if (res.code == 200) {
+          this.form = res.result;
           this.sqrData.data = res.result.sqxx;
           this.qlrData.data = res.result.qlrxx;
           this.cxjgData.data = res.result.djSqcxCxjgDOList;
           this.cxbh = res.result.djSqcxDO.cxbh;
-
         }
       })
       .catch((error) => {
         console.log(error);
-      })
+      });
   },
   methods: {},
 };

@@ -126,7 +126,22 @@ class data extends filter {
       },
     ]
   }
-
+  dyjlcolumns () {
+    return [
+      {
+        prop: 'sqrxm',
+        label: '打印类型',
+      },
+      {
+        prop: 'sqrzjlxmc',
+        label: '打印人员',
+      },
+      {
+        prop: 'sqrzjhm',
+        label: '打印时间',
+      }
+    ]
+  }
 }
 
 

@@ -4,19 +4,45 @@
     <div class="from-clues-header">
       <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px">       
         <el-row>
-          <el-col :span="5">
+          <el-col :span="3">
+            <el-form-item label="查询来源">
+              <el-select v-model="queryForm.cxbh" placeholder="请选择活动区域">
+                <el-option label="区域一" value="shanghai"></el-option>
+                <el-option label="区域二" value="beijing"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="3">
+            <el-form-item label="查询类型">
+              <el-select v-model="queryForm.cxbh" placeholder="请选择活动区域">
+                <el-option label="区域一" value="shanghai"></el-option>
+                <el-option label="区域二" value="beijing"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="3">
             <el-form-item label="查询编号">
               <el-input placeholder="请输入编号" @clear="queryClick" v-model="queryForm.cxbh" class="width100" clearable>
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="5">
+          <el-col :span="4">
             <el-form-item label="申请人">
               <el-input placeholder="请输入申请人" @clear="queryClick" v-model="queryForm.sqr" class="width100" clearable>
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="14" class="btnColRight">
+          <el-col :span="8">
+            <el-form-item label="查询时间">
+              <el-date-picker v-model="queryForm.sqr" type="date" placeholder="开始日期" value-format="yyyy-MM-dd"
+                clearable>
+              </el-date-picker> 至
+              <el-date-picker v-model="queryForm.sqr" type="date" placeholder="结束日期" value-format="yyyy-MM-dd"
+                clearable>
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="3" class="btnColRight">
             <el-form-item>
               <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
@@ -41,11 +67,11 @@ import { getJtfcPage } from "@/api/sqcx";
 export default {
   name: "sqcxjl",
   mixins: [table],
-  mounted () {
+  mounted() {
     sendThis(this);
-    this.queryClick()
+    this.queryClick();
   },
-  data () {
+  data() {
     return {
       queryForm: {
         cxbh: "",
@@ -60,7 +86,7 @@ export default {
   },
   methods: {
     // 初始化数据
-    queryClick () {
+    queryClick() {
       this.$startLoading();
       getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
         this.$endLoading();
@@ -71,18 +97,18 @@ export default {
         }
       });
     },
-    handleSort (name, sort) {
+    handleSort(name, sort) {
       console.log(name, sort);
     },
     // 查看
-    handleViewClick (scope) {
+    handleViewClick(scope) {
       var sqcxBsm = scope.row.bsmSqcx;
       this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", {
         formData: {
           sqcxBsm: sqcxBsm,
         },
-        cancel: function () { }, //取消事件的回调
-        confirm: function () { },
+        cancel: function () {}, //取消事件的回调
+        confirm: function () {},
       });
     },
   },