群聊

1

src/constant/index.js

@@ -455,3 +455,11 @@ export const feedbackTypeDesc = {
   'TEACHING': '教学不满意',
   'OTHER': '其他'
 }
+
+export const campState = {
+  'READY':'筹备中',
+  'APPLY':'报名中',
+  'NOT_START':'未开始',
+  'ING':'进行中',
+  'END':'已结束'
+}

src/router/index.js

@@ -555,7 +555,9 @@ export const asyncRoutes = {
   // 团练宝分润
   memberShareList:()=>import('@/views/agentManager/memberShareList'),
   // 群组管理
-  groupChatManager:()=>import('@/views/groupChatManager')
+  groupChatManager:()=>import('@/views/groupChatManager'),
+  // 小小艺术家训练营
+  littleArtistCamp:()=>import('@/views/littleArtistCamp')
 }
 
 export default router

src/utils/searchArray.js

@@ -21,7 +21,8 @@ import {
   coupontypeDetail,
   issue,
   feedbackType,
-  feedbackTypeDesc
+  feedbackTypeDesc,
+  campState
 } from '../constant'
 // 课程类型
 let tenantConfig = sessionStorage.getItem('tenantConfig')
@@ -804,6 +805,7 @@ export const coupontypeDetailList = getValueForKey(coupontypeDetail)
 export const issueList = getValueForKey(issue)
 export const feedbackTypeList = getValueForKey(feedbackType)
 export const feedbackTypeDescList = getValueForKey(feedbackTypeDesc)
+export const campStateList = getValueForKey(campState)
 
 //downListType
 function getValueForKey(obj) {

src/utils/vueFilter.js

@@ -215,6 +215,8 @@ Vue.filter("coupontypeDetailType", val => constant.coupontypeDetail[val]);
 // 学员回访状态 feedbackType
 Vue.filter("feedbackTypeFilter", val => constant.feedbackType[val]);
 Vue.filter("feedbackTypeDescFilter", val => constant.feedbackTypeDesc[val]);
+// 小小训练营状态
+Vue.filter("campStateListFilter", val => constant.campStateList[val]);
 
 // 时间处理
 Vue.filter("timer", value => {

src/views/littleArtistCamp/api.js

@@ -0,0 +1,30 @@
+import request from '@/utils/request2'
+// 获取训练营列表
+export const getTrainingCampList = data => {
+  return request({
+    url: '/api-web/tempLittleArtistTrainingCamp/queryPageTrainingCamp',
+    method: 'post',
+    data,
+    requestType: 'json',
+  })
+}
+
+// 新建
+export const addTrainingCamp = data => {
+  return request({
+    url: '/api-web/tempLittleArtistTrainingCamp/add',
+    method: 'post',
+    data,
+    requestType: 'json',
+  })
+}
+
+// 修改
+export const resetTrainingCamp = data => {
+  return request({
+    url: '/api-web/tempLittleArtistTrainingCamp/update',
+    method: 'post',
+    data,
+    requestType: 'json',
+  })
+}

src/views/littleArtistCamp/aristCampDetail.vue

@@ -0,0 +1,103 @@
+<template>
+  <div>
+    <el-page-header @back="goBack" content="抽奖记录" class="setTrophy" />
+    <save-form
+      :inline="true"
+      class="searchForm"
+      ref="searchForm"
+      @submit="search"
+      @reset="onReset"
+      :model="searchForm"
+    >
+      <el-form-item prop="userId">
+        <el-input
+          v-model.number="searchForm.userId"
+          maxlength="9"
+          clearable
+          placeholder="学员姓名/手机号/编号"
+          type="number"
+        ></el-input>
+      </el-form-item>
+      <el-form-item prop="name">
+        <el-input
+          v-model.trim="searchForm.name"
+          clearable
+          placeholder="所在群组"
+        ></el-input>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button native-type="submit" type="danger">搜索</el-button>
+        <el-button native-type="reset" type="primary">重置</el-button>
+      </el-form-item>
+    </save-form>
+    <div class="tableWrap">
+      <el-table
+        :data="tableList"
+        :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+      >
+        <el-table-column align="center" prop="userId" label="学员编号">
+          <template slot-scope="scope">
+            <copy-text>{{ scope.row.userId }}</copy-text>
+          </template>
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="user.username"
+          label="学员姓名"
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          prop="user.phone"
+          label="手机号码"
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          prop="user.organName"
+          label="所属分部"
+        ></el-table-column>
+        <el-table-column align="center" prop="luckDrawPrize.name" label="奖项">
+          <template slot-scope="scope">
+            <copy-text>{{ scope.row.luckDrawPrize.name }}</copy-text>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" prop="createOn" label="抽奖时间">
+        </el-table-column>
+      </el-table>
+      <pagination
+        sync
+        :total.sync="pageInfo.total"
+        :page.sync="pageInfo.page"
+        :limit.sync="pageInfo.limit"
+        :page-sizes="pageInfo.page_size"
+        @pagination="getList"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import pagination from "@/components/Pagination/index";
+export default {
+    components: { pagination },
+  data() {
+    return {
+       tableList: [],
+
+      pageInfo: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 1, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+    };
+  },
+  mounted() {},
+  methods: {
+    goBack() {},
+  },
+};
+</script>
+<style lang="scss" scoped>
+</style>

src/views/littleArtistCamp/index.vue

@@ -0,0 +1,234 @@
+<!--  -->
+<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="name">
+          <el-input
+            v-model.trim="searchForm.name"
+            clearable
+            @keyup.enter.native="name"
+            placeholder="训练营标题"
+          ></el-input>
+        </el-form-item>
+
+        <el-form-item prop="state">
+          <el-select
+            v-model.trim="searchForm.state"
+            clearable
+            filterable
+            placeholder="训练营状态"
+          >
+            <el-option
+              v-for="(item, index) in campStateList"
+              :key="index"
+              :value="item.value"
+              :label="item.label"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item prop="applyTime">
+          <el-date-picker
+            v-model.trim="searchForm.applyTime"
+            type="daterange"
+            value-format="yyyy-MM-dd"
+            range-separator="至"
+            start-placeholder="报名开始日期"
+            end-placeholder="报名结束日期"
+            :picker-options="{
+              firstDayOfWeek: 1,
+            }"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item prop="trainTime">
+          <el-date-picker
+            v-model.trim="searchForm.trainTime"
+            type="daterange"
+            value-format="yyyy-MM-dd"
+            range-separator="至"
+            start-placeholder="训练开始日期"
+            end-placeholder="训练结束日期"
+            :picker-options="{
+              firstDayOfWeek: 1,
+            }"
+          >
+          </el-date-picker>
+        </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="buttunWtap">
+        <auth auths="sysCoupon/add">
+          <el-button
+            type="primary"
+            style="margin-bottom: 30px; margian-right: 10px"
+            @click="addCamp"
+            >新建训练营</el-button
+          >
+        </auth>
+        <auth auths="sysCoupon/add">
+          <el-button type="primary" style="margin-bottom: 30px"
+            >参与名单</el-button
+          >
+        </auth>
+      </div>
+      <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="操作">
+            <template slot-scope="scope">
+              <div>
+                <auth auths="musicGroupQuestionnaire/get">
+                  <el-button type="text" @click="lookCamp(scope.row)"
+                    >详情</el-button
+                  >
+                </auth>
+                <auth
+                  :auths="[
+                    'musicGroupQuestionnaire/get',
+                    'musicGroupQuestionnaire/update',
+                  ]"
+                  mulit
+                >
+                  <el-button type="text" @click="resetCamp(scope.row)"
+                    >修改</el-button
+                  >
+                </auth>
+                <auth auths="musicGroupQuestionnaire/del">
+                  <el-button type="text" @click="deleteCamp(scope.row)"
+                    >删除</el-button
+                  >
+                </auth>
+              </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>
+    <eidtCamp  @getList="getList" ref='eidtCamp'/>
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+import { getToken } from "@/utils/auth";
+import pagination from "@/components/Pagination/index";
+import load from "@/utils/loading";
+import { getTimes } from "@/utils";
+import { campStateList } from "@/utils/searchArray";
+import { getTrainingCampList } from "./api";
+import eidtCamp from './models/eidtCamp'
+// campStateListFilter
+export default {
+  components: { pagination,eidtCamp },
+  data() {
+    return {
+      searchForm: {
+        search: null,
+        applyTime: [],
+        trainTime: [],
+      },
+      campStateList,
+      tableList: [],
+      organList: [],
+      rules: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+    };
+  },
+  //生命周期 - 创建完成（可以访问当前this实例）
+  created() {},
+  //生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() {
+    // 获取分部
+
+    this.init();
+  },
+  methods: {
+    init() {},
+    async getList() {
+      let { applyTime, trainTime, ...rest } = this.searchForm;
+      let params = {
+        ...rest,
+        page: this.rules.page,
+        rows: this.rules.limit,
+        ...getTimes(applyTime, ["applyStartDate", "applyEndDate"]),
+        ...getTimes(trainTime, ["trainStartDate", "trainEndDate"]),
+      };
+      try {
+        const res = await getTrainingCampList({ ...params });
+        this.tableList = res.data.rows;
+        this.rules.total = res.data.total;
+      } catch (e) {
+        console.log(e);
+      }
+    },
+    search() {
+      this.rules.page = 1;
+      this.getList();
+    },
+    onReSet() {},
+    lookCamp(row) {},
+    resetCamp(row) {},
+    deleteCamp(row) {},
+    addCamp(){
+      this.$refs.eidtCamp.openDioag()
+    },
+  },
+};
+</script>
+<style lang='scss' scoped>
+</style>

src/views/littleArtistCamp/models/eidtCamp.vue

@@ -0,0 +1,155 @@
+<template>
+  <div>
+    <el-dialog
+      width="520px"
+      :title="title"
+      :visible.sync="lookVisible"
+      :before-close="onClose"
+    >
+      <el-form :model="formes" label-width="100px" ref="eidtCamp">
+        <el-form-item
+          label="训练营标题"
+          :rules="[{ required: true, message: '请输入发送内容' }]"
+          prop="name"
+        >
+          <el-input class="w100" v-model="formes.name"></el-input>
+        </el-form-item>
+        <el-form-item prop="applyTime" label="报名时间">
+          <el-date-picker
+            v-model.trim="formes.applyTime"
+            class="w100"
+            type="daterange"
+            value-format="yyyy-MM-dd"
+            range-separator="至"
+            start-placeholder="报名开始日期"
+            end-placeholder="报名结束日期"
+            :picker-options="{
+              firstDayOfWeek: 1,
+            }"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item prop="trainTime" label="训练时间">
+          <el-date-picker
+            v-model.trim="formes.trainTime"
+            type="daterange"
+            value-format="yyyy-MM-dd"
+            class="w100"
+            range-separator="至"
+            start-placeholder="训练开始日期"
+            end-placeholder="训练结束日期"
+            :picker-options="{
+              firstDayOfWeek: 1,
+            }"
+          >
+          </el-date-picker>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="onClose">取 消</el-button>
+        <el-button type="primary" @click="submitMsg">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { addTrainingCamp,resetTrainingCamp } from "../api";
+import { getTimes } from "@/utils";
+export default {
+  name: "eidtCamp",
+  data() {
+    return {
+      title: "",
+      formes: {
+        id: "",
+        name: "",
+        applyTime: [],
+        trainTime: [],
+      },
+      lookVisible: false,
+      chioseIdList: null,
+      activeRow: null,
+    };
+  },
+
+  mounted() {
+    this.init();
+  },
+  methods: {
+    init() {},
+
+    openDioag(row) {
+      if (row && row.id) {
+        this.activeRow = row;
+        this.title = "修改训练营";
+        // this.formes = { ...row };
+      } else {
+        this.title = "新建训练营";
+      }
+      this.lookVisible = true;
+    },
+    onClose() {
+      this.formes = {
+        id: "",
+        postType: "0",
+        sendTime: "",
+        messageContent: "",
+        messageType: "",
+        fileName: "",
+      };
+      this.$refs["eidtCamp"].resetFields();
+      this.lookVisible = false;
+    },
+    submitMsg() {
+      this.$refs.eidtCamp.validate(async (flag) => {
+        if (flag) {
+          try {
+            if (this.activeRow && this.activeRow.id) {
+              let { applyTime, trainTime, ...rest } = this.forms;
+              let params = {
+                ...rest,
+                ...getTimes(applyTime, ["applyStartDate", "applyEndDate"]),
+                ...getTimes(trainTime, ["trainStartDate", "trainEndDate"]),
+              };
+              const res = await resetTrainingCamp({ ...obj });
+              this.$message.success("修改成功");
+              this.onClose();
+              this.$emit('getList')
+            } else {
+              let { applyTime, trainTime, ...rest } = this.forms;
+              let params = {
+                ...rest,
+                ...getTimes(applyTime, ["applyStartDate", "applyEndDate"]),
+                ...getTimes(trainTime, ["trainStartDate", "trainEndDate"]),
+              };
+              const res = await addTrainingCamp({ ...obj });
+              this.$message.success("新建成功");
+              this.onClose();
+                 this.$emit('getList')
+            }
+          } catch (e) {
+            console.log(e);
+          }
+        }
+      });
+    },
+    getName(val) {
+      this.formes.fileName = val.data.name;
+    },
+    payDate() {
+      let self = this;
+      return {
+        firstDayOfWeek: 1,
+        disabledDate(time) {
+          return time.getTime() + 86400000 < new Date().getTime();
+        },
+      };
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.w100 {
+  width: 100%;
+}
+</style>