订单-订单列表-增加-0号线筛选条件

src/views/order/list/index.vue

@@ -41,14 +41,14 @@
 
               <!-- 其余项自适应宽度： xs=1列, sm=2列, md=3列, lg=3列 -->
               <!-- 注意：lg 的 span 从 6 改为 8 -->
-              <el-col :xs="24" :sm="12" :md="8" :lg="8">
+              <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="8">
                 <el-form-item label="商户名称：">
                   <el-select v-model="tableFrom.mer_id" clearable filterable placeholder="请选择" @change="getList(1)">
                     <el-option v-for="item in merSelect" :key="item.mer_id" :label="item.mer_name" :value="item.mer_id"/>
                   </el-select>
                 </el-form-item>
               </el-col>
-              <el-col :xs="24" :sm="12" :md="8" :lg="8">
+              <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="8">
                 <el-form-item label="支付类型：" class="check-status">
                   <el-select v-model="tableFrom.pay_type" placeholder="全部" @change="getList(1)">
                     <el-option label="全部" value=""/>
@@ -57,7 +57,7 @@
                   </el-select>
                 </el-form-item>
               </el-col>
-              <el-col :xs="24" :sm="12" :md="8" :lg="8">
+              <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="8">
                 <el-form-item label="支付状态：" class="check-status">
                   <el-select v-model="tableFrom.paid" placeholder="全部" @change="getList(1)">
                     <el-option label="全部" value=""/>
@@ -66,25 +66,32 @@
                   </el-select>
                 </el-form-item>
               </el-col>
-              <el-col :xs="24" :sm="12" :md="8" :lg="8">
+              <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="8">
                 <el-form-item label="关键字：">
                   <el-input v-model="tableFrom.keywords" placeholder="请输入订单号/收货人/联系方式" size="small">
                     <el-button slot="append" icon="el-icon-search" size="small" @click="getList(1)"/>
                   </el-input>
                 </el-form-item>
               </el-col>
-              <el-col :xs="24" :sm="12" :md="8" :lg="8">
+              <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="8">
                 <el-form-item label="用户信息：">
                   <el-input v-model="tableFrom.username" placeholder="请输入用户昵称/手机号" size="small">
                     <el-button slot="append" icon="el-icon-search" size="small" @click="getList(1)"/>
                   </el-input>
                 </el-form-item>
               </el-col>
+              <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="8">
+                <el-form-item label="0号线团队：">
+                  <el-select v-model="tableFrom.zero_line_uid" placeholder="全部" class="selWidth" clearable @change="getList(1)">
+                    <el-option v-for="option in creatorOptions" :key="option.team_uid" :value="option.team_uid" :label="option.team_name"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
               <!-- 如果还有其他表单项，也放在这个 el-row 中并配置合适的响应式 span -->
 
               <!-- 搜索按钮或其他不属于网格布局的元素可以放在 el-row 之外，或者放在 el-row 中配合 el-col 布局 -->
               <!-- 例如，如果您希望搜索按钮也参与布局，可以这样 -->
-<!--              <el-col :xs="24" :sm="12" :md="8" :lg="8">-->
+<!--              <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="8">-->
 <!--                <el-form-item>-->
 <!--                  <el-button size="small" type="primary" @click="getList(1)">搜索</el-button>-->
 <!--                  &lt;!&ndash; 其他按钮 &ndash;&gt;-->
@@ -260,6 +267,7 @@
 
 <script>
 import {orderListApi, chartApi} from "@/api/order";
+import {getZeroLineUserList} from "@/api/user";
 import {merSelectApi} from "@/api/product";
 import detailsFrom from "./orderDetail";
 // import cardsData from "@/components/cards/index";
@@ -276,6 +284,7 @@ export default {
   },
   data() {
     return {
+      creatorOptions: [],
       orderId: 0,
       tableData: {
         data: [],
@@ -294,7 +303,8 @@ export default {
         order_ids: "",
         page: 1,
         limit: 20,
-        is_excel: 0
+        is_excel: 0,
+        zero_line_uid: ""
       },
       orderChartType: {},
       timeVal: [],
@@ -332,6 +342,7 @@ export default {
     }
 
     this.getList();
+    this.fetchCreatorOptions();
   },
   // 被缓存接收参数
   activated() {
@@ -345,6 +356,19 @@ export default {
     this.getList();
   },
   methods: {
+    fetchCreatorOptions() {
+      getZeroLineUserList().then(
+          (res) => {
+            if (res.data && res.data.count) {
+              // 假设后端返回的数据是一个数组，每个元素包含 { value: '1', label: '电商创客' } 格式
+              this.creatorOptions = res.data.list;
+            }
+          },
+          () => {
+            // console.log(fail);
+          }
+      );
+    },
     checkPayString(fzone_paytype, pay_type) {
       //支付方式 0余额 1微信 2小程序 4支付宝 5特殊商户积分
       const pay_type_list = {