条件查询

src/views/buyingBack/index.vue

@@ -1,11 +1,37 @@
 <template>
   <div>
     <el-row class="handle-box" style="margin-bottom: 10px">
-      <el-col :span="24">
-        <span>买受人&nbsp;</span>
-        <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
-        <span>房屋&nbsp;</span>
-        <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="" size="small" @keyup.enter.native="handleSearch()" />
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">买受人</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">房屋</div>
+          <div class="formvalue">
+            <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">身份证</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerIdentityCard" class="ch-input ch-input-size" placeholder="身份证" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">批次号</div>
+          <div class="formvalue">
+            <el-input v-model="search.batchNumber" class="ch-input ch-input-size" placeholder="批次号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
       </el-col>
     </el-row>
     <el-row class="handle-box" style="margin-bottom: 10px">

src/views/buyingMore/index.vue

@@ -1,11 +1,37 @@
 <template>
   <div>
     <el-row class="handle-box" style="margin-bottom: 10px">
-      <el-col :span="24">
-        <span>买受人&nbsp;</span>
-        <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
-        <span>房屋&nbsp;</span>
-        <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="" size="small" @keyup.enter.native="handleSearch()" />
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">买受人</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">房屋</div>
+          <div class="formvalue">
+            <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">身份证</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerIdentityCard" class="ch-input ch-input-size" placeholder="身份证" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">批次号</div>
+          <div class="formvalue">
+            <el-input v-model="search.batchNumber" class="ch-input ch-input-size" placeholder="批次号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
       </el-col>
     </el-row>
     <el-row class="handle-box" style="margin-bottom: 10px">
@@ -213,6 +239,29 @@ export default {
     }
 }
 </script>
+<style lang="scss">
+.Pageform{
+    display: flex;
+    align-items: center;
+    .formlabel{
+        width: 15%;
+        text-align: right;
+        font-size:14px ;
+    }
+    .formvalue{
+        width: 75%;
+        display: flex;
+        margin-left: 2%;
+        .ch-input{
+            width: 100%;
+        }
+        .zhi{
+            width: 60px;
+            text-align: center;
+        }
+    }
+}
+</style>
 
 <style scoped>
   .ch-input .el-input__inner {

src/views/customerManagement/numberManagement/index.vue

@@ -22,6 +22,38 @@
           </el-radio>
         </el-radio-group>
       </el-col>
+      <el-col :span="24">
+        <span>
+          房号
+        </span>
+        <el-input
+          v-model="search.houseName"
+          style="margin-left:16px ;"
+          size="small"
+          placeholder="请输入"
+          class="ch-input ch-input-size"
+        />
+        <span>
+          &nbsp;&nbsp;&nbsp;身份证
+        </span>
+        <el-input
+          v-model="search.buyerIdentityCard"
+          style="margin-left:16px ;"
+          size="small"
+          placeholder="请输入"
+          class="ch-input ch-input-size"
+        />
+        <span>
+          &nbsp;&nbsp;&nbsp;批次号
+        </span>
+        <el-input
+          v-model="search.batchNumber"
+          style="margin-left:16px ;"
+          size="small"
+          placeholder="请输入"
+          class="ch-input ch-input-size"
+        />
+      </el-col>
       <el-col :span="24">
         <div style="display: flex;align-items: center">
           <div style="    white-space: nowrap;">项目</div>
@@ -88,7 +120,7 @@
           <el-table-column label="买受人" prop="buyerName" width="300" />
           <el-table-column label="选房日期" prop="roomSelectionDate" width="180" />
           <el-table-column label="购房状态" prop="statusStr" />
-          <el-table-column label="意向金状态" prop="intentionalDepositStatusStr" width="130"/>
+          <el-table-column label="意向金状态" prop="intentionalDepositStatusStr" width="130" />
           <el-table-column label="小区-分期" prop="groupDiscName" width="180" />
           <el-table-column label="意向房屋" prop="houseName" width="180" />
           <el-table-column label="操作" width="600">

src/views/invoice/formalInvoiceManage.vue

@@ -1,101 +1,119 @@
 <template>
   <div>
     <el-row class="handle-box" style="margin-bottom: 10px">
-      <el-col :span="2" class="col-txt">
-        <span>买受人</span>
-      </el-col>
-      <el-col :span="4" class="col-input">
-        <el-input v-model="search.buyerName" style="width: 100%" @keyup.enter.native="handleSearch()" />
-      </el-col>
-      <el-col :span="2" class="col-txt">
-        <span>房屋</span>
-      </el-col>
-      <el-col :span="4" class="col-input">
-        <el-input v-model="search.houseName" style="width: 100%" @keyup.enter.native="handleSearch()" />
-      </el-col>
-      <el-col :span="2" class="col-txt">
-        <span>推送状态</span>
-      </el-col>
-      <el-col :span="4" class="col-input">
-        <el-select v-model="search.sendStatus" style="width: 100%" placeholder="请选择">
-          <el-option
-            v-for="item in dc_data.SEND_STATUS"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-      </el-col>
-      <el-col :span="2" class="col-txt">
-        <span>开票状态</span>
-      </el-col>
-      <el-col :span="4" class="col-input">
-        <el-select
-          v-model="search.invoiceStatus"
-          style="width: 100%"
-          filterable
-        >
-          <el-option
-            v-for="item in dc_data.INVOICE_STATUS"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-      </el-col>
-    </el-row>
-    <el-row class="handle-box" style="margin-bottom: 10px">
-      <el-col :span="2" class="col-txt">
-        <span>推送日期</span>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">买受人</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
       </el-col>
-      <el-col :span="4" class="col-input">
-        <el-date-picker
-          v-model="search.sendDateFrom"
-          style="width: 100%"
-
-          type="date"
-          placeholder="年月日"
-          value-format="yyyy-MM-dd"
-        />
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">房屋</div>
+          <div class="formvalue">
+            <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
       </el-col>
-      <el-col :span="1">
-        <div style="width: 100%;text-align: center">至</div>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">身份证</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerIdentityCard" class="ch-input ch-input-size" placeholder="身份证" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
       </el-col>
-      <el-col :span="4" class="col-input">
-        <el-date-picker
-          v-model="search.sendDateTo"
-          style="width: 100%"
-
-          type="date"
-          placeholder="年月日"
-          value-format="yyyy-MM-dd"
-        />
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">批次号</div>
+          <div class="formvalue">
+            <el-input v-model="search.batchNumber" class="ch-input ch-input-size" placeholder="批次号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
       </el-col>
-      <el-col :span="2" class="col-txt">
-        <span>开票日期</span>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">推送状态</div>
+          <div class="formvalue">
+            <el-select v-model="search.sendStatus" style="width: 100%" placeholder="请选择">
+              <el-option
+                v-for="item in dc_data.SEND_STATUS"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </div>
+        </div>
       </el-col>
-      <el-col :span="4" class="col-input">
-        <el-date-picker
-          v-model="search.invoiceDateFrom"
-          style="width: 100%"
-
-          type="date"
-          placeholder="年月日"
-          value-format="yyyy-MM-dd"
-        />
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">开票状态</div>
+          <div class="formvalue">
+            <el-select
+              v-model="search.invoiceStatus"
+              style="width: 100%"
+              filterable
+            >
+              <el-option
+                v-for="item in dc_data.INVOICE_STATUS"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </div>
+        </div>
       </el-col>
-      <el-col :span="1">
-        <div style="width: 100%;text-align: center">至</div>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">推送日期</div>
+          <div class="formvalue">
+            <el-date-picker
+              v-model="search.sendDateFrom"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              size="small"
+              type="date"
+              placeholder="开始日期"
+            />
+            <div class="zhi">至</div>
+            <el-date-picker
+              v-model="search.sendDateTo"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              size="small"
+              type="date"
+              placeholder="终止日期"
+            />
+          </div>
+        </div>
       </el-col>
-      <el-col :span="4" class="col-input">
-        <el-date-picker
-          v-model="search.invoiceDateTo"
-          style="width: 100%"
-
-          type="date"
-          placeholder="年月日"
-          value-format="yyyy-MM-dd"
-        />
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">开票日期</div>
+          <div class="formvalue">
+            <el-date-picker
+              v-model="search.invoiceDateFrom"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              size="small"
+              type="date"
+              placeholder="开始日期"
+            />
+            <div class="zhi">至</div>
+            <el-date-picker
+              v-model="search.invoiceDateTo"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              size="small"
+              type="date"
+              placeholder="终止日期"
+            />
+          </div>
+        </div>
       </el-col>
     </el-row>
     <el-row class="handle-box" style="margin-bottom: 10px;text-align: right">
@@ -393,6 +411,29 @@ export default {
     }
 }
 </script>
+<style lang="scss">
+.Pageform{
+    display: flex;
+    align-items: center;
+    .formlabel{
+        width: 15%;
+        text-align: right;
+        font-size:14px ;
+    }
+    .formvalue{
+        width: 75%;
+        display: flex;
+        margin-left: 2%;
+        .ch-input{
+            width: 100%;
+        }
+        .zhi{
+            width: 60px;
+            text-align: center;
+        }
+    }
+}
+</style>
 
 <style scoped>
   .ch-input .el-input__inner {

src/views/invoice/invoiceManage.vue

@@ -1,103 +1,119 @@
 <template>
   <div>
     <el-row class="handle-box" style="margin-bottom: 10px">
-      <el-col :span="2" class="col-txt">
-        <span>买受人</span>
-      </el-col>
-      <el-col :span="4" class="col-input">
-        <el-input v-model="search.buyerName" style="width: 100%" @keyup.enter.native="handleSearch()" />
-      </el-col>
-      <el-col :span="2" class="col-txt">
-        <span>房屋</span>
-      </el-col>
-      <el-col :span="4" class="col-input">
-        <el-input v-model="search.houseName" style="width: 100%" @keyup.enter.native="handleSearch()" />
-      </el-col>
-      <el-col :span="2" class="col-txt">
-        <span>推送状态</span>
-      </el-col>
-      <el-col :span="4" class="col-input">
-        <el-select v-model="search.sendStatus" style="width: 100%" placeholder="请选择" >
-          <el-option
-            v-for="item in dc_data.SEND_STATUS"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-      </el-col>
-      <el-col :span="2" class="col-txt">
-        <span>开票状态</span>
-      </el-col>
-      <el-col :span="4" class="col-input">
-        <el-select
-          v-model="search.invoiceStatus"
-          style="width: 100%"
-          filterable
-
-        >
-          <el-option
-            v-for="item in dc_data.INVOICE_STATUS"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-      </el-col>
-    </el-row>
-    <el-row class="handle-box" style="margin-bottom: 10px">
-      <el-col :span="2" class="col-txt">
-        <span>推送日期</span>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">买受人</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
       </el-col>
-      <el-col :span="4" class="col-input">
-        <el-date-picker
-          v-model="search.sendDateFrom"
-          style="width: 100%"
-
-          type="date"
-          placeholder="年月日"
-          value-format="yyyy-MM-dd"
-        />
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">房屋</div>
+          <div class="formvalue">
+            <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
       </el-col>
-      <el-col :span="1">
-        <div style="width: 100%;text-align: center">至</div>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">身份证</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerIdentityCard" class="ch-input ch-input-size" placeholder="身份证" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
       </el-col>
-      <el-col :span="4" class="col-input">
-        <el-date-picker
-          v-model="search.sendDateTo"
-
-          style="width: 100%"
-
-          type="date"
-          placeholder="年月日"
-          value-format="yyyy-MM-dd"
-        />
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">批次号</div>
+          <div class="formvalue">
+            <el-input v-model="search.batchNumber" class="ch-input ch-input-size" placeholder="批次号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
       </el-col>
-      <el-col :span="2" class="col-txt">
-        <span>开票日期</span>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">推送状态</div>
+          <div class="formvalue">
+            <el-select v-model="search.sendStatus" style="width: 100%" placeholder="请选择">
+              <el-option
+                v-for="item in dc_data.SEND_STATUS"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </div>
+        </div>
       </el-col>
-      <el-col :span="4" class="col-input">
-        <el-date-picker
-          v-model="search.invoiceDateFrom"
-
-          type="date"
-          style="width: 100%"
-          placeholder="年月日"
-          value-format="yyyy-MM-dd"
-        />
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">开票状态</div>
+          <div class="formvalue">
+            <el-select
+              v-model="search.invoiceStatus"
+              style="width: 100%"
+              filterable
+            >
+              <el-option
+                v-for="item in dc_data.INVOICE_STATUS"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </div>
+        </div>
       </el-col>
-      <el-col :span="1">
-        <div style="width: 100%;text-align: center">至</div>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">推送日期</div>
+          <div class="formvalue">
+            <el-date-picker
+              v-model="search.sendDateFrom"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              size="small"
+              type="date"
+              placeholder="开始日期"
+            />
+            <div class="zhi">至</div>
+            <el-date-picker
+              v-model="search.sendDateTo"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              size="small"
+              type="date"
+              placeholder="终止日期"
+            />
+          </div>
+        </div>
       </el-col>
-      <el-col :span="4" class="col-input">
-        <el-date-picker
-          v-model="search.invoiceDateTo"
-
-          type="date"
-          style="width: 100%"
-          placeholder="年月日"
-          value-format="yyyy-MM-dd"
-        />
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">开票日期</div>
+          <div class="formvalue">
+            <el-date-picker
+              v-model="search.invoiceDateFrom"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              size="small"
+              type="date"
+              placeholder="开始日期"
+            />
+            <div class="zhi">至</div>
+            <el-date-picker
+              v-model="search.invoiceDateTo"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              size="small"
+              type="date"
+              placeholder="终止日期"
+            />
+          </div>
+        </div>
       </el-col>
     </el-row>
     <el-row class="handle-box" style="margin-bottom: 10px;text-align: right">
@@ -299,7 +315,29 @@ export default {
     }
 }
 </script>
-
+<style lang="scss">
+.Pageform{
+    display: flex;
+    align-items: center;
+    .formlabel{
+        width: 15%;
+        text-align: right;
+        font-size:14px ;
+    }
+    .formvalue{
+        width: 75%;
+        display: flex;
+        margin-left: 2%;
+        .ch-input{
+            width: 100%;
+        }
+        .zhi{
+            width: 60px;
+            text-align: center;
+        }
+    }
+}
+</style>
 <style scoped>
   .ch-input .el-input__inner {
       border-color: #32323A;

src/views/invoice/receiptManage.vue

@@ -1,17 +1,37 @@
 <template>
   <div>
     <el-row class="handle-box" style="margin-bottom: 10px">
-      <el-col :span="2" class="col-txt">
-        <span>买受人</span>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">买受人</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
       </el-col>
-      <el-col :span="4" class="col-input">
-        <el-input v-model="search.buyerName" @keyup.enter.native="handleSearch()" />
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">房屋</div>
+          <div class="formvalue">
+            <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
       </el-col>
-      <el-col :span="2" class="col-txt">
-        <span>房屋</span>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">身份证</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerIdentityCard" class="ch-input ch-input-size" placeholder="身份证" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
       </el-col>
-      <el-col :span="4" class="col-input">
-        <el-input v-model="search.houseName" @keyup.enter.native="handleSearch()" />
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">批次号</div>
+          <div class="formvalue">
+            <el-input v-model="search.batchNumber" class="ch-input ch-input-size" placeholder="批次号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
       </el-col>
     </el-row>
     <el-row class="handle-box" style="margin-bottom: 10px;text-align: right">
@@ -57,13 +77,13 @@
               </span>
             </template>
           </el-table-column>
-            <el-table-column label="关联票号" prop="associationNumber" width="200">
-                <template scope="scope">
-                    <el-button size="mini" type="text" @click="downLoad(scope.row)">
-                        {{ scope.row.associationNumber }}
-                    </el-button>
-                </template>
-            </el-table-column>
+          <el-table-column label="关联票号" prop="associationNumber" width="200">
+            <template scope="scope">
+              <el-button size="mini" type="text" @click="downLoad(scope.row)">
+                {{ scope.row.associationNumber }}
+              </el-button>
+            </template>
+          </el-table-column>
 
         </el-table>
         <div class="table-page">
@@ -174,7 +194,29 @@ export default {
     }
 }
 </script>
-
+<style lang="scss">
+.Pageform{
+    display: flex;
+    align-items: center;
+    .formlabel{
+        width: 15%;
+        text-align: right;
+        font-size:14px ;
+    }
+    .formvalue{
+        width: 75%;
+        display: flex;
+        margin-left: 2%;
+        .ch-input{
+            width: 100%;
+        }
+        .zhi{
+            width: 60px;
+            text-align: center;
+        }
+    }
+}
+</style>
 <style scoped>
   .ch-input .el-input__inner {
       border-color: #32323A;

src/views/receiveRefundsManagement/depositManagement/index.vue

@@ -1,25 +1,60 @@
 <template>
   <div>
     <el-row class="handle-box" style="margin-bottom: 10px">
-      <el-col :span="24">
-        <span>姓名&nbsp;</span>
-        <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
-        <span>定金状态&nbsp;</span>
-        <el-select
-          v-model="search.status"
-          clearable
-          filterable
-          placeholder="定金状态"
-          size="small"
-          @change="handleSearch"
-        >
-          <el-option
-            v-for="item in dc_data.DEPOSIT_STATUS"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">买受人</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">房屋</div>
+          <div class="formvalue">
+            <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">身份证</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerIdentityCard" class="ch-input ch-input-size" placeholder="身份证" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">批次号</div>
+          <div class="formvalue">
+            <el-input v-model="search.batchNumber" class="ch-input ch-input-size" placeholder="批次号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">定金状态</div>
+          <div class="formvalue">
+            <el-select
+              v-model="search.status"
+              clearable
+              filterable
+              placeholder="定金状态"
+              size="small"
+              style="width: 100%"
+              @change="handleSearch"
+            >
+              <el-option
+                v-for="item in dc_data.DEPOSIT_STATUS"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </div>
+        </div>
       </el-col>
     </el-row>
     <el-row class="handle-box" style="margin-bottom: 10px">
@@ -38,7 +73,7 @@
           :header-cell-style="{background:'#f2f2f2'}"
         >
           <el-table-column type="index" width="60" />
-          <el-table-column label="小区-分期" prop="groupDiscName" width="150"/>
+          <el-table-column label="小区-分期" prop="groupDiscName" width="150" />
           <el-table-column label="买受人" prop="buyerName" width="200" />
           <el-table-column label="定金金额" prop="receivableMoney" width="100" />
           <el-table-column label="定金流水号" prop="serialNumber" width="100" />

src/views/receiveRefundsManagement/intentionalDepositManagement/index.vue

@@ -1,9 +1,37 @@
 <template>
   <div>
     <el-row class="handle-box" style="margin-bottom: 10px">
-      <el-col :span="24">
-        <span>姓名&nbsp;</span>
-        <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">买受人</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">房屋</div>
+          <div class="formvalue">
+            <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">身份证</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerIdentityCard" class="ch-input ch-input-size" placeholder="身份证" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">批次号</div>
+          <div class="formvalue">
+            <el-input v-model="search.batchNumber" class="ch-input ch-input-size" placeholder="批次号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
       </el-col>
     </el-row>
     <el-row class="handle-box" style="margin-bottom: 10px">
@@ -231,6 +259,29 @@ export default {
     }
 }
 </script>
+<style lang="scss">
+.Pageform{
+    display: flex;
+    align-items: center;
+    .formlabel{
+        width: 15%;
+        text-align: right;
+        font-size:14px ;
+    }
+    .formvalue{
+        width: 75%;
+        display: flex;
+        margin-left: 2%;
+        .ch-input{
+            width: 100%;
+        }
+        .zhi{
+            width: 60px;
+            text-align: center;
+        }
+    }
+}
+</style>
 
 <style scoped>
   .ch-input .el-input__inner {

src/views/receiveRefundsManagement/maintenanceFundsManagement/index.vue

@@ -1,26 +1,60 @@
 <template>
   <div>
     <el-row class="handle-box" style="margin-bottom: 10px">
-      <el-col :span="24">
-        <span>买受人&nbsp;</span>
-        <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
-        <span>房屋&nbsp;</span>
-        <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房屋" size="small" @keyup.enter.native="handleSearch()" />
-        <span>收款状态&nbsp;</span>
-        <el-select
-          v-model="search.fundCollectionStatus"
-          clearable
-          filterable
-          placeholder="收款状态"
-          @change="handleSearch"
-        >
-          <el-option
-            v-for="item in dc_data.MAINTENANCE_FUNDS_STATUS"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">买受人</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">房屋</div>
+          <div class="formvalue">
+            <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">身份证</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerIdentityCard" class="ch-input ch-input-size" placeholder="身份证" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">批次号</div>
+          <div class="formvalue">
+            <el-input v-model="search.batchNumber" class="ch-input ch-input-size" placeholder="批次号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">收款状态</div>
+          <div class="formvalue">
+            <el-select
+              v-model="search.fundCollectionStatus"
+              clearable
+              filterable
+              placeholder="收款状态"
+              size="small"
+              style="width: 100%"
+              @change="handleSearch"
+            >
+              <el-option
+                v-for="item in dc_data.MAINTENANCE_FUNDS_STATUS"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </div>
+        </div>
       </el-col>
     </el-row>
     <el-row class="handle-box" style="margin-bottom: 10px">

src/views/receiveRefundsManagement/paymentManagement/index.vue

@@ -1,27 +1,60 @@
 <template>
   <div>
     <el-row class="handle-box" style="margin-bottom: 10px">
-      <el-col :span="24">
-        <span>买受人&nbsp;</span>
-        <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
-        <span>房屋&nbsp;</span>
-        <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房屋" size="small" @keyup.enter.native="handleSearch()" />
-        <span>收款状态&nbsp;</span>
-        <el-select
-          v-model="search.collectionStatus"
-          clearable
-          filterable
-          placeholder="收款状态"
-          size="small"
-          @change="handleSearch"
-        >
-          <el-option
-            v-for="item in dc_data.HOUSE_PAYMENT_STATUS"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">买受人</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">房屋</div>
+          <div class="formvalue">
+            <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">身份证</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerIdentityCard" class="ch-input ch-input-size" placeholder="身份证" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">批次号</div>
+          <div class="formvalue">
+            <el-input v-model="search.batchNumber" class="ch-input ch-input-size" placeholder="批次号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">收款状态</div>
+          <div class="formvalue">
+            <el-select
+              v-model="search.collectionStatus"
+              clearable
+              filterable
+              placeholder="收款状态"
+              size="small"
+              style="width: 100%"
+              @change="handleSearch"
+            >
+              <el-option
+                v-for="item in dc_data.HOUSE_PAYMENT_STATUS"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </div>
+        </div>
       </el-col>
     </el-row>
     <el-row class="handle-box" style="margin-bottom: 10px">
@@ -193,7 +226,29 @@ export default {
     }
 }
 </script>
-
+<style lang="scss">
+.Pageform{
+    display: flex;
+    align-items: center;
+    .formlabel{
+        width: 15%;
+        text-align: right;
+        font-size:14px ;
+    }
+    .formvalue{
+        width: 75%;
+        display: flex;
+        margin-left: 2%;
+        .ch-input{
+            width: 100%;
+        }
+        .zhi{
+            width: 60px;
+            text-align: center;
+        }
+    }
+}
+</style>
 <style scoped>
   .ch-input .el-input__inner {
       border-color: #32323A;

src/views/receiveRefundsManagement/refundManagement/index.vue

@@ -1,27 +1,61 @@
 <template>
   <div>
     <el-row class="handle-box" style="margin-bottom: 10px">
-      <el-col :span="24">
-        <span>申请人&nbsp;</span>
-        <el-input v-model="search.applicant" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
-        <span>房屋&nbsp;</span>
-        <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房屋" size="small" @keyup.enter.native="handleSearch()" />
-        <span>退款日期&nbsp;</span>
-        <el-date-picker
-          v-model="search.refundDateFrom"
-          popper-class="statistic_base"
-          type="date"
-          placeholder="年月日"
-          value-format="yyyy-MM-dd"
-        />
-        <span>至&nbsp;</span>
-        <el-date-picker
-          v-model="search.refundDateTo"
-          popper-class="statistic_base"
-          type="date"
-          placeholder="年月日"
-          value-format="yyyy-MM-dd"
-        />
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">申请人</div>
+          <div class="formvalue">
+            <el-input v-model="search.applicant" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">房屋</div>
+          <div class="formvalue">
+            <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">身份证</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerIdentityCard" class="ch-input ch-input-size" placeholder="身份证" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">批次号</div>
+          <div class="formvalue">
+            <el-input v-model="search.batchNumber" class="ch-input ch-input-size" placeholder="批次号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">退款日期</div>
+          <div class="formvalue">
+            <el-date-picker
+              v-model="search.refundDateFrom"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              size="small"
+              type="date"
+              placeholder="开始日期"
+            />
+            <div class="zhi">至</div>
+            <el-date-picker
+              v-model="search.refundDateTo"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              size="small"
+              type="date"
+              placeholder="终止日期"
+            />
+          </div>
+        </div>
       </el-col>
     </el-row>
     <el-row class="handle-box" style="margin-bottom: 10px">

src/views/saleManage/checkIn/checkIn.vue

@@ -1,15 +1,41 @@
 <template>
   <div>
+    <el-row class="handle-box" style="margin-bottom: 10px">
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">买受人</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">房屋</div>
+          <div class="formvalue">
+            <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">身份证</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerIdentityCard" class="ch-input ch-input-size" placeholder="身份证" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">批次号</div>
+          <div class="formvalue">
+            <el-input v-model="search.batchNumber" class="ch-input ch-input-size" placeholder="批次号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+    </el-row>
     <el-row class="handle-box" style="margin-bottom: 10px">
       <el-col :span="24">
-        <span>买受人&nbsp;</span>
-        <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
-        <span style="margin-left: 20px">房屋&nbsp;</span>
-        <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房屋" size="small" @keyup.enter.native="handleSearch()" />
-        <!--      </el-col>-->
-        <!--    </el-row>-->
-        <!--    <el-row class="handle-box" style="margin-bottom: 10px">-->
-        <!--      <el-col :span="24" style="margin-top: 20px">-->
         <el-button class="ch-button-warning" size="small" style="float: right" @click="handleReset()"><i class="el-icon-search" />&nbsp;重置</el-button>
         <el-button class="ch-button" size="small" style="float: right" @click="handleSearch()"><i class="el-icon-search" />&nbsp;查询</el-button>
       </el-col>
@@ -333,6 +359,29 @@ export default {
     }
 }
 </script>
+<style lang="scss">
+.Pageform{
+    display: flex;
+    align-items: center;
+    .formlabel{
+        width: 15%;
+        text-align: right;
+        font-size:14px ;
+    }
+    .formvalue{
+        width: 75%;
+        display: flex;
+        margin-left: 2%;
+        .ch-input{
+            width: 100%;
+        }
+        .zhi{
+            width: 60px;
+            text-align: center;
+        }
+    }
+}
+</style>
 
 <style scoped>
 .zt_css{

src/views/saleManage/propertyRegistration/propertyRegistration.vue

@@ -1,15 +1,41 @@
 <template>
   <div>
+    <el-row class="handle-box" style="margin-bottom: 10px">
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">买受人</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">房屋</div>
+          <div class="formvalue">
+            <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">身份证</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerIdentityCard" class="ch-input ch-input-size" placeholder="身份证" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">批次号</div>
+          <div class="formvalue">
+            <el-input v-model="search.batchNumber" class="ch-input ch-input-size" placeholder="批次号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+    </el-row>
     <el-row class="handle-box" style="margin-bottom: 10px">
       <el-col :span="24">
-        <span>买受人&nbsp;</span>
-        <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
-        <span style="margin-left: 20px">房屋&nbsp;</span>
-        <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房屋" size="small" @keyup.enter.native="handleSearch()" />
-        <!--      </el-col>-->
-        <!--    </el-row>-->
-        <!--    <el-row class="handle-box" style="margin-bottom: 10px">-->
-        <!--      <el-col :span="24" style="margin-top: 20px">-->
         <el-button class="ch-button-warning" size="small" style="float: right" @click="handleReset()"><i class="el-icon-search" />&nbsp;重置</el-button>
         <el-button class="ch-button" size="small" style="float: right" @click="handleSearch()"><i class="el-icon-search" />&nbsp;查询</el-button>
       </el-col>
@@ -17,7 +43,7 @@
     <el-row class="handle-box">
       <el-col :span="24">
         <el-table v-loading="loading" :data="AllData" row-class-name="g_table_row" stripe>
-          <el-table-column type="index" width="60" label="序号"/>
+          <el-table-column type="index" width="60" label="序号" />
           <el-table-column label="合同编号">
             <template scope="scope">
               <el-link :underline="false" type="primary" @click="handleView2(scope.row)">{{ scope.row.contractNumber }}</el-link>
@@ -330,6 +356,29 @@ export default {
     }
 }
 </script>
+<style lang="scss">
+.Pageform{
+    display: flex;
+    align-items: center;
+    .formlabel{
+        width: 15%;
+        text-align: right;
+        font-size:14px ;
+    }
+    .formvalue{
+        width: 75%;
+        display: flex;
+        margin-left: 2%;
+        .ch-input{
+            width: 100%;
+        }
+        .zhi{
+            width: 60px;
+            text-align: center;
+        }
+    }
+}
+</style>
 
 <style scoped>
 .zt_css{

src/views/signingManagement/contractManagement/index.vue

@@ -1,44 +1,83 @@
 <template>
   <div class="newIndexDiv">
     <el-row class="handle-box" style="margin-bottom: 10px">
-      <el-col :span="24">
-        <span>买受人&nbsp;</span>
-        <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
-        <span>房屋&nbsp;</span>
-        <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房屋" size="small" @keyup.enter.native="handleSearch()" />
-        <span>合同状态&nbsp;</span>
-        <el-select
-          v-model="search.contractStatus"
-          clearable
-          filterable
-          placeholder="合同状态"
-          size="small"
-          @change="handleSearch"
-        >
-          <el-option
-            v-for="item in dc_data.CONTRACT_STATUS"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-        <div class="qyrqBox">
-          <span>签约日期&nbsp;</span>
-          <el-date-picker
-            v-model="search.signingDateFrom"
-            popper-class="statistic_base"
-            type="date"
-            placeholder="年月日"
-            value-format="yyyy-MM-dd"
-          />
-          <span>至&nbsp;</span>
-          <el-date-picker
-            v-model="search.signingDateTo"
-            popper-class="statistic_base"
-            type="date"
-            placeholder="年月日"
-            value-format="yyyy-MM-dd"
-          />
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">买受人</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerName" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">房屋</div>
+          <div class="formvalue">
+            <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">身份证</div>
+          <div class="formvalue">
+            <el-input v-model="search.buyerIdentityCard" class="ch-input ch-input-size" placeholder="身份证" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">批次号</div>
+          <div class="formvalue">
+            <el-input v-model="search.batchNumber" class="ch-input ch-input-size" placeholder="批次号" size="small" @keyup.enter.native="handleSearch()" />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">合同状态</div>
+          <div class="formvalue">
+            <el-select
+              v-model="search.contractStatus"
+              clearable
+              filterable
+              placeholder="合同状态"
+              style="width: 100%"
+              size="small"
+              @change="handleSearch"
+            >
+              <el-option
+                v-for="item in dc_data.CONTRACT_STATUS"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="Pageform">
+          <div class="formlabel">签约日期</div>
+          <div class="formvalue">
+            <el-date-picker
+              v-model="search.signingDateFrom"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              size="small"
+              type="date"
+              placeholder="开始日期"
+            />
+            <div class="zhi">至</div>
+            <el-date-picker
+              v-model="search.signingDateTo"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              size="small"
+              type="date"
+              placeholder="终止日期"
+            />
+          </div>
         </div>
       </el-col>
     </el-row>
@@ -272,6 +311,29 @@ export default {
 
    }
 </style>
+<style lang="scss">
+.Pageform{
+    display: flex;
+    align-items: center;
+    .formlabel{
+        width: 15%;
+        text-align: right;
+        font-size:14px ;
+    }
+    .formvalue{
+        width: 75%;
+        display: flex;
+        margin-left: 2%;
+        .ch-input{
+            width: 100%;
+        }
+        .zhi{
+            width: 60px;
+            text-align: center;
+        }
+    }
+}
+</style>
 <style scoped>
   .ch-input .el-input__inner {
       border-color: #32323A;