提交测试

1

src/views/liveClassManager/modals/reservationDetail.vue

@@ -17,9 +17,47 @@
               placeholder="学员编号/姓名/手机号"
             ></el-input>
           </el-form-item>
+          <el-form-item prop="organId">
+            <el-select
+              v-model.trim="searchForm.organId"
+              placeholder="请选择分部"
+              clearable
+              filterable
+            >
+              <el-option
+                v-for="(item, index) in selects.branchs"
+                :key="index"
+                :value="item.id"
+                :label="item.name"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="subjectId">
+            <el-select
+              v-model.trim="searchForm.subjectId"
+              clearable
+              filterable
+              placeholder="请选择声部"
+            >
+              <el-option
+                v-for="(item, index) in selects.subjects"
+                :key="index"
+                :value="item.id"
+                :label="item.name"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
           <el-form-item>
             <el-button @click="search" type="primary">搜索</el-button>
             <el-button @click="onReSet" type="danger">重置</el-button>
+            <el-button
+              @click="onExport"
+              type="primary"
+              v-permission="'imLiveBroadcastRoom/exportReservationRoomUser'"
+              >导出</el-button
+            >
           </el-form-item>
         </el-form>
         <div class="tableWrap">
@@ -75,6 +113,7 @@
 import { getRoomUser } from "../api";
 import { getLiveGoodsMapperList } from "@/views/liveShopManger/api";
 import pagination from "@/components/Pagination/index";
+import { Export } from "@/utils/downLoadFile";
 export default {
   name: "eidtPostMsg",
   components: { pagination },
@@ -82,9 +121,12 @@ export default {
     return {
       searchForm: {
         search: "",
+        subjectId: "",
+        organId: "",
       },
       tableList: [],
       organList: [],
+      subjectList: [],
       rules: {
         // 分页规则
         limit: 10, // 限制显示条数
@@ -101,7 +143,10 @@ export default {
     };
   },
 
-  mounted() {},
+  mounted() {
+    this.$store.dispatch("setBranchs");
+    this.$store.dispatch("setSubjects");
+  },
   methods: {
     async getList() {
       try {
@@ -113,7 +158,6 @@ export default {
         });
         this.tableList = res.data.rows;
         this.rules.total = res.data.total;
-
       } catch (e) {
         console.log(e);
       }
@@ -123,8 +167,13 @@ export default {
       this.getList();
     },
     onReSet() {
-      this.searchForm.search = "";
-      this.search();
+      // this.searchForm.search = "";
+      (this.searchForm = {
+        search: "",
+        subjectId: "",
+        organId: "",
+      }),
+        this.search();
     },
     onClose() {
       this.lookVisible = false;
@@ -135,6 +184,19 @@ export default {
 
       this.getList();
     },
+    async onExport() {
+
+      await Export(
+        this,
+        {
+          url: "/api-web/imLiveBroadcastRoom/exportReservationRoomUser",
+          fileName: `${this.activeRow.roomTitle}预约人员.xls`,
+          method: "post",
+          params: { ...this.searchForm,roomUid: this.activeRow.roomUid, },
+        },
+        `您确定导出"${this.activeRow.roomTitle}"预约人员列表?`
+      );
+    },
   },
 };
 </script>