修改财务的部分

pages/main/index/orders.vue

@@ -24,7 +24,7 @@
         </div>
         <div class="type-boxes">
           <div class="inlineb">
-            <span class>时间范围：</span>
+            <span class="vsub" >时间范围：</span>
             <el-date-picker style="width: 260px;"
               v-model="timeRange"
               type="daterange"
@@ -37,7 +37,7 @@
             ></el-date-picker>
           </div>
           <div class="inlineb">
-            <span class>时间类型:</span>
+            <span class="vsub" >时间类型:</span>
             <el-select v-model="timeType" placeholder="请选择" style="width: 120px;">
               <el-option
                 v-for="item in timeOptions"
@@ -48,7 +48,7 @@
             </el-select>
           </div>
           <div class="inlineb">
-            <span class>状态:</span>
+            <span class="vsub" >状态:</span>
             <div class="inlineb">
               <el-select v-model="orderState" clearable placeholder style="width: 140px;">
                 <el-option
@@ -61,7 +61,7 @@
             </div>
           </div>
           <div class="inlineb">
-            <span>交易类型：</span>
+            <span class="vsub">交易类型：</span>
             <el-select v-model="orderTypes" placeholder="交易类型" style="width: 100px;">
               <el-option
                 v-for="item of orderTypesOption"
@@ -75,26 +75,26 @@
         </div>
         <div class="type-boxes">
           <div class="inlineb">
-            <span class>编号:</span>
+            <span class="vsub" >编号:</span>
             <div class="inlineb">
               <el-input style="width: 230px;" v-model="searchId" placeholder="订单编号/订单名称/支付编号"></el-input>
             </div>
           </div>
           <div class="inlineb">
-            <span class>用户:</span>
+            <span class="vsub" >用户:</span>
             <div class="inlineb">
               <el-input style="width: 180px;" v-model="checkUser" placeholder="uid/昵称/姓名"></el-input>
             </div>
           </div>
           <div class="inlineb">
-            <span class>项目:</span>
+            <span class="vsub" >项目:</span>
             <div class="inlineb">
               <el-input style="width: 100px;" type="number" v-model="productId" placeholder="项目ID"></el-input>
             </div>
           </div>
 
           <el-button type="primary" @click="getFinanceList">筛选</el-button>
-          <el-button @click="downFinanceList">导出报表</el-button>
+          <el-button @click="downFinanceList" class="export-excel" type="primary">导出报表</el-button>
         </div>
         <div class="type-boxes">
             <el-tabs v-model="activeName"  type="border-card" @tab-click="changeTab">
@@ -901,6 +901,7 @@ export default {
 }
 .vsub {
   vertical-align: sub;
+  font-size: 14px;
 }
 .type-boxes {
   margin-bottom: 10px;
@@ -959,4 +960,7 @@ export default {
     font-size: 12px;
     color: #5a5e66;
   }
+  .export-excel{
+    float: right;
+  }
 </style>