1

src/pages/financial/market/AchievementsUserDetailList.vue

@@ -46,7 +46,7 @@
         <q-btn color="primary" size="11px" label="返回" @click="goreturn" style="margin-left:10px" />
       </div>
       <div class="col row wrap q-mr-lg q-col-gutter-md">
-        <div class="col-3">
+        <!-- <div class="col-3">
           <q-select
             filled
             stack-label
@@ -69,7 +69,7 @@
               </q-item>
             </template>
           </q-select>
-        </div>
+        </div> -->
         <div class="col-3">
           <q-select
             filled
@@ -102,6 +102,19 @@
             map-options
           ></q-select>
         </div>
+        <div class="col-3">
+        <q-select @input="getList" filled stack-label option-value="Id" option-label="EmployeeName" use-input input-debounce="0"
+                    v-model="msg.UserId" :options="PersionList" label="销售" :dense="false"
+                    emit-value map-options @filter="filterFn2">
+                    <template v-slot:no-option>
+                    <q-item>
+                        <q-item-section class="text-grey">
+                        未找到相关数据
+                        </q-item-section>
+                    </q-item>
+                    </template>
+                </q-select>
+        </div>
         <div class="col-3">
           <q-input filled v-model="msg.OrderId" @keyup.enter.native="getList()" label="订单号" />
         </div>
@@ -238,6 +251,9 @@ import {
   getSellAchievementsUserDetailList,
   getSellAchievementsChangeLog
 } from '../../../api/finance/index'
+import {
+        queryEmployee
+} from '../../../api/users/user'
 import {
   getClassDropDownList,
 } from "../../../api/school/index";
@@ -271,6 +287,8 @@ export default {
       ClassList: [],
       allClassList: [],
       ChangeLog:'',
+      PersionList: [], //员工列表
+      AllemployeeList: [], //所有员工
     }
   },
   created() { },
@@ -286,6 +304,7 @@ export default {
     }
     this.getList()
     this.setClass()
+    this.getEmployee()
   },
   methods: {
 
@@ -369,7 +388,37 @@ export default {
         }
       })
     },
-
+    //获取员工列表
+    getEmployee() {
+        var qMsg = {
+            EmployeeName: ""
+        }
+        queryEmployee(qMsg).then(res => {
+            if (res.Code == 1) {
+                let obj = {
+                EmployeeName: '不限',
+                Id: 0
+                }
+                res.Data.unshift(obj)
+                var jsonData = res.Data;
+                if (jsonData && jsonData.length > 0) {
+                  this.AllemployeeList = JSON.parse(JSON.stringify(jsonData));
+                  this.PersionList = JSON.parse(JSON.stringify(jsonData));;
+                }
+            }
+        })
+    },
+     //筛选员工
+    filterFn2(val, update) {
+        update(() => {
+        if (val === '') {
+            this.PersionList = JSON.parse(JSON.stringify(this.AllemployeeList))
+        } else {
+            const needle = val.toLowerCase()
+            this.PersionList = this.AllemployeeList.filter(v => v.EmployeeName.toLowerCase().indexOf(needle) > -1)
+        }
+        })
+    },
     goUrl(path, id) {
       this.$router.push({
         path: '/financial/' + path,