订单管理增加订单状态查询

src/views/base/orderInfo-list.vue

@@ -35,6 +35,23 @@
       <el-form-item label="交易流水号" prop="transactionId">
         <el-input type="text" size="mini" v-model="queryModel.transactionId"></el-input>
       </el-form-item>
+      <el-form-item label="订单状态" prop="payStatus">
+        <el-select
+          v-model="queryModel.payStatus"
+          filterable
+          clearable
+          placeholder="请选择"
+          style="width: 110px"
+          size="mini"
+        >
+          <el-option
+            v-for="result in payStatusList"
+            :key="result.id"
+            :label="result.name"
+            :value="result.value"
+          ></el-option>
+        </el-select>
+      </el-form-item>
       <el-form-item label="创建时间" prop="createTimeRanges">
           <el-date-picker
           size="mini"
@@ -288,7 +305,24 @@ export default {
         transactionId:"",
         createTimeRanges:"",
         payTimeRanges:"",
+        payStatus:"",
+      },
+      payStatusList:[{
+        "name":"未支付",
+        "id":"10",
+        "value":"10",
       },
+      {
+        "name":"已支付",
+        "id":"20",
+        "value":"20",
+      },
+      {
+        "name":"已退款",
+        "id":"40",
+        "value":"40",
+      }
+      ],
       loading: false,
       tableData: [],
       treeData: [],
@@ -363,6 +397,8 @@ export default {
       formData.append("createTimeRanges", self.queryModel.createTimeRanges);
       formData.append("payTimeRanges", self.queryModel.payTimeRanges);
 
+      formData.append("payStatus", self.queryModel.payStatus);
+
     
       orderInfoApi
         .pageList(formData)