盲票销售经销商列表增加“经销商”字段以及“经销商”筛选条件

src/api/business/order.js

@@ -9,6 +9,14 @@ export function getOrderList(urlParams, data) {
         urlParams
     })
 }
+// 经销商列表
+export function listSite( data) {
+  return request({
+    url: '/api/v1/mp/admin/salesite/list',
+    method: 'post',
+    data,
+  })
+}
 
 // 快递下拉
 export function companyList(data) {
@@ -164,4 +172,4 @@ export function ticketOrderDetail(orderId) {
     url: `/api/v1/mp/admin/ticket/order/detail/${ orderId }`,
     method: 'post',
   })
-}
+}

src/views/order/userTicket/detail.vue

@@ -47,10 +47,6 @@
             <div class="title">手机号：</div>
             <div class="txt">{{ info.phone }}</div>
           </div>
-          <div class="info-item-content-one">
-            <div class="title">上级经销商：</div>
-            <div class="txt">{{ info.channelName }}</div>
-          </div>
         </div>
       </div>
     </div>
@@ -81,6 +77,10 @@
             <div class="title">盲票售价：</div>
             <div class="txt">{{ $numberFormat(info.salePrice) }}元</div>
           </div>
+          <div class="info-item-content-one">
+            <div class="title">经销商：</div>
+            <div class="txt">{{ info.channelName }}</div>
+          </div>
         </div>
       </div>
     </div>

src/views/order/userTicket/index.vue

@@ -54,6 +54,28 @@
         >
         </el-date-picker>
       </el-form-item>
+      <el-form-item label="经销商" prop="parentId">
+        <el-select
+          v-model="queryParams.channelId"
+          placeholder="输入经销商名称或手机号码"
+          style="width: 100%;"
+          filterable
+          clearable
+          :filter-method="dataFilter"
+          @change="handleQuery"
+        >
+          <el-option
+            v-for="(item, index) in channelList"
+            :key="item.channelId"
+            :label="item.name"
+            :value="item.channelId">
+            <div>
+              <span style="float: left;">{{item.name}} </span>
+              <span style="float: right;">{{item.mobile}}</span>
+            </div>
+          </el-option>
+        </el-select>
+      </el-form-item>
       <el-form-item>
         <el-button
           type="primary"
@@ -127,6 +149,7 @@
           <div>{{ row.nickName }}/{{ row.phone }}</div>
         </template>
       </el-table-column>
+      <el-table-column label="经销商" prop="channelName" min-width="95" />
       <el-table-column label="操作" fixed="right" align="center" width="80">
         <template slot-scope="{ row }">
           <div>
@@ -152,7 +175,8 @@
   </div>
 </template>
 <script>
-import { ticketOrderList, ticketOrderExport } from "@/api/business/order";
+import { ticketOrderList, ticketOrderExport, listSite } from "@/api/business/order";
+
 export default {
   name: "UserTicket",
   data() {
@@ -166,8 +190,12 @@ export default {
         startTime: "",
         endTime: "",
         phone: "",
-        status: ""
+        status: "",
+        channelId: "",
       },
+      // 上级渠道列表
+      channelList:[],
+      channelCopyList:[],
       // 分页
       pageParams: {
         pageNum: 1,
@@ -184,6 +212,7 @@ export default {
   },
   created() {
     this.getList()
+    this.getChannelList()
   },
   methods: {
     // 订单列表
@@ -241,6 +270,26 @@ export default {
       this.getList();
     },
 
+    // 获取上级渠道下拉列表
+    getChannelList(){
+      listSite({}).then(response => {
+        this.channelList = response.rows || [];
+        this.channelCopyList = response.rows || [];
+      });
+    },
+    dataFilter(val) {
+      if (val) { //val存在
+        this.channelList = this.channelCopyList.filter((item) => {
+          if (!!~item.mobile.indexOf(val) || !!~item.mobile.toUpperCase().indexOf(val.toUpperCase())
+            || !!~item.name.indexOf(val) || !!~item.name.indexOf(val)) {
+            return true
+          }
+        })
+      } else { //val为空时，还原数组
+        this.channelList = this.channelCopyList;
+      }
+    },
+
     // 选择下单时间
     tardeTime(e) {
       if (e) {