待申报列表页面优化

src/views/Business/Bopsel/Errp.vue

@@ -4,7 +4,7 @@
       @form-reset="errpHandleReset"
       @form-search="errpHandleSearch"
     >
-      <template>
+      <template v-slot="searchSlot">
         <el-form
           class="m-table-search-form"
           ref="paramsForm"
@@ -16,7 +16,7 @@
         
         <el-row>
           <c-col :span="8">
-            <el-form-item label="申报编号" prop="errsel.rptno">
+            <el-form-item label="申报编号" prop="errsel.rptno"  style="width: 100%">
               <c-input
                 v-model="model.errsel.rptno"
                 maxlength="22"
@@ -26,7 +26,7 @@
           </c-col>
 
           <c-col :span="8">
-            <el-form-item label="业务所属行" prop="bopquep.ownextkey">
+            <el-form-item label="业务所属行" prop="bopquep.ownextkey"  style="width: 100%">
               <c-select
                 v-model="model.bopquep.ownextkey"
                 style="width: 100%"
@@ -36,27 +36,31 @@
             </el-form-item>
           </c-col>
 
-          <c-col :span="8">
-            <el-form-item label="起止日期" prop="bopquep.frmdat">
-              <c-date-picker
-                type="date"
-                v-model="model.bopquep.frmdat"
-                style="width: 100%"
-                placeholder="请选择起始日期"
-              ></c-date-picker>
-            </el-form-item>
-          </c-col>
-
-          <c-col :span="8">
-            <el-form-item label="至" prop="bopquep.tildat">
-              <c-date-picker
-                type="date"
-                v-model="model.bopquep.tildat"
-                style="width: 100%"
-                placeholder="请选择终止日期"
-              ></c-date-picker>
-            </el-form-item>
-          </c-col>
+           <c-col :span="8" v-show="searchSlot.searchToggle">
+                <el-form-item label="起止日期" style="width: 100%">
+                  <c-col :span="11">
+                    <el-date-picker
+                      type="date"
+                      v-model="model.bopquep.frmdat"
+                      value-format="yyyy-MM-dd"
+                      style="width: 100%"
+                      placeholder="请选择From"
+                    ></el-date-picker>
+                  </c-col>
+                  <c-col :span="2" style="text-align: center">
+                    <label style="display: inline-block; width: 100%">-</label>
+                  </c-col>
+                  <c-col :span="11">
+                    <el-date-picker
+                      type="date"
+                      v-model="model.bopquep.tildat"
+                      value-format="yyyy-MM-dd"
+                      style="width: 100%"
+                      placeholder="请选择Until"
+                    ></el-date-picker>
+                  </c-col>
+                </el-form-item>
+              </c-col>
         </el-row>
         </el-form>
       </template>
@@ -64,7 +68,7 @@
 
      <el-row>
       <c-istream-table :list="stmData.data" :columns="stmData.columns">
-        <el-table-column prop="op" label="操作" width="100">
+        <el-table-column fixed="right" prop="op" label="操作" width="100">
           <template slot-scope="scope">
             <a href="javascript:void(0)" @click="continueEdit(scope.row)"
               >correct</a

src/views/Business/Bopsel/Selp.vue

@@ -12,7 +12,7 @@
         >
           <el-row>
             <c-col :span="8">
-              <el-form-item label="申报类型" prop="bopquep.boptyp">
+              <el-form-item label="申报类型" prop="bopquep.boptyp" style="width: 100%">
                 <c-select
                   v-model="model.bopquep.boptyp"
                   style="width: 100%"
@@ -29,7 +29,7 @@
               </el-form-item>
             </c-col>
             <c-col :span="8">
-              <el-form-item label="查询日期类型" prop="bopquep.dattyp">
+              <el-form-item label="查询日期类型" prop="bopquep.dattyp" style="width: 100%">
                 <c-select
                   v-model="model.bopquep.dattyp"
                   style="width: 100%"
@@ -45,32 +45,40 @@
                 </c-select>
               </el-form-item>
             </c-col>
-            <c-col :span="8">
-              <el-form-item label="起止日期" prop="bopquep.frmdat">
-                <c-date-picker
-                  type="date"
-                  v-model="model.bopquep.frmdat"
-                  value-format="yyyy-MM-dd"
-                  style="width: 100%"
-                  placeholder="请选择From"
-                ></c-date-picker>
-              </el-form-item>
-            </c-col>
+           
 
-            <c-col :span="8">
-              <el-form-item label="至" prop="bopquep.tildat">
-                <c-date-picker
-                  type="date"
-                  v-model="model.bopquep.tildat"
-                  value-format="yyyy-MM-dd"
-                  style="width: 100%"
-                  placeholder="请选择Until"
-                ></c-date-picker>
-              </el-form-item>
-            </c-col>
+            <c-col :span="8" v-show="searchSlot.searchToggle">
+                <el-form-item label="起止日期" style="width: 100%">
+                  <c-col :span="11">
+                    <el-date-picker
+                      type="date"
+                      v-model="model.bopquep.frmdat"
+                      value-format="yyyy-MM-dd"
+                      style="width: 100%"
+                      placeholder="请选择From"
+                    ></el-date-picker>
+                  </c-col>
+                  <c-col :span="2" style="text-align: center">
+                    <label style="display: inline-block; width: 100%">-</label>
+                  </c-col>
+                  <c-col :span="11">
+                    <el-date-picker
+                      type="date"
+                      v-model="model.bopquep.tildat"
+                      value-format="yyyy-MM-dd"
+                      style="width: 100%"
+                      placeholder="请选择Until"
+                    ></el-date-picker>
+                  </c-col>
+                </el-form-item>
+              </c-col>
 
-            <c-col :span="8">
-              <el-form-item label="申报号码" prop="bopquep.rptno">
+           
+          </el-row>
+
+          <el-row v-show="searchSlot.searchToggle">
+             <c-col :span="8">
+              <el-form-item label="申报号码" prop="bopquep.rptno" style="width: 100%">
                 <c-input
                   v-model="model.bopquep.rptno"
                   maxlength="22"
@@ -79,7 +87,7 @@
               </el-form-item>
             </c-col>
             <c-col :span="8">
-              <el-form-item label="业务所属行" prop="bopquep.ownextkey">
+              <el-form-item label="业务所属行" prop="bopquep.ownextkey" style="width: 100%">
                 <c-select
                   v-model="model.bopquep.ownextkey"
                   style="width: 100%"
@@ -88,11 +96,8 @@
                 </c-select>
               </el-form-item>
             </c-col>
-          </el-row>
-
-          <el-row v-show="searchSlot.searchToggle">
             <c-col :span="8">
-              <el-form-item label="客户类型" prop="bopquep.ptytyp">
+              <el-form-item label="客户类型" prop="bopquep.ptytyp" style="width: 100%">
                 <c-select
                   v-model="model.bopquep.ptytyp"
                   style="width: 100%"
@@ -110,7 +115,7 @@
             </c-col>
 
             <c-col :span="8">
-              <el-form-item label="客户名称" prop="bopquep.ptynam">
+              <el-form-item label="客户名称" prop="bopquep.ptynam" style="width: 100%">
                 <c-input
                   v-model="model.bopquep.ptynam"
                   style="width: 100%"
@@ -120,7 +125,7 @@
             </c-col>
 
             <c-col :span="8">
-              <el-form-item label="结算方式" prop="bopquep.medtyp">
+              <el-form-item label="结算方式" prop="bopquep.medtyp" style="width: 100%">
                 <c-select
                   v-model="model.bopquep.medtyp"
                   style="width: 100%"
@@ -138,7 +143,7 @@
             </c-col>
 
             <c-col :span="8">
-              <el-form-item label="业务编号" prop="bopquep.ownref">
+              <el-form-item label="业务编号" prop="bopquep.ownref" style="width: 100%">
                 <c-input
                   v-model="model.bopquep.ownref"
                   maxlength="16"
@@ -148,7 +153,7 @@
             </c-col>
 
             <c-col :span="8">
-              <el-form-item label="笔数" prop="bopquep.sum">
+              <el-form-item label="笔数" prop="bopquep.sum" style="width: 100%">
                 <c-input
                   v-model="model.bopquep.sum"
                   placeholder="请输入笔数"
@@ -157,7 +162,7 @@
             </c-col>
 
             <c-col :span="8">
-              <el-form-item label="业务状态" prop="bopquep.staflg">
+              <el-form-item label="业务状态" prop="bopquep.staflg" style="width: 100%">
                 <c-select
                   v-model="model.bopquep.staflg"
                   style="width: 100%"
@@ -187,7 +192,7 @@
 
     <el-row>
       <c-istream-table :list="stmData.data" :columns="stmData.columns">
-        <el-table-column prop="op" label="操作" width="100">
+        <el-table-column fixed="right" prop="op" label="操作" width="200px">
           <template slot-scope="scope">
             <a href="javascript:void(0)" @click="continueEdit(scope.row)"
               >详情</a