|
@@ -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({
|