Bläddra i källkod

Merge remote-tracking branch 'origin/music-list'

lex-xin 4 år sedan
förälder
incheckning
3eedff3c1e

+ 12 - 0
src/api/buildTeam.js

@@ -1490,3 +1490,15 @@ export function spanGroupMergeClassSplitClassAffirm(data) {
     data:data
   })
 }
+
+// 发送缴费提醒
+export function sendWaitRenewMessage(data) {
+  return request2({
+    url: api + `/musicGroupPaymentCalenderDetail/sendWaitRenewMessage`,
+    method: 'post',
+    requestType:'form',
+    params:{},
+    data:data
+  })
+}
+

+ 2 - 0
src/components/install.js

@@ -17,6 +17,7 @@ import empty from '@/components/empty'
 import autoHeight from '@/components/auto-height'
 import auth from '@/components/Auth'
 import filterSearch from '@/components/filter-search'
+import singeFileUpload from '@/components/singe-file-upload'
 
 export default {
   install(Vue) {
@@ -34,5 +35,6 @@ export default {
     Vue.component(autoHeight.name, autoHeight)
     Vue.component(auth.name, auth)
     Vue.component(filterSearch.name, filterSearch)
+    Vue.component(singeFileUpload.name, singeFileUpload)
   }
 }

+ 81 - 0
src/components/singe-file-upload/index.vue

@@ -0,0 +1,81 @@
+<template>
+  <el-upload
+    action="/api-web/uploadFile"
+    :headers="headers"
+    :on-success="success"
+    :on-remove="remove"
+    :on-error="error"
+    :limit="1"
+    :file-list="filelist"
+    :accept="accept">
+    <el-button size="small" type="primary" plain>点击上传</el-button>
+    <div slot="tip" v-if="tips" class="el-upload__tip">{{tips}}</div>
+  </el-upload>
+</template>
+
+<script>
+import { getToken } from '@/utils/auth'
+export default {
+  name: 'singe-file-upload',
+  props: {
+    tips: {
+      type: String,
+      default: ''
+    },
+    value: {
+      type: String,
+      default: ''
+    },
+    accept: {
+      type: String,
+      default: ''
+    }
+  },
+  watch: {
+    value: {
+      handler() {
+        if (this.value) {
+          this.filelist = [{
+            name: this.value,
+            url: this.value,
+          }]
+        } else {
+          this.remove()
+        }
+      },
+      immediate: true
+    }
+  },
+  data() {
+    return {
+      filelist: [],
+      headers: {
+        Authorization: getToken()
+      },
+    }
+  },
+  methods: {
+    remove() {
+      this.filelist = []
+      this.$emit('update:value', '')
+      this.$emit('input', '')
+    },
+    error() {
+      this.remove()
+    },
+    success(res) {
+      if (res.code == 200) {
+        this.filelist = [{
+          name: res.data.url,
+          url: res.data.url,
+        }]
+        this.$emit('update:value', res.data.url)
+        this.$emit('input', res.data.url)
+      } else {
+        this.remove()
+        this.$message.error(res.msg || '上传失败')
+      }
+    },
+  }
+}
+</script>

+ 4 - 0
src/constant/index.js

@@ -224,3 +224,7 @@ export const packageStatus = {
   1: '可用',
   2: '已使用',
 }
+
+// export const musicScoreCategoriesId = [
+//   ''
+// ]

+ 24 - 4
src/views/accompaniment/api.js

@@ -2,7 +2,7 @@ import request from '@/utils/request2'
 
 export const QueryPage = params => {
   return request({
-    url: '/api-web/sysExamSong/queryPage',
+    url: '/api-web/sysMusicScore/queryPage',
     data: {},
     params,
     requestType: 'form'
@@ -11,7 +11,7 @@ export const QueryPage = params => {
 
 export const Add = data => {
   return request({
-    url: '/api-web/sysExamSong/add',
+    url: '/api-web/sysMusicScore/add',
     method: 'post',
     data,
     params: {},
@@ -20,18 +20,38 @@ export const Add = data => {
 
 export const Update = data => {
   return request({
-    url: '/api-web/sysExamSong/update',
+    url: '/api-web/sysMusicScore/update',
     method: 'post',
     data,
     params: {},
   })
 }
 
+export const queryPageSysExam = data => {
+  return request({
+    url: '/api-web/sysMusicScoreAccompaniment/queryPage',
+    method: 'get',
+    params: data,
+  })
+}
+
 export const Del = id => {
   return request({
-    url: '/api-web/sysExamSong/del/' + id,
+    url: '/api-web/sysMusicScore/del',
     method: 'post',
     data: {},
+    params: {
+      id
+    },
+    requestType: 'form'
+  })
+}
+
+export const queryTree = () => {
+  return request({
+    url: '/api-web/sysMusicScoreCategories/queryTree',
+    method: 'get',
+    data: {},
     params: {},
     requestType: 'form'
   })

+ 19 - 14
src/views/accompaniment/index.vue

@@ -4,8 +4,8 @@
       <div class="squrt"></div>教学伴奏
     </h2>
     <div class="m-core">
-      <el-button @click="open('COMMON')" type="primary" v-permission="'sysExamSong/add'">添加公用伴奏</el-button>
-      <!-- <el-button @click="open('PERSON')" type="primary" v-permission="'sysExamSong/add'">添加个人伴奏</el-button> -->
+      <el-button @click="open('COMMON')" type="primary" v-permission="'sysMusicScore/add'">添加公用伴奏</el-button>
+      <!-- <el-button @click="open('PERSON')" type="primary" v-permission="'sysMusicScore/add'">添加个人伴奏</el-button> -->
       <saveform ref="searchForm" :model.sync="searchForm" inline style="margin-top: 20px">
         <el-form-item prop="search">
           <el-input v-model="searchForm.search" clearable placeholder="伴奏编号/伴奏名称"/>
@@ -20,11 +20,11 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item prop="subjectId">
+        <!-- <el-form-item prop="subjectId">
           <el-select v-model="searchForm.subjectId" clearable filterable placeholder="请选择声部">
             <el-option v-for="item in selects.subjects" :value="item.id" :label="item.name" :key="item.id"></el-option>
           </el-select>
-        </el-form-item>
+        </el-form-item> -->
         <el-button @click="submit" type="primary">搜索</el-button>
         <el-button @click="reset" type="danger">重置</el-button>
       </saveform>
@@ -36,7 +36,7 @@
         <el-table-column
           align="center"
           prop="id"
-          label="伴奏编号"
+          label="编号"
         >
                 <template slot-scope="scope">
               <div>
@@ -44,11 +44,10 @@
               </div>
             </template>
         </el-table-column>
-        </el-table-column>
         <el-table-column
           align="center"
           prop="name"
-          label="伴奏名称"
+          label="名称"
           width="180px"
         >
          <template slot-scope="scope">
@@ -66,7 +65,7 @@
             {{scope.row.type | songUseTypeFormat}}
           </template>
         </el-table-column>
-        <el-table-column
+        <!-- <el-table-column
           align="center"
           prop="subjectNames"
           label="声部"
@@ -82,6 +81,12 @@
           align="center"
           prop="speed"
           label="速度"
+        /> -->
+        <el-table-column
+          align="center"
+          prop="categoriesName"
+          label="分类"
+          width="180px"
         />
         <el-table-column
           align="center"
@@ -108,11 +113,11 @@
             >播放</el-button>
             <el-button type="text"
               @click="edit(scope.row)"
-              v-permission="'sysExamSong/update'"
+              v-permission="'sysMusicScore/update'"
             >修改</el-button>
             <el-button type="text"
               @click="remove(scope.row)"
-              v-permission="'sysExamSong/del'"
+              v-permission="'sysMusicScore/del'"
             >删除</el-button>
           </template>
         </el-table-column>
@@ -126,16 +131,16 @@
         @pagination="FetchList"
       />
     </div>
-    <el-dialog width="400px" :visible.sync="audioVisible" title="播放伴奏">
-      <audio v-if="audioVisible" style="display: block; margin: auto" controls :src="activeUrl"/>
+    <el-dialog v-if="audioVisible" width="400px" :visible.sync="audioVisible" title="播放伴奏">
+      <audio style="display: block; margin: auto" controls :src="activeUrl"/>
     </el-dialog>
     <el-dialog
       :title="title"
       :visible.sync="visible"
-      width="500px"
+      width="700px"
+      v-if="visible"
     >
       <submit-form
-        v-if="visible"
         :detail="detail"
         :type="type"
         @submited="FetchList"

+ 187 - 71
src/views/accompaniment/modals/form.vue

@@ -2,45 +2,98 @@
   <div>
     <el-form ref="form" :model="form" label-width="100px">
       <el-form-item
-        prop="name"
-        label="伴奏名称"
-        :rules="[{required: true, message: '请输入伴奏名称'}]"
+        prop="sysMusicScore.name"
+        label="曲名"
+        :rules="[{required: true, message: '请输入曲名'}]"
       >
-        <el-input placeholder="请输入伴奏名称" v-model="form.name"/>
+        <el-input placeholder="请输入曲名" v-model="form.sysMusicScore.name"/>
       </el-form-item>
       <el-form-item
-        prop="subjectIds"
-        label="伴奏声部"
-        :rules="[{required: true, message: '请选择伴奏声部'}]"
+        prop="sysMusicScore.musicScoreCategoriesId"
+        label="分类"
+        :rules="[{required: true, message: '请选择分类'}]"
       >
-        <el-select style="width: 100%!important;" collapse-tags multiple v-model="form.subjectIds" placeholder="请选择伴奏声部">
-          <el-option v-for="item in selects.subjects" :value="String(item.id)" :label="item.name" :key="item.id"></el-option>
-        </el-select>
+      <el-cascader v-model="form.sysMusicScore.musicScoreCategoriesId"
+                    style="width:100%"
+                    :options="tree"
+                     placeholder="请选择分类"
+                    :props="treeProps"></el-cascader>
+        <!-- <el-select style="width: 100%!important;" v-model="form.sysMusicScore.musicScoreCategoriesId" placeholder="请选择声部">
+          <el-option
+            v-for="item in selects.subjects"
+            :value="item.id"
+            :label="item.name"
+            :key="item.id"
+          ></el-option>
+        </el-select> -->
       </el-form-item>
       <el-form-item
-        prop="speed"
-        label="伴奏速度"
-        :rules="[{required: true, message: '请输入伴奏速度'}]"
+        label="原音"
+        prop="sysMusicScore.url"
       >
-        <el-input type="number" placeholder="请输入伴奏速度" v-model="form.speed"/>
-      </el-form-item>
-      <el-form-item
-        label="伴奏文件"
-        prop="url"
-        :rules="[{required: true, message: '请选择伴奏文件'}]"
-      >
-        <el-upload
-          action="/api-web/uploadFile"
-          :headers="headers"
-          :on-success="success"
-          :on-remove="remove"
-          :limit="1"
-          :file-list="filelist"
-          accept=".mp3, .aac">
-          <el-button size="small" type="primary" plain>点击上传</el-button>
-          <div slot="tip" class="el-upload__tip">仅支持上传 mp3/aac 格式音频文件</div>
-        </el-upload>
+        <singe-file-upload
+          tips="仅支持上传 mp3/aac 格式音频文件"
+          accept=".mp3, .aac"
+          v-model="form.sysMusicScore.url"
+        />
       </el-form-item>
+      <div class="files" v-for="(song, index) in form.sysMusicScoreAccompaniments" :key="index">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item
+              :prop="`sysMusicScoreAccompaniments.${index}.subjectId`"
+              label="声部"
+              :rules="[{required: true, message: '请选择声部'}]"
+            >
+              <el-select style="width: 100%!important;" v-model="song.subjectId" placeholder="请选择声部">
+                <el-option
+                  v-for="item in selects.subjects"
+                  :value="item.id"
+                  :label="item.name"
+                  :key="item.id"
+                  :disabled="hasSubjectId(item.id)"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              :prop="`sysMusicScoreAccompaniments.${index}.speed`"
+              label="速度"
+              :rules="[{required: true, message: '请输入速度'}]"
+            >
+              <el-input type="number" placeholder="请输入速度" v-model="song.speed"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="mp3文件"
+              :prop="`sysMusicScoreAccompaniments.${index}.mp3Url`"
+            >
+              <singe-file-upload
+                tips="仅支持上传 mp3/aac 格式音频文件"
+                accept=".mp3, .aac"
+                v-model="song.mp3Url"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="MusicXML"
+              :prop="`sysMusicScoreAccompaniments.${index}.xmlUrl`"
+              :rules="[{required: true, message: '请选择MusicXML文件'}]"
+            >
+              <singe-file-upload
+                tips="仅支持上传 xml 格式文件"
+                accept=".xml"
+                v-model="song.xmlUrl"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-button class="file-remove" type="text" @click="removeSys(index)" :disabled="form.sysMusicScoreAccompaniments.length == 1">删除</el-button>
+      </div>
+      <el-button @click="createSys" type="info" style="width: 100%;margin-bottom: 20px;" plain>添加伴奏</el-button>
       <div class="btns">
         <el-button type="primary" @click="submit">提交</el-button>
         <el-button @click="$listeners.close">取消</el-button>
@@ -49,57 +102,101 @@
   </div>
 </template>
 <script>
-import { getToken } from "@/utils/auth"
-import { Add, Update } from '../api'
+import { Add, Update, queryPageSysExam, queryTree } from '../api'
 export default {
   props: ['detail', 'type'],
   data() {
     return {
-      headers: {
-        Authorization: getToken()
-      },
-      filelist: [],
+      tree: [],
       form: {
-        name: '',
-        subjectIds: [],
-        speed: '',
-        url: ''
+        sysMusicScore: {
+          name: '',
+          url: '',
+          musicScoreCategoriesId: [],
+        },
+        sysMusicScoreAccompaniments: [
+          {
+            subjectId: '',
+            speed: '',
+            mp3Url: '',
+            xmlUrl: ''
+          },
+        ],
+        delExamSongAccompanimentIds: []
+      },
+      treeProps: {
+        value: 'id',
+        label: 'name',
+        children: 'sysMusicScoreCategoriesList',
       }
     }
   },
-  mounted() {
+  async mounted() {
     this.$store.dispatch('setSubjects')
+    await this.FetchTree()
     if (this.detail) {
-      for (const key in this.form) {
-        if (this.form.hasOwnProperty(key)) {
-          if (key === 'subjectIds') {
-            this.$set(this.form, 'subjectIds', (this.detail[key] || '').split(','))
-          } else {
-            this.$set(this.form, key, this.detail[key])
-          }
-        }
-      }
-      this.filelist = [{
-        name: this.detail.url,
+      this.$set(this.form, 'sysMusicScore', {
+        name: this.detail.name,
         url: this.detail.url,
-      }]
+        musicScoreCategoriesId: this.detail.categoriesId ? this.formatParentId(this.detail.categoriesId, this.tree) : [],
+      })
+      this.FeatchDetailList()
     }
   },
   methods: {
-    remove() {
-      this.filelist = []
-      this.$set(this.form, 'url', '')
+    formatParentId(id, list, ids = []) {
+      for (const item of list) {
+        if (item.sysMusicScoreCategoriesList) {
+          return this.formatParentId(id, item.sysMusicScoreCategoriesList, [...ids, item.id])
+        }
+        if (item.id === id) {
+          return [...ids, id]
+        }
+      }
+      return ids
+    },
+    async FetchTree() {
+      try {
+        const res = await queryTree()
+        this.tree = res.data
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    async FeatchDetailList() {
+      try {
+        const res = await queryPageSysExam({
+          sysMusicScoreId: this.detail.id
+        })
+        this.$set(this.form, 'sysMusicScoreAccompaniments', res.data)
+      } catch (error) {}
+    },
+    createSys() {
+      this.form.sysMusicScoreAccompaniments.push({
+        subjectId: '',
+        speed: '',
+        mp3Url: '',
+        xmlUrl: ''
+      })
+    },
+    async removeSys(index) {
+      try {
+        await this.$confirm('是否确认删除此伴奏?', '提示', {
+          type: 'warning'
+        })
+        if (this.form.sysMusicScoreAccompaniments[index]) {
+          this.form.delExamSongAccompanimentIds.push(this.form.sysMusicScoreAccompaniments[index].id)
+        }
+
+        this.form.sysMusicScoreAccompaniments.splice(index, 1)
+      } catch (error) {}
     },
-    success(res) {
-      if (res.code == 200) {
-        this.filelist = [{
-          name: res.data.url,
-          url: res.data.url,
-        }]
-        this.$set(this.form, 'url', res.data.url)
-      } else {
-        this.$message.error(res.msg || '上传失败')
+    hasSubjectId(id) {
+      const ids = []
+      for (const item of this.form.sysMusicScoreAccompaniments) {
+        ids.push(item.subjectId)
       }
+      return ids.includes(id)
     },
     async submit() {
       this.$refs.form.validate(async (valid) => {
@@ -107,16 +204,22 @@ export default {
           if (!this.detail) {
             await Add({
               ...this.form,
-              subjectIds: this.form.subjectIds.join(','),
-              type: 'COMMON',
+              sysMusicScore: {
+                ...this.form.sysMusicScore,
+                type: 'COMMON',
+                musicScoreCategoriesId: (this.form.sysMusicScore.musicScoreCategoriesId || []).pop(),
+              }
             })
             this.$message.success('提交成功')
           } else {
             await Update({
               ...this.form,
-              subjectIds: this.form.subjectIds.join(','),
-              type: this.detail.type,
-              id: this.detail.id
+              sysMusicScore: {
+                ...this.form.sysMusicScore,
+                type: 'COMMON',
+                id: this.detail.id,
+                musicScoreCategoriesId: (this.form.sysMusicScore.musicScoreCategoriesId || []).pop(),
+              }
             })
             this.$message.success('修改成功')
           }
@@ -132,4 +235,17 @@ export default {
   .btns{
     text-align: right;
   }
+  .files{
+    background-color: #f8f8f8;
+    padding: 20px 0;
+    padding-right: 20px;
+    margin-bottom: 20px;
+    border-radius: 5px;
+    position: relative;
+    .file-remove{
+      position: absolute;
+      right: 20px;
+      bottom: 10px;
+    }
+  }
 </style>

+ 49 - 2
src/views/resetTeaming/components/strudentPayInfo.vue

@@ -186,7 +186,13 @@
         >
           开启缴费
         </div>
-
+        <div
+          class="newBand"
+          @click="payRemind"
+          v-permission="'musicGroupPaymentCalenderDetail/sendWaitRenewMessage'"
+        >
+          缴费提醒
+        </div>
         <!-- <div
           class="newBand"
           @click="addStudentBtn"
@@ -447,6 +453,7 @@ import {
   queryCanAddStudent,
   addMusicGroupPaymentCalenderStudent,
   delMusicGroupPaymentCalenderStudent,
+  sendWaitRenewMessage
 } from "@/api/buildTeam";
 
 export default {
@@ -610,7 +617,7 @@ export default {
           path: "/business/resetTeaming",
           query: { ...this.$route.query },
         });
-      } else if(query.type == 'look') {
+      } else if (query.type == "look") {
         this.$store.dispatch("delVisitedViews", this.$route);
         this.$router.push({
           path: "/business/teamLookBase",
@@ -783,6 +790,46 @@ export default {
       this.$refs.singleTable.setCurrentRow(row);
       this.studentVisible = false;
     },
+    payRemind(){
+       console.log()
+       if(this.activeChiose.length<=0){
+         this.$message.error('请至少选择一名学员')
+         return
+       }
+       let submitArr = [];
+       let msgArr = '';
+       let str = ''
+       this.activeChiose.forEach(item=>{
+         if(item.open){
+           submitArr.push(item.userId)
+         }else{
+           msgArr+=item?.sysUser?.username+','
+         }
+       })
+       console.log(submitArr,msgArr)
+
+       if(msgArr){
+         str=`${msgArr}未开启缴费无法提醒`
+       }else{
+         str='是否发送提醒'
+       }
+      this.$confirm(str, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(async() => {
+          try{
+            const res = await sendWaitRenewMessage({studentIds:submitArr.join(','),calenderId:this.$route.query.paymentId})
+            this.$message.success('提醒成功')
+            this.getList()
+          }catch(e){
+
+          }
+        }).catch(() => {
+
+        });
+
+    }
   },
   watch: {
     payVisible(val) {