查询开票页面新增运营商查询条件

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

@@ -1,6 +1,18 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
+
+      <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="会员id" prop="memberId">
         <el-input
           v-model="queryParams.memberId"
@@ -144,6 +156,7 @@
 
 <script>
 import { listInvoice, getInvoice, delInvoice, addInvoice, updateInvoice } from "@/api/order/invoice";
+import {getMerchantList} from "@/api/pile/merchant";
 
 export default {
   name: "Invoice",
@@ -166,6 +179,8 @@ export default {
       total: 0,
       // 申请开票表格数据
       invoiceList: [],
+      // 运营商列表
+      merchantList: [],
       // 弹出层标题
       title: "",
       // 是否显示弹出层
@@ -175,6 +190,7 @@ export default {
         pageNum: 1,
         pageSize: 10,
         memberId: null,
+        merchantId: null,
         orderCodes: null,
         status: null,
         totalAmount: null,
@@ -191,6 +207,7 @@ export default {
   },
   created() {
     this.getList();
+    this.getMerchantList();
   },
   methods: {
     /** 查询申请开票列表 */
@@ -203,6 +220,12 @@ export default {
         this.loading = false;
       });
     },
+    getMerchantList() {
+      getMerchantList().then((response) => {
+        this.merchantList = response.rows;
+        console.log("merchantList", this.merchantList)
+      });
+    },
     // 取消按钮
     cancel() {
       this.open = false;