1

src/components/stuMan/moreQuery.vue

+<style>
+  .editOrderDrawerTop {
+    width: 100%;
+    height: 50px;
+    display: flex;
+    justify-content: space-between;
+    background-color: #f0f5fb;
+    padding: 5px 10px;
+    align-items: center;
+  }
+
+</style>
+<!--高级查询-->
+<template>
+  <q-dialog v-model="showquery" maximized full-height seamless position="right">
+    <q-card style="margin-top:61px;width:500px" class="no-border-radius classinfo_Dialog q-px-md">
+      <q-card-section>
+        <div class="text-h6">高级查询</div>
+      </q-card-section>
+      <div class="row q-mb-md">
+        <q-input clearable standout="bg-primary text-white" class="col-12" v-model="msg.classId" label="班号"
+          maxlength="20" />
+      </div>
+      <div class="row q-mb-md">
+        <q-input clearable standout="bg-primary text-white" class="col-12" v-model="msg.orderId" label="订单号"
+          maxlength="20" />
+      </div>
+      <div class="row q-mb-md">
+        <q-select standout="bg-primary text-white" class="col-12" option-label="EmployeeName" option-value="Id"
+          v-model="msg.employee" :options="EmployeeList" emit-value use-input map-options label="业务员" clearable
+          @filter="filterEmployee">
+          <template v-slot:no-option>
+            <q-item>
+              <q-item-section class="text-grey">
+                未找到相关数据
+              </q-item-section>
+            </q-item>
+          </template>
+        </q-select>
+      </div>
+      <div class="Sysuser_Date row q-mb-md">
+        <q-field filled class="col-12">
+           <template v-slot:control>
+            <el-date-picker v-model="msg.SelectStartTimeStr" type="date" placeholder="下单时间" value-format="yyyy-MM-dd"
+              @change="">
+            </el-date-picker>    
+          </template>
+        </q-field>
+      </div>
+      <div class="row q-mb-md">
+        <q-select standout="bg-primary text-white" v-model="msg.status" class="col-12" :options="statusOpts" option-label="name" option-value="Id"
+          emit-value map-options label="状态" />
+      </div>
+      <div class="row q-mb-md">
+        <q-select standout="bg-primary text-white" v-model="msg.type" class="col-12" :options="typeOpts" option-label="name" option-value="Id"
+          emit-value map-options label="类型" />
+      </div>
+      <div class="row q-mb-md">
+        <q-select standout="bg-primary text-white" v-model="msg.warn" class="col-12" :options="warnOpts" option-label="name" option-value="Id"
+          emit-value map-options label="预警" />
+      </div>
+      <q-card-section>
+        <q-btn color="accent" label="查询" @click="query" style="float:right"></q-btn>
+      </q-card-section>
+    </q-card>
+    <div class="dialog-out-close" @click="closeEditOrder"
+      style="height:40px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;">
+      <q-icon name="iconfont icon-jujue1" size="26px" />
+    </div>
+  </q-dialog>
+</template>
+<script>
+  import {
+    queryEmployee
+  } from '../../api/users/user'; //获取员工
+  import {
+    getClassDropDownList
+  } from '../../api/school/index'; //获取校区列表
+  export default {
+    name: "editOrder-form",
+    props: {
+
+    },
+    data() {
+      return {
+        showquery: true,
+        statusOpts:[
+            {
+                name:"未生效",
+                Id:1
+            },
+              {
+                name:"正常",
+                Id:2
+            },
+              {
+                name:"休学",
+                Id:3
+            },
+              {
+                name:"完课",
+                Id:4
+            },
+        ],
+        typeOpts:[
+            {
+                name:"插班",
+                Id:1
+            },
+             {
+                name:"转班",
+                Id:2
+            },
+             {
+                name:"分拆",
+                Id:3
+            },
+             {
+                name:"正常",
+                Id:4
+            },
+        ],
+        warnOpts:[
+            {
+                name:"无",
+                Id:1
+            },
+             {
+                name:"不足5课时",
+                Id:2
+            },
+             {
+                name:"不足10课时",
+                Id:3
+            },
+             {
+                name:"不足15课时",
+                Id:4
+            },
+             {
+                name:"不足20课时",
+                Id:5
+            },
+        ],
+        classList: [],
+        msg: {
+            classId:1,
+            orderId:"1",
+            employee:0,
+            status:1,
+            type:1,
+            date:"",
+            warn:1,
+        },
+        EmployeeList: [], //员工列表
+        AllemployeeList: [], //所有员工列表
+        CourseList: [], //课程列表
+        courseObj: {}, //选择的课程
+        Teacher_Id: 0,
+        ClassName: ''
+
+      }
+    },
+    mounted() {
+      this.getEmployee();
+    },
+    methods: {
+      //获取课程信息
+      getClassList(ClassId) {
+        this.OrderMsg.CourseId = '';
+        this.CourseList = [];
+        let val = this.classList.find(x => x.ClassId == ClassId);
+        if (val) {
+          this.Teacher_Id = val.Teacher_Id;
+          this.ClassName = val.ClassName;
+        }
+        var qMsg = {
+          ClassId: ClassId
+        };
+        queryChaClassInfo(qMsg).then(res => {
+          if (res.Code == 1) {
+            this.CourseList = res.Data.otherCourse;
+          }
+        });
+      },
+      //获取班级列表
+      getClass() {
+        getClassDropDownList({
+          IsAddDefault: 0,
+          IsQuerySurplus: 1
+        }).then(res => {
+          if (res.Code == 1) {
+            let tempArray = res.Data;
+            if (!tempArray) {
+              tempArray = [];
+            }
+            tempArray.unshift({
+              ClassId: 0,
+              ClassName: "不限"
+            })
+            this.classList = tempArray;
+          }
+        })
+      },
+      //筛选员工
+      filterEmployee(val, update) {
+        update(() => {
+          if (val === '') {
+            this.EmployeeList = JSON.parse(JSON.stringify(this.AllemployeeList))
+          } else {
+            const needle = val.toLowerCase();
+            this.EmployeeList = this.AllemployeeList.filter(v => v.EmployeeName.toLowerCase().indexOf(needle) > -1);
+          }
+        })
+      },
+      //获取业务员
+      getEmployee() {
+        var qMsg = {
+          Dept_Id: 0
+        }
+        queryEmployee(qMsg).then(res => {
+          if (res.Code == 1) {
+            this.EmployeeList = res.Data;
+            this.AllemployeeList = res.Data;
+            this.EmployeeList.unshift({
+              Id: 0,
+              EmployeeName: '不限'
+            });
+          }
+        }).catch(() => {})
+      },
+      //关闭弹窗
+      closeEditOrder() {
+        this.showquery = false;
+        this.$emit('close')
+      },
+      query() {
+        this.showquery = false;
+        this.$emit("success", this.msg)
+      }
+
+    }
+  }
+
+</script>

src/router/routes.js

@@ -1047,6 +1047,11 @@ const routes = [{
     component: () =>
       import("pages/stuMan/studentManage")
   },
+  {
+    path: "/stuMan/stuList",//学管  学员名单
+    component: () =>
+      import("pages/stuMan/stuList")
+  },
   ],
 
 },