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

@@ -68,13 +68,17 @@
         }
     }
 
+
+
     .el-form-item--small.el-form-item {
         margin-bottom: 0px;
     }
 }
 
 //*****end*通用表单查询条件，列表样式******//
-
+/deep/.el-range-separator {
+    line-height: 28px !important;
+}
 
 .width200px {
     width: 200px;
@@ -94,4 +98,4 @@
     font-size: 16px;
     font-weight: 500;
     color: #4a4a4a;
-  }
\ No newline at end of file
+}
\ No newline at end of file

@@ -2,9 +2,9 @@
   <!-- 编辑 -->
   <dialogBox submitForm="submitForm" @closeDialog="closeDialog" @submitForm="handleSubmit" width="80%" v-model="myValue"
     :isSave="details.isenable == 1" title="字典信息">
-    <el-form :model="ruleForm" ref="ruleForm" label-width="120px">
+    <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
       <el-row :gutter="20">
-        <el-col :span="6">
+        <el-col :span="4">
           <el-form-item label="字典类型编码">
             {{ ruleForm.dcode }}
           </el-form-item>
@@ -70,12 +70,12 @@ export default {
               <div>
                 <el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]}
                   onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
-                  onInput={(val) => { scope.row[scope.column.property] = val }} maxlength='8'></el-input>
+                  onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
 
 
                 <el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]}
                   onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
-                  onInput={(val) => { scope.row[scope.column.property] = val }} maxlength='8'></el-input>
+                  onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
               </div>
             )
           }
@@ -88,11 +88,11 @@ export default {
               <div>
                 <el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={scope.row.nameShow} v-fo value={scope.row[scope.column.property]}
                   onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }}
-                  onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
+                  onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
 
                 <el-input placeholder="字典项名称" disabled={this.details.isenable == 2} v-show={!scope.row.nameShow} value={scope.row[scope.column.property]}
                   onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }}
-                  onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
+                  onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
               </div>
             )
           }
@@ -106,11 +106,11 @@ export default {
               <div>
                 <el-input placeholder="部标编码" disabled={this.details.isenable == 2} v-show={scope.row.normcodeShow} v-fo value={scope.row[scope.column.property]}
                   onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
-                  onInput={(val) => { scope.row[scope.column.property] = val }} maxlength='8'></el-input>
+                  onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
 
                 <el-input placeholder="部标编码" disabled={this.details.isenable == 2} v-show={!scope.row.normcodeShow} value={scope.row[scope.column.property]}
                   onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
-                  onInput={(val) => { scope.row[scope.column.property] = val }} maxlength='8'></el-input>
+                  onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
               </div>
             )
           }
@@ -123,11 +123,11 @@ export default {
               <div>
                 <el-input placeholder="部标名称" disabled={this.details.isenable == 2} v-show={scope.row.normnameShow} v-fo value={scope.row[scope.column.property]}
                   onFocus={() => { this.itemShowFalse(); scope.row.normnameShow = true; }}
-                  onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
+                  onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
 
                 <el-input placeholder="部标名称" disabled={this.details.isenable == 2} v-show={!scope.row.normnameShow} value={scope.row[scope.column.property]}
                   onFocus={() => { this.itemShowFalse(); scope.row.normnameShow = true; }}
-                  onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
+                  onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
               </div>
             )
           }

@@ -2,21 +2,21 @@
   <div class="from-clues">
     <!-- 表单部分 -->
     <div class="from-clues-header">
-      <el-form :model="ruleForm">
+      <el-form @submit.native.prevent :model="ruleForm">
         <el-row :gutter="20">
           <el-col :span="6">
             <el-form-item label="字典类型编码">
-              <el-input v-model="ruleForm.dcode" placeholder="字典类型编码"></el-input>
+              <el-input v-model="ruleForm.dcode" @clear="fetchData()" clearable placeholder="字典类型编码"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="字典类型名称">
-              <el-input v-model="ruleForm.dname" placeholder="字典类型名称"></el-input>
+              <el-input v-model="ruleForm.dname" @clear="fetchData()" clearable placeholder="字典类型名称"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="12" class="btnColRight">
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
+              <el-button type="primary" native-type="submit" icon="el-icon-search" @click="fetchData">查询</el-button>
               <el-button icon="el-icon-refresh" @click="handleRefresh">刷新缓存</el-button>
             </el-form-item>
           </el-col>

@@ -2,11 +2,12 @@
   <div class="from-clues">
     <!-- 表单部分 -->
     <div class="from-clues-header">
-      <el-form :model="queryForm" ref="queryForm">
+      <el-form :model="queryForm" @submit.native.prevent ref="queryForm">
         <el-row :gutter="20">
           <el-col :span="6">
             <el-form-item label="权利类型">
-              <el-select v-model="queryForm.qllx" class="width100" filterable clearable placeholder="请选择权利类型">
+              <el-select v-model="queryForm.qllx" @change="fetchData()" class="width100" filterable clearable
+                placeholder="请选择权利类型">
                 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                 </el-option>
               </el-select>

@@ -2,11 +2,12 @@
   <div class="from-clues">
     <!-- 表单部分 -->
     <div class="from-clues-header">
-      <el-form :model="queryForm" ref="queryForm">
+      <el-form @submit.native.prevent :model="queryForm" ref="queryForm">
         <el-row :gutter="20">
           <el-col :span="6">
             <el-form-item label="权利类型">
-              <el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型">
+              <el-select v-model="queryForm.qllx" @change="queryClick()" filterable class="width100" clearable
+                placeholder="请选择权利类型">
                 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
@@ -14,13 +15,13 @@
           </el-col>
           <el-col :span="6">
             <el-form-item label="登记业务编码">
-              <el-input placeholder="请输入登记业务编码" v-model="queryForm.djywbm" clearable>
+              <el-input placeholder="请输入登记业务编码" @clear="queryClick()" v-model="queryForm.djywbm" clearable>
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="12" class="btnColRight">
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" @click="queryClick()">查询</el-button>
+              <el-button type="primary" native-type="submit" icon="el-icon-search" @click="queryClick()">查询</el-button>
             </el-form-item>
           </el-col>
         </el-row>

@@ -33,7 +33,7 @@
           </el-col>
           <el-col :span="5">
             <el-form-item label="业务号">
-              <el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick()" clearable class="width200px">
+              <el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick()" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>

@@ -2,63 +2,41 @@
   <div class="from-clues">
     <!-- 表单部分 -->
     <div class="from-clues-header">
-      <el-form :model="queryForm" ref="queryForm">
+      <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px">
         <el-row>
           <el-col :span="5">
             <el-form-item label="权利类型">
-              <el-select
-                v-model="queryForm.qllx"
-                filterable
-                clearable
-                placeholder="请选择权利类型"
-              >
-                <el-option
-                  v-for="item in dictData['A8']"
-                  :key="item.dcode"
-                  :label="item.dname"
-                  :value="item.dcode"
-                >
+              <el-select v-model="queryForm.qllx" filterable class="width100" @change="queryClick()" 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-input
-                placeholder="请输入不动产单元号"
-                v-model="queryForm.bdcdyh"
-                clearable
-                class="width200px"
-              >
+            <el-form-item label="不动产单元号" label-width="105px">
+              <el-input placeholder="请输入不动产单元号" @clear="queryClick()" v-model="queryForm.bdcdyh" clearable
+                class="width100">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="5">
-            <el-form-item label="不动产权证号">
-              <el-input
-                placeholder="请输入不动产权证号"
-                v-model="queryForm.bdcqzh"
-                clearable
-                class="width200px"
-              >
+            <el-form-item label="不动产权证号" label-width="105px">
+              <el-input placeholder="请输入不动产权证号" @clear="queryClick()" v-model="queryForm.bdcqzh" clearable
+                class="width100">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="业务号">
-              <el-input
-                placeholder="请输入业务号"
-                v-model="queryForm.ywh"
-                clearable
-                class="width200px"
-              >
+              <el-input placeholder="请输入业务号" @clear="queryClick()" v-model="queryForm.ywh" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
 
           <el-col :span="4" class="btnColRight">
             <el-form-item>
-              <el-button type="primary" @click="queryClick()">查询</el-button>
+              <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
             </el-form-item>
           </el-col>
@@ -67,17 +45,9 @@
     </div>
     <!-- 表格 -->
     <div class="from-clues-content">
-      <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 :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>
     </div>
   </div>
@@ -91,10 +61,10 @@ import { mapGetters } from "vuex";
 export default {
   name: "djbcx",
   mixins: [table],
-  mounted() {
+  mounted () {
     sendThis(this);
   },
-  data() {
+  data () {
     return {
       queryForm: {
         qllx: "",
@@ -121,7 +91,7 @@ export default {
   },
   methods: {
     // 初始化数据
-    fetchData() {
+    fetchData () {
       getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => {
         if (res.code === 200) {
           let { total, records } = res.result;
@@ -130,18 +100,16 @@ export default {
         }
       });
     },
-    handleSort(name, sort) {
+    handleSort (name, sort) {
       console.log(name, sort);
     },
     // 查询
-    queryClick() {
-      // this.pageData.current = 1;
-      // this.pageData.currentPage = 1;
+    queryClick () {
       this.fetchData();
     },
     // 高级查询
-    moreQueryClick() {},
-    openDialog(scroll) {
+    moreQueryClick () { },
+    openDialog (scroll) {
       this.$popup({
         titleStyle: "left",
         title: "登记簿详情", // 弹窗标题

@@ -2,56 +2,36 @@
   <div class="from-clues">
     <!-- 楼盘查询 -->
     <div class="from-clues-header">
-      <el-form :model="queryForm" ref="queryForm" label-width="70px">
+      <el-form :model="queryForm" @submit.native.prevent ref="queryForm" label-width="80px">
         <el-row>
           <el-col :span="5">
             <el-form-item label="项目名称">
-              <el-input
-                placeholder="请输入项目名称"
-                v-model="queryForm.xmmc"
-                clearable
-                class="width200px"
-              >
+              <el-input placeholder="请输入项目名称" @clear="queryClick()" v-model="queryForm.xmmc" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="项目编号">
-              <el-input
-                placeholder="请输入项目编号"
-                v-model="queryForm.xmbh"
-                clearable
-                class="width200px"
-              >
+              <el-input placeholder="请输入项目编号" @clear="queryClick()" v-model="queryForm.xmbh" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="宗地代码">
-              <el-input
-                placeholder="请输入宗地代码"
-                v-model="queryForm.zddm"
-                clearable
-                class="width200px"
-              >
+              <el-input placeholder="请输入宗地代码" @clear="queryClick()" v-model="queryForm.zddm" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="自然幢号">
-              <el-input
-                placeholder="请输入自然幢号"
-                v-model="queryForm.zrzh"
-                clearable
-                class="width200px"
-              >
+              <el-input placeholder="请输入自然幢号" @clear="queryClick()" v-model="queryForm.zrzh" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
 
           <el-col :span="4" class="btnColRight">
             <el-form-item>
-              <el-button type="primary" @click="queryClick()">查询</el-button>
+              <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
             </el-form-item>
           </el-col>
@@ -60,17 +40,9 @@
     </div>
     <!-- 表格 -->
     <div class="from-clues-content">
-      <lb-table
-        :page-size="pageData.size"
-        border
-        @sort-change="handleSort"
-        :current-page.sync="pageData.current"
-        :total="pageData.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="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :column="tableData.columns" :data="tableData.data">
       </lb-table>
     </div>
   </div>
@@ -83,10 +55,10 @@ export default {
   name: "lpcx",
   components: {},
   mixins: [table],
-  mounted() {
+  mounted () {
     sendThis(this);
   },
-  data() {
+  data () {
     return {
       queryForm: {
         xmmc: "",
@@ -107,12 +79,12 @@ export default {
   },
   methods: {
     //查询
-    queryClick() {
+    queryClick () {
       this.fetchData();
     },
 
     // 初始化数据
-    fetchData() {
+    fetchData () {
       getLpZrz({ ...this.queryForm, ...this.pageData }).then((res) => {
         if (res.code === 200) {
           this.pageData.total = res.result.total;
@@ -121,12 +93,12 @@ export default {
       });
     },
 
-    handleSort(name, sort) {
+    handleSort (name, sort) {
       console.log(name, sort);
     },
 
     //打开楼盘表
-    openlpbClick(scope) {
+    openlpbClick (scope) {
       debugger;
       var zrzbsm = scope.row.bsm;
 

@@ -2,46 +2,36 @@
   <div class="from-clues">
     <!-- 表单部分 -->
     <div class="from-clues-header">
-      <el-form :model="queryForm" ref="queryForm" label-width="100px">
+      <el-form :model="queryForm" @submit.native.prevent ref="queryForm" label-width="70px">
         <el-row>
           <el-col :span="5">
-            <el-form-item label="不动产权证号">
-              <el-input
-                placeholder="请输入不动产权证号"
-                v-model="queryForm.bdcqzh"
-              >
+            <el-form-item label="不动产权证号" label-width="100px">
+              <el-input placeholder="请输入不动产权证号" class="width100" @clear="queryClick()" v-model="queryForm.bdcqzh">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="5">
-            <el-form-item label="印刷序列号">
-              <el-input
-                placeholder="请输入印刷序列号"
-                v-model="queryForm.ysxlh"
-              >
+            <el-form-item label="印刷序列号" label-width="100px">
+              <el-input placeholder="请输入印刷序列号" class="width100" @clear="queryClick()" v-model="queryForm.ysxlh">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="业务号">
-              <el-input placeholder="请输入业务号" v-model="queryForm.ywh">
+              <el-input placeholder="请输入业务号" class="width100" @clear="queryClick()" v-model="queryForm.ywh">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="领取人">
-              <el-input placeholder="请输入领取人" v-model="queryForm.lqr">
+              <el-input placeholder="请输入领取人" class="width100" @clear="queryClick()" v-model="queryForm.lqr">
               </el-input>
             </el-form-item>
           </el-col>
 
           <el-col :span="4" class="btnColRight">
             <el-form-item>
-              <el-button
-                type="primary"
-                @click="queryClick()"
-                >查询</el-button
-              >
+              <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
             </el-form-item>
           </el-col>
@@ -50,15 +40,9 @@
     </div>
     <!-- 表格 -->
     <div class="from-clues-content">
-      <lb-table
-        :page-size="pageData.size"
-        :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" :current-page.sync="pageData.current" :total="tableData.total"
+        @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
+        :data="tableData.data">
       </lb-table>
     </div>
   </div>
@@ -69,10 +53,10 @@ import { datas, sendThis } from "./zslqcx";
 export default {
   components: {},
   mixins: [table],
-  mounted() {
+  mounted () {
     sendThis(this);
   },
-  data() {
+  data () {
     return {
       queryForm: {
         bdcqzh: "",
@@ -88,12 +72,12 @@ export default {
   },
   methods: {
     // 查询
-    queryClick() {
+    queryClick () {
       this.fetchData();
     },
 
     // 初始化数据
-    fetchData() {
+    fetchData () {
     },
   },
 };

@@ -2,11 +2,11 @@
   <div class="from-clues">
     <!-- 表单部分 -->
     <div class="from-clues-header">
-      <el-form :model="ruleForm" label-width="80px">
+      <el-form :model="ruleForm" @submit.native.prevent label-width="80px">
         <el-row>
           <el-col :span="5">
             <el-form-item label="分发编号">
-              <el-input v-model="approveForm.batchno" clearable placeholder="分发编号"></el-input>
+              <el-input v-model="approveForm.batchno" @clear="queryClick()" clearable placeholder="分发编号"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -18,7 +18,7 @@
           </el-col>
           <el-col :span="11" class="btnColRight">
             <el-form-item>
-              <el-button type="primary" @click="queryClick()">查询</el-button>
+              <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button>
               <el-button type="primary" @click="openDialog()">新增</el-button>
             </el-form-item>
           </el-col>
@@ -85,11 +85,11 @@ export default {
       })
     },
     openDialog (bsmBatch) {
-      if(bsmBatch){
+      if (bsmBatch) {
         this.$nextTick(() => {
           this.$refs.addDialog.getDetailInfo(bsmBatch);
         })
-      }else{
+      } else {
         this.$nextTick(() => {
           this.$refs.addDialog.ywhSerial();
           this.$refs.addDialog.initStartNo();
@@ -109,6 +109,7 @@ export default {
         this.approveForm.ffkssj = ''
         this.approveForm.ffjssj = ''
       }
+      this.fetchData()
     },
     //确定证书分发
     confrimVerify (item) {

@@ -2,11 +2,11 @@
   <div class="from-clues">
     <!-- 表单部分 -->
     <div class="from-clues-header">
-      <el-form :model="ruleForm" label-width="80px">
+      <el-form :model="ruleForm" @submit.native.prevent label-width="80px">
         <el-row>
           <el-col :span="5">
             <el-form-item label="入库编号">
-              <el-input v-model="ruleForm.batchno" clearable placeholder="入库编号"></el-input>
+              <el-input v-model="ruleForm.batchno" @clear="queryClick()" clearable placeholder="入库编号"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -18,7 +18,7 @@
           </el-col>
           <el-col :span="11" class="btnColRight">
             <el-form-item>
-              <el-button type="primary" @click="queryClick()">查询</el-button>
+              <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button>
               <el-button type="primary" @click="openDialog()">新增</el-button>
             </el-form-item>
           </el-col>
@@ -78,11 +78,11 @@ export default {
       })
     },
     openDialog (bsmBatch) {
-      if(bsmBatch){
+      if (bsmBatch) {
         this.$nextTick(() => {
           this.$refs.addDialog.getDetailInfo(bsmBatch);
         })
-      }else{
+      } else {
         this.$nextTick(() => {
           this.$refs.addDialog.ywhSerial();
         })
@@ -95,13 +95,13 @@ export default {
     //修改筛选时间
     timeChange (val) {
       if (this.ruleForm.rksj != null) {
-        
         this.ruleForm.rkkssj = this.ruleForm.rksj[0];
         this.ruleForm.rkjssj = this.ruleForm.rksj[1];
       } else {
         this.ruleForm.rkkssj = ''
         this.ruleForm.rkjssj = ''
       }
+      this.fetchData()
     },
     //删除证书入库数据
     delZsrk (item) {

@@ -2,16 +2,16 @@
   <div class="from-clues">
     <!-- 表单部分 -->
     <div class="from-clues-header">
-      <el-form :model="ruleForm" label-width="85px">
+      <el-form @submit.native.prevent :model="ruleForm" label-width="85px">
         <el-row>
           <el-col :span="5">
             <el-form-item label="印刷序列号" prop="ysxlh">
-              <el-input v-model="ruleForm.ysxlh" clearable placeholder="请输入印刷序列号"></el-input>
+              <el-input v-model="ruleForm.ysxlh" @clear="fetchData()" clearable placeholder="请输入印刷序列号"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="证书类型" prop="zslx">
-              <el-select v-model="ruleForm.zslx" class="width100" placeholder="请选择证书类型" clearable>
+              <el-select v-model="ruleForm.zslx" @change="fetchData()" class="width100" placeholder="请选择证书类型" clearable>
                 <el-option v-for="item in zslxArr" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
@@ -19,18 +19,18 @@
           </el-col>
           <el-col :span="5">
             <el-form-item label="业务号" label-width="60px" prop="ywh">
-              <el-input v-model="ruleForm.ywh" clearable placeholder="请输入业务号"></el-input>
+              <el-input v-model="ruleForm.ywh" @clear="fetchData()" clearable placeholder="请输入业务号"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="不动产权证号" label-width="100px" prop="bdcqzh">
-              <el-input v-model="ruleForm.bdcqzh" placeholder="请输入不动产权证号"></el-input>
+              <el-input v-model="ruleForm.bdcqzh" @clear="fetchData()" placeholder="请输入不动产权证号"></el-input>
             </el-form-item>
           </el-col>
 
           <el-col :span="3" class="btnColRight">
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
+              <el-button type="primary" native-type="submit" icon="el-icon-search" @click="fetchData()">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
             </el-form-item>
           </el-col>