伴奏添加等级

src/views/accompaniment/api.js

@@ -37,9 +37,21 @@ export const queryPageSysExam = data => {
 
 export const Del = id => {
   return request({
-    url: '/api-web/sysMusicScore/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'
   })

src/views/accompaniment/modals/form.vue

@@ -8,20 +8,25 @@
       >
         <el-input placeholder="请输入曲名" v-model="form.sysMusicScore.name"/>
       </el-form-item>
-      <!-- <el-form-item
-        prop="musicScoreCategoriesId"
+      <el-form-item
+        prop="sysMusicScore.musicScoreCategoriesId"
         label="等级"
         :rules="[{required: true, message: '请选择等级'}]"
       >
-        <el-select style="width: 100%!important;" v-model="form.sysMusicScore.musicScoreCategoriesId" placeholder="请选择声部">
+      <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-select> -->
+      </el-form-item>
       <el-form-item
         label="原音"
         prop="sysMusicScore.url"
@@ -97,15 +102,17 @@
   </div>
 </template>
 <script>
-import { Add, Update, queryPageSysExam } from '../api'
+import { Add, Update, queryPageSysExam, queryTree } from '../api'
 export default {
   props: ['detail', 'type'],
   data() {
     return {
+      tree: [],
       form: {
         sysMusicScore: {
           name: '',
           url: '',
+          musicScoreCategoriesId: '',
         },
         sysMusicScoreAccompaniments: [
           {
@@ -116,6 +123,12 @@ export default {
           },
         ],
         delExamSongAccompanimentIds: []
+      },
+      treeProps: {
+        value: 'id',
+        label: 'name',
+        children: 'sysMusicScoreCategoriesList',
+        checkStrictly: true
       }
     }
   },
@@ -128,8 +141,17 @@ export default {
       })
       this.FeatchDetailList()
     }
+    this.FetchTree()
   },
   methods: {
+    async FetchTree() {
+      try {
+        const res = await queryTree()
+        this.tree = res.data
+      } catch (error) {
+        console.log(error)
+      }
+    },
     async FeatchDetailList() {
       try {
         const res = await queryPageSysExam({

vue.config.js

@@ -21,8 +21,8 @@ const name = defaultSettings.title || '管乐迷后台管理系统' // page titl
 // let target = 'http://192.168.3.139:8000' // 箭河
 // let target = 'http://192.168.3.38:8000' //邹璇
 // let target = 'http://192.168.3.57:8000' //勇哥
-// let target = 'http://47.114.176.40:8000' // 测试服
-let target = 'http://dev.dayaedu.com/' // 乔
+let target = 'http://47.114.176.40:8000' // 测试服
+// let target = 'http://dev.dayaedu.com/' // 乔
 // All configuration item explanations can be find in https://cli.vuejs.org/config/
 module.exports = {
   /**