修改订单

pages/main/index/orders.vue

@@ -12,28 +12,20 @@
           </div>
         </div>
         <div class="type-boxes">
-          <span>交易类型：</span>
-          <el-select v-model="orderTypes" placeholder="交易类型">
-            <el-option
-              v-for="item of orderTypesOption"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
-            ></el-option>
-          </el-select>
-        </div>
-        <div class="type-boxes">
           <span class="vsub">支付方式:</span>
           <div class="inlineb">
             <el-checkbox-group v-model="payType" @change="changePay" size="mini">
               <el-checkbox-button v-for="itm in payList" :label="itm.id" :key="itm.id">{{itm.name}}</el-checkbox-button>
             </el-checkbox-group>
           </div>
+          <div class="inlineb checkbox-div">
+            <el-checkbox v-model="checked" >人工财务</el-checkbox>
+          </div>
         </div>
         <div class="type-boxes">
           <div class="inlineb">
             <span class>时间范围：</span>
-            <el-date-picker
+            <el-date-picker style="width: 260px;"
               v-model="timeRange"
               type="daterange"
               align="right"
@@ -46,7 +38,7 @@
           </div>
           <div class="inlineb">
             <span class>时间类型:</span>
-            <el-select v-model="timeType" placeholder="请选择">
+            <el-select v-model="timeType" placeholder="请选择" style="width: 120px;">
               <el-option
                 v-for="item in timeOptions"
                 :key="item.value"
@@ -58,7 +50,7 @@
           <div class="inlineb">
             <span class>状态:</span>
             <div class="inlineb">
-              <el-select v-model="orderState" clearable placeholder>
+              <el-select v-model="orderState" clearable placeholder style="width: 140px;">
                 <el-option
                   v-for="item of orderStateOption"
                   :key="item.id"
@@ -68,7 +60,18 @@
               </el-select>
             </div>
           </div>
-          <el-checkbox v-model="checked">人工财务</el-checkbox>
+          <div class="inlineb">
+            <span>交易类型：</span>
+            <el-select v-model="orderTypes" placeholder="交易类型" style="width: 100px;">
+              <el-option
+                v-for="item of orderTypesOption"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              ></el-option>
+            </el-select>
+          </div>
+
         </div>
         <div class="type-boxes">
           <div class="inlineb">
@@ -271,7 +274,7 @@ export default {
       productType: [0],
       orderTypes: "",
       orderTypesOption: [],
-      orderState: "",
+      orderState: 401,
       orderStateOption: [],
       productTypes: "",
       productTypesOption: [],
@@ -956,4 +959,7 @@ export default {
     font-size: 12px;
     color: #5a5e66;
   }
+  .checkbox-div{
+    margin:0 auto;
+  }
 </style>