update

jsowell-ui/src/views/order/order/index.vue

@@ -1,27 +1,42 @@
 <template>
     <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="168px"
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
+                 label-width="168px"
                  @submit.native.prevent>
+            <el-form-item label="所属运营商" prop="merchantId" label-width="120">
+                <el-select v-model="queryParams.merchantId" filterable clearable placeholder="请选择运营商">
+                    <el-option
+                        v-for="item in merchantList"
+                        :key="item.merchantName"
+                        :label="item.merchantName"
+                        :value="item.id"
+                    />
+                </el-select>
+            </el-form-item>
             <el-form-item label="站点" prop="stationId">
-        <el-select v-model="queryParams.stationId" placeholder="请选择站点" clearable filterable style="width: 140px">
+                <el-select v-model="queryParams.stationId" placeholder="请选择站点" clearable filterable
+                           style="width: 140px">
                     <el-option v-for="(station, index) in stationList" :key="index" :label="station.stationName"
                                :value="station.id"/>
                 </el-select>
             </el-form-item>
 
             <el-form-item label="订单编号" prop="orderCode">
-        <el-input v-model="queryParams.orderCode" placeholder="请输入订单编号" clearable @keyup.enter.native="handleQuery" />
+                <el-input v-model="queryParams.orderCode" placeholder="请输入订单编号" clearable
+                          @keyup.enter.native="handleQuery"/>
             </el-form-item>
 
             <el-form-item label="订单状态" prop="orderStatus">
-        <el-select v-model="queryParams.orderStatus" placeholder="请选择订单状态" clearable style="width: 140px">
+                <el-select v-model="queryParams.orderStatus" placeholder="请选择订单状态" clearable
+                           style="width: 140px">
                     <el-option v-for="item1 in dict.type.order_status" :key="item1.value" :label="item1.label"
                                :value="item1.value"/>
                 </el-select>
             </el-form-item>
 
             <el-form-item label="手机号码" prop="mobileNumber">
-        <el-input v-model="queryParams.mobileNumber" placeholder="请输入手机号码" clearable @keyup.enter.native="handleQuery" />
+                <el-input v-model="queryParams.mobileNumber" placeholder="请输入手机号码" clearable
+                          @keyup.enter.native="handleQuery"/>
             </el-form-item>
             <div v-if="buttonBoolean">
                 <el-form-item label="交易流水号" prop="transactionCode">
@@ -31,7 +46,8 @@
 
                 <el-form-item label="创建时间">
                     <el-date-picker v-model="createTimeRange" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
-            :default-time="['00:00:00', '23:59:59']" type="daterange" range-separator="-" start-placeholder="开始日期"
+                                    :default-time="['00:00:00', '23:59:59']" type="daterange" range-separator="-"
+                                    start-placeholder="开始日期"
                                     end-placeholder="结束日期" :clearable="true"></el-date-picker>
                 </el-form-item>
                 <!-- <el-form-item label="结算时间">
@@ -113,11 +129,14 @@
                          @change="handleSelectionChange">
                         <div class="cardview-static">
                             <div>
-                <router-link :to="'/order/index/orderDetail/' + item.orderCode" class="link-type">订单编号：{{ item.orderCode
+                                <router-link :to="'/order/index/orderDetail/' + item.orderCode" class="link-type">
+                                    订单编号：{{
+                                        item.orderCode
                                     }}
                                 </router-link>
 
-                <el-tag :type="color(item.orderStatus)" style="margin-left: 10px">{{ item.orderStatusDescribe }}
+                                <el-tag :type="color(item.orderStatus)" style="margin-left: 10px">
+                                    {{ item.orderStatusDescribe }}
                                 </el-tag>
                             </div>
                             <div>开始时间：{{ item.chargeStartTime || "一" }}</div>
@@ -169,6 +188,7 @@ import {
 import Template from "@/views/billing/template";
 import {getStationSelectList, listStation} from "@/api/pile/station";
 import {getDay} from "@/utils/common";
+import {getMerchantList} from "@/api/pile/merchant";
 
 export default {
     name: "Order",
@@ -237,6 +257,7 @@ export default {
             createTimeRange: [],
             // 订单创建结束范围
             settleTimeRange: [],
+            merchantList: [],
         };
     },
     mounted() {
@@ -244,6 +265,7 @@ export default {
     },
     created() {
         this.dataLoading();
+        this.getMerchantList();
     },
     methods: {
         goMemberDetail(item) {
@@ -254,6 +276,12 @@ export default {
                 },
             });
         },
+        getMerchantList() {
+            getMerchantList().then((response) => {
+                this.merchantList = response.rows;
+                console.log("merchantList", this.merchantList)
+            });
+        },
         goStationDetail(scope) {
             // console.log(scope,'跳转站点名称')
             // console.log("跳转到充电站详情", scope.row.stationName);
@@ -466,7 +494,8 @@ export default {
                     this.getList();
                     this.$modal.msgSuccess("删除成功");
                 })
-        .catch(() => { });
+                .catch(() => {
+                });
         },
         /** 订单详情序号 */
         rowOrderDetailIndex({row, rowIndex}) {