61活动提交一下

1

src/router/index.js

@@ -401,6 +401,8 @@ export const asyncRoutes = {
   // 问卷管理
   setQuestions: () => import('@/views/setQuestions'),
   questionOperation: () => import('@/views/setQuestions/operation'),
+  // 21暑期考级
+  childrensDay:()=>import('@/views/childrensDay')
 }
 
 export default router

src/views/childrensDay/detail.vue

@@ -0,0 +1,238 @@
+
+<!--  -->
+<template>
+  <div class="m-container">
+    <h2>
+      <div class="squrt"></div>
+      乐团名称
+    </h2>
+    <div class="m-core">
+      <save-form
+        :inline="true"
+        :model="searchForm"
+        @submit="search"
+        @reset="onReSet"
+      >
+        <el-form-item prop="organId">
+          <el-input v-model="searchForm.search"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            v-model.trim="searchForm.school"
+            :disabled="!searchForm.organId"
+            filterable
+            clearable
+            placeholder="是否预约"
+          >
+            <el-option value="0" label="否"></el-option>
+            <el-option value="1" label="是"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item prop="school">
+          <el-select
+            v-model.trim="searchForm.school"
+            :disabled="!searchForm.organId"
+            filterable
+            clearable
+            placeholder="声部"
+          >
+            <el-option
+              v-for="(item, index) in soundList"
+              :key="index"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            v-model.trim="searchForm.school"
+            :disabled="!searchForm.organId"
+            filterable
+            clearable
+            placeholder="是否参加乐器考级"
+          >
+            <el-option value="0" label="否"></el-option>
+            <el-option value="1" label="是"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            v-model.trim="searchForm.school"
+            :disabled="!searchForm.organId"
+            filterable
+            clearable
+            placeholder="是否参加乐理考级"
+          >
+            <el-option value="0" label="否"></el-option>
+            <el-option value="1" label="是"></el-option>
+          </el-select>
+        </el-form-item>
+               <el-form-item>
+          <el-select
+            v-model.trim="searchForm.school"
+            :disabled="!searchForm.organId"
+            filterable
+            clearable
+            placeholder="是否购买VIP"
+          >
+            <el-option value="0" label="否"></el-option>
+            <el-option value="1" label="是"></el-option>
+          </el-select>
+        </el-form-item>
+                     <el-form-item>
+          <el-select
+            v-model.trim="searchForm.school"
+            :disabled="!searchForm.organId"
+            filterable
+            clearable
+            placeholder="是否购买乐理课"
+          >
+            <el-option value="0" label="否"></el-option>
+            <el-option value="1" label="是"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button native-type="submit" type="primary">搜索</el-button>
+          <el-button native-type="reset" type="danger">重置</el-button>
+        </el-form-item>
+      </save-form>
+
+      <statistic :col="6" class="statistic" :cols="0">
+        <statistic-item>
+          <span><count-to :endVal="3000" /></span>
+          <span>器乐考级人次</span>
+        </statistic-item>
+        <statistic-item>
+          <span><count-to :endVal="3000" /></span>
+          <span>器乐考级人次</span>
+        </statistic-item>
+        <statistic-item>
+          <span><count-to :endVal="3000" /></span>
+          <span>器乐考级人次</span>
+        </statistic-item>
+        <statistic-item>
+          <span><count-to :endVal="3000" /></span>
+          <span>器乐考级人次</span>
+        </statistic-item>
+        <statistic-item>
+          <span><count-to :endVal="3000" /></span>
+          <span>器乐考级人次</span>
+        </statistic-item>
+        <statistic-item>
+          <span><count-to :endVal="3000" /></span>
+          <span>器乐考级人次</span>
+        </statistic-item>
+      </statistic>
+      <div class="tableWrap">
+        <el-table
+          style="width: 100%"
+          :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+          :data="tableList"
+        >
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="学员姓名"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="学员编号"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="是否预约"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="报考器乐等级"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="乐理报考等级"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="是否购买VIP"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="是否购买乐理课"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="支付金额"
+          ></el-table-column>
+        </el-table>
+        <pagination
+          sync
+          :total.sync="rules.total"
+          :page.sync="rules.page"
+          :limit.sync="rules.limit"
+          :page-sizes="rules.page_size"
+          @pagination="getList"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+import { getToken } from "@/utils/auth";
+import pagination from "@/components/Pagination/index";
+import load from "@/utils/loading";
+import { queryByOrganId, getSchool } from "@/api/systemManage";
+import countTo from "vue-count-to";
+export default {
+  components: { pagination, "count-to": countTo },
+
+  data() {
+    return {
+      searchForm: {
+        search: null,
+        organId: null,
+        school: null,
+      },
+
+      tableList: [{}],
+      soundList: [],
+      cooperationList: [],
+      musicList: [],
+      rules: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+    };
+  },
+  //生命周期 - 创建完成（可以访问当前this实例）
+  created() {},
+  //生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() {
+    // 获取分部
+    this.$store.dispatch("setBranchs");
+    this.init();
+  },
+  methods: {
+    init() {},
+    getList() {},
+    search() {
+      this.rules.page = 1;
+      this.getList();
+    },
+    onReSet() {},
+  },
+};
+</script>
+<style lang='scss' scoped>
+</style>

src/views/childrensDay/index.vue

@@ -0,0 +1,243 @@
+
+<!--  -->
+<template>
+  <div class="m-container">
+    <h2>
+      <div class="squrt"></div>
+      21暑期考级
+    </h2>
+    <div class="m-core">
+      <save-form
+        :inline="true"
+        :model="searchForm"
+        @submit="search"
+        @reset="onReSet"
+      >
+        <el-form-item prop="organId">
+          <el-select
+            class="multiple"
+            filterable
+            v-model.trim="searchForm.organId"
+            clearable
+            placeholder="请选择分部"
+          >
+            <el-option
+              v-for="(item, index) in selects.branchs"
+              :key="index"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item prop="school">
+          <el-select
+            v-model.trim="searchForm.school"
+            :disabled="!searchForm.organId"
+            filterable
+            clearable
+            placeholder="请选择合作单位"
+          >
+            <el-option
+              v-for="(item, index) in cooperationList"
+              :key="index"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            v-model.trim="searchForm.musicGroupId"
+            clearable
+            filterable
+            placeholder="请选择乐团"
+              :disabled="!searchForm.school"
+          >
+            <el-option
+              v-for="(item, index) in musicList"
+              :key="index"
+              :value="item.id"
+              :label="item.name"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button native-type="submit" type="primary">搜索</el-button>
+          <el-button native-type="reset" type="danger">重置</el-button>
+        </el-form-item>
+      </save-form>
+      <div class="btnList">
+        <el-button type="primary">占位链接</el-button>
+        <el-button type="primary">器乐考级链接</el-button>
+        <el-button type="primary">VIP课程链接</el-button>
+        <el-button type="primary">乐理考级链接</el-button>
+        <el-button type="primary">导出</el-button>
+      </div>
+      <statistic :col="6" class="statistic" :cols="0">
+        <statistic-item>
+          <span><count-to :endVal="3000" /></span>
+          <span>器乐考级人次</span>
+        </statistic-item>
+        <statistic-item>
+          <span><count-to :endVal="3000" /></span>
+          <span>器乐考级人次</span>
+        </statistic-item>
+        <statistic-item>
+          <span><count-to :endVal="3000" /></span>
+          <span>器乐考级人次</span>
+        </statistic-item>
+        <statistic-item>
+          <span><count-to :endVal="3000" /></span>
+          <span>器乐考级人次</span>
+        </statistic-item>
+        <statistic-item>
+          <span><count-to :endVal="3000" /></span>
+          <span>器乐考级人次</span>
+        </statistic-item>
+        <statistic-item>
+          <span><count-to :endVal="3000" /></span>
+          <span>器乐考级人次</span>
+        </statistic-item>
+      </statistic>
+      <div class="tableWrap">
+        <el-table
+          style="width: 100%"
+          :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+          :data="tableList"
+        >
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="分部"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="合作单位"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="乐团名称"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="在读人数"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="预约人数"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="未预约人数"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="器乐考级人次"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="乐理考级人次"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="vip课购买人数"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="vip课成交金额"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="乐理课购买人数"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="乐理课成交金额"
+          ></el-table-column>
+            <el-table-column
+            align="center"
+            prop="studentId"
+            label="操作"
+          >
+          <template slot-scope="scope">
+            <div>
+              <el-button type="text">详情</el-button>
+            </div>
+          </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          sync
+          :total.sync="rules.total"
+          :page.sync="rules.page"
+          :limit.sync="rules.limit"
+          :page-sizes="rules.page_size"
+          @pagination="getList"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+import { getToken } from "@/utils/auth";
+import pagination from "@/components/Pagination/index";
+import load from "@/utils/loading";
+import { queryByOrganId, getSchool } from "@/api/systemManage";
+import countTo from "vue-count-to";
+export default {
+  components: { pagination, "count-to": countTo },
+
+  data() {
+    return {
+      searchForm: {
+        search: null,
+        organId: null,
+        school: null,
+      },
+
+      tableList: [{}],
+      cooperationList: [],
+      musicList: [],
+      rules: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+    };
+  },
+  //生命周期 - 创建完成（可以访问当前this实例）
+  created() {},
+  //生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() {
+    // 获取分部
+    this.$store.dispatch("setBranchs");
+    this.init();
+  },
+  methods: {
+    init() {},
+    getList() {},
+    search() {
+      this.rules.page = 1;
+      this.getList();
+    },
+    onReSet() {},
+  },
+};
+</script>
+<style lang='scss' scoped>
+</style>