车险数据、车险平台订单导出样式

src/views/FinancialManagement/InsuranceData/InsuranceDataExport.vue

@@ -1,6 +1,8 @@
 <template>
     <div>
-      <el-main ref="elMain" style="padding: 0px;">
+      <el-card>
+        <el-main ref="elMain" style="padding: 0px;">
+          <p>车险数据导出</p>
             <!-- 工具区域Start -->
             <el-form class="queryForm" ref="queryFormRef" :model="queryForm" label-width="80px">
             <el-row style="margin-bottom: 15px;">
@@ -20,32 +22,42 @@
               </el-col>
               </el-row>
             </el-form>
-            <kt-button label="导出Excel" :perms="permsDelete" size="small" type="danger" @click="handlePrint()"
+            <kt-button label="导出" :perms="permsDelete" size="small" type="primary" @click="handlePrint()"
            style="float: left;margin-left: 50px;" />
       </el-main>
-      <div style="padding: 20px;">
+      </el-card>
+      <el-card style="margin: 20px 0;">
+        <p>财务审核明细导出</p>
+        <el-form label-width="80px" class="queryForm">
+          <el-row style="margin-bottom: 15px;">
+            <el-col :span="8">
+              <el-form-item label="筛选时间">
+                <el-date-picker
+                 style="margin-left: 20px;"
+                v-model="date"
+                type="daterange"
+                size="mini"
+                value-format="yyyy-MM-dd"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期">
+              </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="审核状态">
+                <el-select v-model="audit" size="mini">
+                  <el-option label="未审核" value="0"></el-option>
+                  <el-option label="审核通过" value="1"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
         <el-row>
-        <el-col :span="4">
-          <el-date-picker
-            v-model="date"
-            style="width: 220px;"
-            type="daterange"
-            size="mini"
-            value-format="yyyy-MM-dd"
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期">
-          </el-date-picker>
-        </el-col>
-        <el-col :span="4">
-          <el-select v-model="audit" size="mini">
-            <el-option label="未审核" value="0"></el-option>
-            <el-option label="审核通过" value="1"></el-option>
-          </el-select>
-        </el-col>
-        <el-button size="mini" type="primary" @click="onExport">财务审核明细导出</el-button>
-      </el-row>
-      </div>
+          <el-button size="small" type="primary" @click="onExport" style="margin-left: 50px;">导出</el-button>
+        </el-row>
+      </el-card>
     </div>
   </template>
   <script>

src/views/Letter/Export.vue

@@ -1,35 +1,45 @@
 <template>
   <div>
-    <el-row>
-      <el-col :span="4">
-        <el-date-picker
-          v-model="date"
-          style="width: 220px;"
-          type="daterange"
-          size="mini"
-          value-format="yyyy-MM-dd"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期">
-        </el-date-picker>
-      </el-col>
-      <el-button size="mini" type="primary" @click="onExport">导出车险业务明细表</el-button>
-    </el-row>
-    <el-row style="padding-top: 20px;">
-      <el-col :span="4">
-        <el-date-picker
-          v-model="date1"
-          style="width: 220px;"
-          type="daterange"
-          size="mini"
-          value-format="yyyy-MM-dd"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期">
-        </el-date-picker>
-      </el-col>
-      <el-button size="mini" type="primary" @click="onExport1">导出收支明细表</el-button>
-    </el-row>
+    <el-form label-width="80px" class="queryForm">
+      <el-card>
+        <p>车险业务明细表</p>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="筛选时间">
+              <el-date-picker
+                v-model="date"
+                type="daterange"
+                size="mini"
+                value-format="yyyy-MM-dd"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-button size="mini" type="primary" @click="onExport">导出</el-button>
+      </el-card>
+      <el-card style="margin-top: 20px;">
+        <p>收支明细表</p>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="筛选时间">
+              <el-date-picker
+                v-model="date1"
+                type="daterange"
+                size="mini"
+                value-format="yyyy-MM-dd"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-button size="mini" type="primary" @click="onExport1">导出</el-button>
+      </el-card>
+    </el-form>
   </div>
 </template>