更新打包

dist/assets/index-legacy.0367a13c.js → dist/assets/index-legacy.0c1235e1.js

@@ -1,4 +1,4 @@
-;(function(){function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._liveClass_kwizm_1 .el-tabs__nav-wrap{padding-left:2.75rem;padding-right:2.75rem}._liveClass_kwizm_1 .el-tabs__item{height:64px;line-height:64px;padding:0 42px}._liveClass_kwizm_1 .el-tabs__nav-wrap:after{height:1px;background:#eeeeee}\n";document.head.appendChild(__vite_style__);System.register(['./index-legacy.de4ef829.js','./index-legacy.2616453b.js','./index-legacy.780ecf5b.js','./vendor-legacy.a30f1236.js','./icon_teacher-legacy.51535f30.js'],function(exports){'use strict';var Pagination,ColEmpty,request,state,Item,defineComponent,createVNode,Fragment,ElSkeleton,ElSkeletonItem,ElButton,createTextVNode,ElTabs,ElTabPane;return{setters:[function(module){Pagination=module.P;ColEmpty=module.C;},function(module){request=module.r;state=module.a;},function(module){Item=module.I;},function(module){defineComponent=module.d;createVNode=module.c;Fragment=module.F;ElSkeleton=module.a3;ElSkeletonItem=module.a4;ElButton=module.f;createTextVNode=module.a;ElTabs=module.q;ElTabPane=module.t;},function(){}],execute:function execute(){var liveClass="_liveClass_kwizm_1";var styles={liveClass:liveClass};var List=defineComponent({name:'list',props:{auditStatus:{type:String,default:''}},data:function data(){return{pageInfo:{// 分页规则
+;(function(){function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._liveClass_kwizm_1 .el-tabs__nav-wrap{padding-left:2.75rem;padding-right:2.75rem}._liveClass_kwizm_1 .el-tabs__item{height:64px;line-height:64px;padding:0 42px}._liveClass_kwizm_1 .el-tabs__nav-wrap:after{height:1px;background:#eeeeee}\n";document.head.appendChild(__vite_style__);System.register(['./index-legacy.c576aaa3.js','./index-legacy.d27cd9db.js','./index-legacy.bdd85275.js','./vendor-legacy.9da4e0b2.js','./icon_teacher-legacy.51535f30.js'],function(exports){'use strict';var Pagination,ColEmpty,request,state,Item,defineComponent,createVNode,Fragment,ElSkeleton,ElSkeletonItem,ElButton,createTextVNode,ElTabs,ElTabPane;return{setters:[function(module){Pagination=module.P;ColEmpty=module.C;},function(module){request=module.r;state=module.a;},function(module){Item=module.I;},function(module){defineComponent=module.d;createVNode=module.c;Fragment=module.F;ElSkeleton=module.a4;ElSkeletonItem=module.a5;ElButton=module.f;createTextVNode=module.a;ElTabs=module.q;ElTabPane=module.t;},function(){}],execute:function execute(){var liveClass="_liveClass_kwizm_1";var styles={liveClass:liveClass};var List=defineComponent({name:'list',props:{auditStatus:{type:String,default:''}},data:function data(){return{pageInfo:{// 分页规则
 limit:10,// 限制显示条数
 page:1,// 当前页
 total:0,// 总条数

dist/assets/index-legacy.f29d4b25.js → dist/assets/index-legacy.58ef9156.js

@@ -1,4 +1,4 @@
-;(function(){function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._liveClass_kwizm_1 .el-tabs__nav-wrap{padding-left:2.75rem;padding-right:2.75rem}._liveClass_kwizm_1 .el-tabs__item{height:64px;line-height:64px;padding:0 42px}._liveClass_kwizm_1 .el-tabs__nav-wrap:after{height:1px;background:#eeeeee}\n";document.head.appendChild(__vite_style__);System.register(['./index-legacy.de4ef829.js','./index-legacy.2616453b.js','./index-legacy.780ecf5b.js','./vendor-legacy.a30f1236.js','./icon_teacher-legacy.51535f30.js'],function(exports){'use strict';var Pagination,ColEmpty,request,Item,defineComponent,createVNode,Fragment,ElSkeleton,ElSkeletonItem,ElButton,createTextVNode,ElTabs,ElTabPane;return{setters:[function(module){Pagination=module.P;ColEmpty=module.C;},function(module){request=module.r;},function(module){Item=module.I;},function(module){defineComponent=module.d;createVNode=module.c;Fragment=module.F;ElSkeleton=module.a3;ElSkeletonItem=module.a4;ElButton=module.f;createTextVNode=module.a;ElTabs=module.q;ElTabPane=module.t;},function(){}],execute:function execute(){var liveClass="_liveClass_kwizm_1";var styles={liveClass:liveClass};var List=defineComponent({name:'list',props:{groupStatus:{type:String,default:''}},data:function data(){return{pageInfo:{// 分页规则
+;(function(){function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._liveClass_kwizm_1 .el-tabs__nav-wrap{padding-left:2.75rem;padding-right:2.75rem}._liveClass_kwizm_1 .el-tabs__item{height:64px;line-height:64px;padding:0 42px}._liveClass_kwizm_1 .el-tabs__nav-wrap:after{height:1px;background:#eeeeee}\n";document.head.appendChild(__vite_style__);System.register(['./index-legacy.c576aaa3.js','./index-legacy.d27cd9db.js','./index-legacy.bdd85275.js','./vendor-legacy.9da4e0b2.js','./icon_teacher-legacy.51535f30.js'],function(exports){'use strict';var Pagination,ColEmpty,request,Item,defineComponent,createVNode,Fragment,ElSkeleton,ElSkeletonItem,ElButton,createTextVNode,ElTabs,ElTabPane;return{setters:[function(module){Pagination=module.P;ColEmpty=module.C;},function(module){request=module.r;},function(module){Item=module.I;},function(module){defineComponent=module.d;createVNode=module.c;Fragment=module.F;ElSkeleton=module.a4;ElSkeletonItem=module.a5;ElButton=module.f;createTextVNode=module.a;ElTabs=module.q;ElTabPane=module.t;},function(){}],execute:function execute(){var liveClass="_liveClass_kwizm_1";var styles={liveClass:liveClass};var List=defineComponent({name:'list',props:{groupStatus:{type:String,default:''}},data:function data(){return{pageInfo:{// 分页规则
 limit:10,// 限制显示条数
 page:1,// 当前页
 total:0,// 总条数

dist/assets/index-legacy.780ecf5b.js → dist/assets/index-legacy.bdd85275.js

@@ -1 +1 @@
-;(function(){System.register(['./icon_teacher-legacy.51535f30.js','./vendor-legacy.a30f1236.js'],function(exports){'use strict';var iconTeacher,defineComponent,createVNode,ElImage,createTextVNode;return{setters:[function(module){iconTeacher=module.i;},function(module){defineComponent=module.d;createVNode=module.c;ElImage=module.l;createTextVNode=module.a;}],execute:function execute(){var Item=exports('I',defineComponent({name:'item',props:{item:{type:Object,default:function _default(){return{};}}},render:function render(){var item=this.item;return createVNode("div",{"class":"border border-[#f5f5f5] rounded-sm w-[262px] h-[302px] m-auto overflow-hidden relative hover:shadow-md transition-all"},[item.subjectName&&createVNode("div",{"class":"absolute top-2 right-3 bg-black/40 text-white text-sm rounded-sm px-3 h-7 flex items-center justify-center z-10"},[item.subjectName]),createVNode(ElImage,{"class":"w-full h-[175px] align-middle","fit":"cover","src":item.backgroundPic},null),createVNode("div",{"class":"mx-2.5 py-3.5 border-b border-b-[#F2F2F2]"},[createVNode("div",{"class":"text-lg leading-none font-medium whitespace-nowrap overflow-hidden text-ellipsis"},[item.courseGroupName]),createVNode("div",{"class":"text-sm text-[#999] pt-2.5"},[item.studentCount,createTextVNode("\u4EBA\u5DF2\u8D2D\u4E70")])]),createVNode("div",{"class":"mx-2.5 py-4 flex items-center justify-between"},[createVNode("div",{"class":"flex items-center"},[createVNode(ElImage,{"class":"w-[22px] h-[22px] align-middle rounded-full overflow-hidden mr-2","object-fit":"cover","src":item.avatar||iconTeacher},null),createVNode("span",null,[item.teacherName])]),createVNode("div",{"class":"font-medium text-[15px] leading-5 text-[#2DC7AA]"},[createTextVNode("\uFFE5"),item.coursePrice,createTextVNode("/"),item.courseNum,createTextVNode("\u8BFE\u65F6")])])]);}}));}};});})();
+;(function(){System.register(['./icon_teacher-legacy.51535f30.js','./vendor-legacy.9da4e0b2.js'],function(exports){'use strict';var iconTeacher,defineComponent,createVNode,ElImage,createTextVNode;return{setters:[function(module){iconTeacher=module.i;},function(module){defineComponent=module.d;createVNode=module.c;ElImage=module.l;createTextVNode=module.a;}],execute:function execute(){var Item=exports('I',defineComponent({name:'item',props:{item:{type:Object,default:function _default(){return{};}}},render:function render(){var item=this.item;return createVNode("div",{"class":"border border-[#f5f5f5] rounded-sm w-[262px] h-[302px] m-auto overflow-hidden relative hover:shadow-md transition-all"},[item.subjectName&&createVNode("div",{"class":"absolute top-2 right-3 bg-black/40 text-white text-sm rounded-sm px-3 h-7 flex items-center justify-center z-10"},[item.subjectName]),createVNode(ElImage,{"class":"w-full h-[175px] align-middle","fit":"cover","src":item.backgroundPic},null),createVNode("div",{"class":"mx-2.5 py-3.5 border-b border-b-[#F2F2F2]"},[createVNode("div",{"class":"text-lg leading-none font-medium whitespace-nowrap overflow-hidden text-ellipsis"},[item.courseGroupName]),createVNode("div",{"class":"text-sm text-[#999] pt-2.5"},[item.studentCount,createTextVNode("\u4EBA\u5DF2\u8D2D\u4E70")])]),createVNode("div",{"class":"mx-2.5 py-4 flex items-center justify-between"},[createVNode("div",{"class":"flex items-center"},[createVNode(ElImage,{"class":"w-[22px] h-[22px] align-middle rounded-full overflow-hidden mr-2","object-fit":"cover","src":item.avatar||iconTeacher},null),createVNode("span",null,[item.teacherName])]),createVNode("div",{"class":"font-medium text-[15px] leading-5 text-[#2DC7AA]"},[createTextVNode("\uFFE5"),item.coursePrice,createTextVNode("/"),item.courseNum,createTextVNode("\u8BFE\u65F6")])])]);}}));}};});})();

dist/assets/index-legacy.eb5179d8.js

@@ -1 +0,0 @@
-;(function(){System.register(['./vendor-legacy.a30f1236.js'],function(exports){'use strict';var defineComponent,createVNode,Fragment,ElForm,ElFormItem,ElInput;return{setters:[function(module){defineComponent=module.d;createVNode=module.c;Fragment=module.F;ElForm=module.m;ElFormItem=module.n;ElInput=module.k;}],execute:function execute(){var index=exports('default',defineComponent({name:'music-operation',data:function data(){var query=this.$route.query;return{type:query.type||'create'};},render:function render(){return createVNode(Fragment,null,[createVNode("div",{"class":"text-base text-[#333] leading-none px-6 py-5 border-b border-b-[#E5E5E5]"},[this.type==='create'?'新建乐谱':'编辑乐谱']),createVNode(ElForm,null,{default:function _default(){return[createVNode(ElFormItem,{"label":"MusicXML文件","prop":"name"},{default:function _default(){return[createVNode(ElInput,{"placeholder":"请输入乐谱名称"},null)];}}),createVNode(ElFormItem,{"label":"是否带节拍器","prop":"name"},{default:function _default(){return[createVNode(ElInput,{"placeholder":"请输入乐谱名称"},null)];}})];}})]);}}));}};});})();

dist/assets/index.02163683.js

@@ -1 +0,0 @@
-import{d as t,c as e,F as l,m as n,n as r,k as a}from"./vendor.634beb5b.js";var u=t({name:"music-operation",data(){return{type:this.$route.query.type||"create"}},render(){return e(l,null,[e("div",{class:"text-base text-[#333] leading-none px-6 py-5 border-b border-b-[#E5E5E5]"},[this.type==="create"?"\u65B0\u5EFA\u4E50\u8C31":"\u7F16\u8F91\u4E50\u8C31"]),e(n,null,{default:()=>[e(r,{label:"MusicXML\u6587\u4EF6",prop:"name"},{default:()=>[e(a,{placeholder:"\u8BF7\u8F93\u5165\u4E50\u8C31\u540D\u79F0"},null)]}),e(r,{label:"\u662F\u5426\u5E26\u8282\u62CD\u5668",prop:"name"},{default:()=>[e(a,{placeholder:"\u8BF7\u8F93\u5165\u4E50\u8C31\u540D\u79F0"},null)]})]})])}});export{u as default};

dist/assets/index.2c5aed46.js → dist/assets/index.29a17ea4.js

@@ -1 +1 @@
-import{d as a,c as t,f as i,a5 as l}from"./vendor.634beb5b.js";var o="./assets/icon_empty.df5db7bf.png",p=a({name:"col-empty",props:{message:{type:String,default:"\u6682\u65E0\u6570\u636E"},buttonText:{type:String,default:"\u53BB\u9996\u9875"},buttonVisibility:{type:Boolean,default:!1}},render(){return t("div",{class:"w-full h-full text-center flex items-center justify-center flex-col"},[t("img",{src:o,class:"w-64 m-auto"},null),t("p",{class:"text-base text-[#999999] pt-4 pb-6"},[this.message]),this.buttonVisibility&&t(i,{type:"primary",class:"rounded-sm !px-12",style:{height:"38px"}},{default:()=>[this.buttonText]})])}});const s="_hidden_8qru8_9";var n={"pagination-container":"_pagination-container_8qru8_1",hidden:s},u=a({name:"pagination",props:{total:{required:!0,type:Number},page:{type:Number,default:1},limit:{type:Number,default:10},pageSizes:{type:Array,default:[10,20,30,50]},layout:{type:String,default:"total, sizes, prev, pager, next, jumper"},background:{type:Boolean,default:!0},autoScroll:{type:Boolean,default:!0},hidden:{type:Boolean,default:!1},sync:{type:Boolean,default:!1},saveKey:{type:String,default:""},pagination:{type:Function,default:()=>{}}},methods:{handleSizeChange(e){console.log(e,"headleSizeChange"),this.$emit("update:page",1),this.$emit("update:limit",e),this.pagination(),this.autoScroll&&scrollTo(0,800)},handleCurrentChange(e){console.log(e,"val"),this.autoScroll&&scrollTo(0,800)}},render(){return t("div",{class:[n["pagination-container"],this.hidden&&n.hidden]},[t(l,{currentPage:this.page,"onUpdate:currentPage":e=>this.page=e,pageSize:this.limit,"onUpdate:pageSize":e=>{this.handleSizeChange(e)},pageSizes:this.pageSizes,total:this.total,hideOnSinglePage:!0,background:!0,layout:"total, sizes, prev, pager, next, jumper","onSise-change":this.handleSizeChange,"onCurrent-change":this.handleCurrentChange},null)])}});export{p as C,u as P};
+import{d as a,c as t,f as i,a6 as l}from"./vendor.e6623967.js";var o="./assets/icon_empty.df5db7bf.png",p=a({name:"col-empty",props:{message:{type:String,default:"\u6682\u65E0\u6570\u636E"},buttonText:{type:String,default:"\u53BB\u9996\u9875"},buttonVisibility:{type:Boolean,default:!1}},render(){return t("div",{class:"w-full h-full text-center flex items-center justify-center flex-col"},[t("img",{src:o,class:"w-64 m-auto"},null),t("p",{class:"text-base text-[#999999] pt-4 pb-6"},[this.message]),this.buttonVisibility&&t(i,{type:"primary",class:"rounded-sm !px-12",style:{height:"38px"}},{default:()=>[this.buttonText]})])}});const s="_hidden_8qru8_9";var n={"pagination-container":"_pagination-container_8qru8_1",hidden:s},u=a({name:"pagination",props:{total:{required:!0,type:Number},page:{type:Number,default:1},limit:{type:Number,default:10},pageSizes:{type:Array,default:[10,20,30,50]},layout:{type:String,default:"total, sizes, prev, pager, next, jumper"},background:{type:Boolean,default:!0},autoScroll:{type:Boolean,default:!0},hidden:{type:Boolean,default:!1},sync:{type:Boolean,default:!1},saveKey:{type:String,default:""},pagination:{type:Function,default:()=>{}}},methods:{handleSizeChange(e){console.log(e,"headleSizeChange"),this.$emit("update:page",1),this.$emit("update:limit",e),this.pagination(),this.autoScroll&&scrollTo(0,800)},handleCurrentChange(e){console.log(e,"val"),this.autoScroll&&scrollTo(0,800)}},render(){return t("div",{class:[n["pagination-container"],this.hidden&&n.hidden]},[t(l,{currentPage:this.page,"onUpdate:currentPage":e=>this.page=e,pageSize:this.limit,"onUpdate:pageSize":e=>{this.handleSizeChange(e)},pageSizes:this.pageSizes,total:this.total,hideOnSinglePage:!0,background:!0,layout:"total, sizes, prev, pager, next, jumper","onSise-change":this.handleSizeChange,"onCurrent-change":this.handleCurrentChange},null)])}});export{p as C,u as P};

dist/assets/index.5e53dd38.js → dist/assets/index.48f19e73.js

@@ -1 +1 @@
-import{a as r}from"./arrow.15dbd454.js";import{d as o,c as t,a as c}from"./vendor.634beb5b.js";var i="./assets/icon.c76ae863.png";const n="_itemWrap_1tjqy_1",_="_left_1tjqy_23",l="_imgWrap_1tjqy_28",m="_textWrap_1tjqy_33",u="_authorInfo_1tjqy_45",p="_icon_1tjqy_50",g="_authorName_1tjqy_56",d="_tagList_1tjqy_61",h="_tag_1tjqy_61",j="_right_1tjqy_74",v="_touchButton_1tjqy_80",y="_vip_1tjqy_90",f="_free_1tjqy_94",q="_charge_1tjqy_98",W="_arrow_1tjqy_102";var a={itemWrap:n,left:_,imgWrap:l,textWrap:m,authorInfo:u,icon:p,authorName:g,tagList:d,tag:h,right:j,touchButton:v,vip:y,free:f,charge:q,arrow:W},I="./assets/music.24d07fa6.png";const N={CHARGE:"\u70B9\u64AD",FREE:"\u514D\u8D39",VIP:"VIP"};var b=o({name:"musicLIstItem",props:{item:{type:Object,default:()=>({})}},setup(e){const s=e.item;return()=>t("div",null,[t("div",{class:a.itemWrap},[t("div",{class:a.left},[t("div",{class:a.imgWrap},[t("img",{src:I,alt:""},null)]),t("div",{class:a.textWrap},[t("p",null,[s.musicSheetName,t("span",null,[c("\u4F5C\u66F2: "),s.composer])]),t("div",{class:a.authorInfo},[t("img",{class:a.icon,src:s.addUserAvatar||i,alt:""},null),t("span",{class:a.authorName},[s.addName]),t("div",{class:a.tagList},[t("div",{class:a.tag},[s.subjectNames])])])])]),t("div",{class:a.right},[t("div",{class:[a.touchButton,a[s.chargeType.toLocaleLowerCase()]]},[N[s.chargeType]]),t("img",{class:a.arrow,src:r,alt:""},null)])])])}});export{b as M,i};
+import{a as r}from"./arrow.15dbd454.js";import{d as o,c as t,a as c}from"./vendor.e6623967.js";var i="./assets/icon.c76ae863.png";const n="_itemWrap_1tjqy_1",_="_left_1tjqy_23",l="_imgWrap_1tjqy_28",m="_textWrap_1tjqy_33",u="_authorInfo_1tjqy_45",p="_icon_1tjqy_50",g="_authorName_1tjqy_56",d="_tagList_1tjqy_61",h="_tag_1tjqy_61",j="_right_1tjqy_74",v="_touchButton_1tjqy_80",y="_vip_1tjqy_90",f="_free_1tjqy_94",q="_charge_1tjqy_98",W="_arrow_1tjqy_102";var a={itemWrap:n,left:_,imgWrap:l,textWrap:m,authorInfo:u,icon:p,authorName:g,tagList:d,tag:h,right:j,touchButton:v,vip:y,free:f,charge:q,arrow:W},I="./assets/music.24d07fa6.png";const N={CHARGE:"\u70B9\u64AD",FREE:"\u514D\u8D39",VIP:"VIP"};var x=o({name:"musicLIstItem",props:{item:{type:Object,default:()=>({})}},setup(e){const s=e.item;return()=>t("div",null,[t("div",{class:a.itemWrap},[t("div",{class:a.left},[t("div",{class:a.imgWrap},[t("img",{src:I,alt:""},null)]),t("div",{class:a.textWrap},[t("p",null,[s.musicSheetName,t("span",null,[c("\u4F5C\u66F2: "),s.composer])]),t("div",{class:a.authorInfo},[t("img",{class:a.icon,src:s.addUserAvatar||i,alt:""},null),t("span",{class:a.authorName},[s.addName]),t("div",{class:a.tagList},[t("div",{class:a.tag},[s.subjectNames])])])])]),t("div",{class:a.right},[t("div",{class:[a.touchButton,a[s.chargeType.toLocaleLowerCase()]]},[N[s.chargeType]]),t("img",{class:a.arrow,src:r,alt:""},null)])])])}});export{x as M,i};

dist/assets/index.5d291a3f.css

@@ -0,0 +1 @@
+._form_fvzbi_1 .el-radio-button__inner{border:var(--el-border);border-radius:var(--el-border-radius-base)!important;width:100%;padding:11px 19px!important}._form_fvzbi_1 .el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:#e9fff8;color:var(--el-color-primary);box-shadow:none}

dist/assets/index.d0e820c3.js → dist/assets/index.7a717647.js

@@ -1 +1 @@
-import{r as n}from"./index.9bacb214.js";import{d as i,r,u as _,c as e,F as p,k as u,O as d,P as a,f as y}from"./vendor.634beb5b.js";const v="_mySwiper_yyv5o_1",b="_title_yyv5o_7",m="_w1200_yyv5o_11",w="_section_yyv5o_15",h="_hotAlbum_yyv5o_18",S="_titleWrap_yyv5o_25",g="_dotImg_yyv5o_33",j="_albumList_yyv5o_44",f="_videoList_yyv5o_52",L="_videoNav_yyv5o_59",W="_wrapRight_yyv5o_72",I="_arrow_yyv5o_80";var O={mySwiper:v,"swiper-slide":"_swiper-slide_yyv5o_4",title:b,w1200:m,section:w,hotAlbum:h,titleWrap:S,dotImg:g,albumList:j,videoList:f,videoNav:L,wrapRight:W,arrow:I};const q="_wrap_1q257_1",x="_inputSelect_1q257_4",A="_selectWrap_1q257_113",N="_line_1q257_118";var l={wrap:q,inputSelect:x,selectWrap:A,line:N},C=i({name:"searchInput",props:{title:{type:String,default:""}},setup(o,V){const s=r({title:o.title,search:"",subject:"",subjectList:[]}),c=async()=>{try{const t=await n.get("/api-website/open/subject/subjectSelect",{});s.subjectList=t.data}catch(t){console.log(t)}};return _(()=>{c()}),()=>e(p,null,[e("div",{class:l.wrap},[e(u,{modelValue:s.search,"onUpdate:modelValue":t=>s.search=t,placeholder:"\u641C\u4E00\u641C\u4F60\u60F3\u7EC3\u4E60\u7684\u66F2\u76EE",class:l.inputSelect},{prepend:()=>e("div",{class:l.selectWrap},[e(d,{modelValue:s.subject,"onUpdate:modelValue":t=>s.subject=t,placeholder:"\u8BF7\u9009\u62E9\u58F0\u90E8",style:"width: 115px","popper-class":"subSelect"},{default:()=>[e(a,{label:"Restaurant",value:"1"},null),e(a,{label:"Order No.",value:"2"},null),e(a,{label:"Tel",value:"3"},null)],suffix:()=>e("div",{class:l.san},null)}),e("div",{class:l.line},null)]),append:()=>e(y,{style:{color:"#2DC7AA",font:"20px"},icon:"Search"},null)})])])}});export{O as a,C as s};
+import{r as n}from"./index.b0469f01.js";import{d as i,r,u as _,c as e,F as p,k as u,O as d,P as a,f as y}from"./vendor.e6623967.js";const v="_mySwiper_yyv5o_1",m="_title_yyv5o_7",w="_w1200_yyv5o_11",b="_section_yyv5o_15",h="_hotAlbum_yyv5o_18",S="_titleWrap_yyv5o_25",g="_dotImg_yyv5o_33",f="_albumList_yyv5o_44",j="_videoList_yyv5o_52",L="_videoNav_yyv5o_59",W="_wrapRight_yyv5o_72",I="_arrow_yyv5o_80";var O={mySwiper:v,"swiper-slide":"_swiper-slide_yyv5o_4",title:m,w1200:w,section:b,hotAlbum:h,titleWrap:S,dotImg:g,albumList:f,videoList:j,videoNav:L,wrapRight:W,arrow:I};const q="_wrap_1q257_1",x="_inputSelect_1q257_4",A="_selectWrap_1q257_113",N="_line_1q257_118";var l={wrap:q,inputSelect:x,selectWrap:A,line:N},C=i({name:"searchInput",props:{title:{type:String,default:""}},setup(o,V){const s=r({title:o.title,search:"",subject:"",subjectList:[]}),c=async()=>{try{const t=await n.get("/api-website/open/subject/subjectSelect",{});s.subjectList=t.data}catch(t){console.log(t)}};return _(()=>{c()}),()=>e(p,null,[e("div",{class:l.wrap},[e(u,{modelValue:s.search,"onUpdate:modelValue":t=>s.search=t,placeholder:"\u641C\u4E00\u641C\u4F60\u60F3\u7EC3\u4E60\u7684\u66F2\u76EE",class:l.inputSelect},{prepend:()=>e("div",{class:l.selectWrap},[e(d,{modelValue:s.subject,"onUpdate:modelValue":t=>s.subject=t,placeholder:"\u8BF7\u9009\u62E9\u58F0\u90E8",style:"width: 115px","popper-class":"subSelect"},{default:()=>[e(a,{label:"Restaurant",value:"1"},null),e(a,{label:"Order No.",value:"2"},null),e(a,{label:"Tel",value:"3"},null)],suffix:()=>e("div",{class:l.san},null)}),e("div",{class:l.line},null)]),append:()=>e(y,{style:{color:"#2DC7AA",font:"20px"},icon:"Search"},null)})])])}});export{O as a,C as s};

dist/assets/index.972da872.js → dist/assets/index.a5d8b1f9.js

@@ -1 +1 @@
-import{i as a}from"./icon_teacher.c6352c6e.js";import{d as i,c as e,l as r,a as s}from"./vendor.634beb5b.js";var l=i({name:"item",props:{item:{type:Object,default:()=>({})}},render(){const t=this.item;return e("div",{class:"border border-[#f5f5f5] rounded-sm w-[262px] h-[302px] m-auto overflow-hidden relative hover:shadow-md transition-all"},[t.subjectName&&e("div",{class:"absolute top-2 right-3 bg-black/40 text-white text-sm rounded-sm px-3 h-7 flex items-center justify-center z-10"},[t.subjectName]),e(r,{class:"w-full h-[175px] align-middle",fit:"cover",src:t.backgroundPic},null),e("div",{class:"mx-2.5 py-3.5 border-b border-b-[#F2F2F2]"},[e("div",{class:"text-lg leading-none font-medium whitespace-nowrap overflow-hidden text-ellipsis"},[t.courseGroupName]),e("div",{class:"text-sm text-[#999] pt-2.5"},[t.studentCount,s("\u4EBA\u5DF2\u8D2D\u4E70")])]),e("div",{class:"mx-2.5 py-4 flex items-center justify-between"},[e("div",{class:"flex items-center"},[e(r,{class:"w-[22px] h-[22px] align-middle rounded-full overflow-hidden mr-2","object-fit":"cover",src:t.avatar||a},null),e("span",null,[t.teacherName])]),e("div",{class:"font-medium text-[15px] leading-5 text-[#2DC7AA]"},[s("\uFFE5"),t.coursePrice,s("/"),t.courseNum,s("\u8BFE\u65F6")])])])}});export{l as I};
+import{i as a}from"./icon_teacher.c6352c6e.js";import{d as i,c as e,l as r,a as s}from"./vendor.e6623967.js";var l=i({name:"item",props:{item:{type:Object,default:()=>({})}},render(){const t=this.item;return e("div",{class:"border border-[#f5f5f5] rounded-sm w-[262px] h-[302px] m-auto overflow-hidden relative hover:shadow-md transition-all"},[t.subjectName&&e("div",{class:"absolute top-2 right-3 bg-black/40 text-white text-sm rounded-sm px-3 h-7 flex items-center justify-center z-10"},[t.subjectName]),e(r,{class:"w-full h-[175px] align-middle",fit:"cover",src:t.backgroundPic},null),e("div",{class:"mx-2.5 py-3.5 border-b border-b-[#F2F2F2]"},[e("div",{class:"text-lg leading-none font-medium whitespace-nowrap overflow-hidden text-ellipsis"},[t.courseGroupName]),e("div",{class:"text-sm text-[#999] pt-2.5"},[t.studentCount,s("\u4EBA\u5DF2\u8D2D\u4E70")])]),e("div",{class:"mx-2.5 py-4 flex items-center justify-between"},[e("div",{class:"flex items-center"},[e(r,{class:"w-[22px] h-[22px] align-middle rounded-full overflow-hidden mr-2","object-fit":"cover",src:t.avatar||a},null),e("span",null,[t.teacherName])]),e("div",{class:"font-medium text-[15px] leading-5 text-[#2DC7AA]"},[s("\uFFE5"),t.coursePrice,s("/"),t.courseNum,s("\u8BFE\u65F6")])])])}});export{l as I};

dist/assets/index.fc24e43a.css

@@ -0,0 +1 @@
+._uploadSection_1u8uy_1{width:156px;height:106px;background:#f8faf9;border-radius:4px;border:1px solid rgba(45,199,170,.26);font-size:14px;color:#2dc7aa;line-height:20px}._uploadFile_1u8uy_11{width:100%;min-width:300px;height:40px;border:1px solid rgba(142,142,142,.26);border-radius:4px;display:flex;align-items:center;padding:0 15px;color:var(--el-text-color-regular)}._uploadFile_1u8uy_11 .el-icon{margin-right:5px}._fileUpload_1u8uy_25 .el-upload--text{width:100%}._fileUpload_1u8uy_25 .el-loading-spinner{display:flex;align-items:center;height:40px;justify-content:center;margin-top:-20px}._fileUpload_1u8uy_25 .el-loading-spinner svg{width:20px;height:20px;margin-right:5px}._uploadClass_1u8uy_40{height:106px;width:100%}._uploadClass_1u8uy_40 .el-loading-spinner{margin-top:-43px;height:106px}

dist/assets/searchdetail.a052b12b.js → dist/assets/searchdetail.7ba47bda.js

@@ -1 +1 @@
-import{s as o,a as l}from"./index.d0e820c3.js";import{h as c,a as u}from"./scrollbar.min.781235f1.js";import{s as r,r as n}from"./index.9bacb214.js";import{d as m,r as d,u as b,c as s,q as h,t as p}from"./vendor.634beb5b.js";import"./arrow.15dbd454.js";var w=m({name:"searchdetail",components:{hotSearch:c,silder:r,searchInput:o,albumItem:u},setup(){const e=d({albumList:[],musicList:[]}),i=async()=>{try{const a=await n.post("/api-website/open/music/album/list",{data:{albumStatus:1,page:1,rows:10}});e.albumList=a.data.rows}catch(a){console.log(a)}};return b(()=>{i()}),()=>s("div",null,[s("div",{class:"bg-white"},[s("div",{class:l.w1200},[s("div",{class:l.section},[s("div",{class:l.albumList},[e.albumList.map(a=>s(u,{detail:a},null))])])])])])}}),S=m({name:"searchdetail",components:{hotSearch:c,silder:r,searchInput:o,searchAlbum:w},setup(){const e=d({albumList:[],musicList:[]}),i=async()=>{try{const t=await n.post("/api-website/open/music/album/list",{data:{albumStatus:1,page:1,rows:10}});e.albumList=t.data.rows}catch(t){console.log(t)}},a=async()=>{try{const t=await n.post("/api-website/open/music/sheet/list",{data:{albumStatus:"PASS",page:1,rows:5,state:1}});e.musicList=t.data.rows}catch(t){console.log(t)}};return b(()=>{i(),a()}),()=>s("div",null,[s("div",{class:"bg-white"},[s("div",{class:l.w1200},[s("div",{class:l.section},[s(o,null,null),s(c,{type:"search"},null),s(h,null,{default:()=>[s(p,{label:"\u4E13\u8F91",name:"album"},{default:()=>[s(w,null,null)]}),s(p,{label:"\u4E50\u8C31",name:"music"},null)]})])])])])}});export{S as default};
+import{s as o,a as l}from"./index.7a717647.js";import{h as c,a as u}from"./scrollbar.min.c7c6ca66.js";import{s as r,r as n}from"./index.b0469f01.js";import{d as m,r as d,u as b,c as s,q as h,t as p}from"./vendor.e6623967.js";import"./arrow.15dbd454.js";var w=m({name:"searchdetail",components:{hotSearch:c,silder:r,searchInput:o,albumItem:u},setup(){const e=d({albumList:[],musicList:[]}),i=async()=>{try{const a=await n.post("/api-website/open/music/album/list",{data:{albumStatus:1,page:1,rows:10}});e.albumList=a.data.rows}catch(a){console.log(a)}};return b(()=>{i()}),()=>s("div",null,[s("div",{class:"bg-white"},[s("div",{class:l.w1200},[s("div",{class:l.section},[s("div",{class:l.albumList},[e.albumList.map(a=>s(u,{detail:a},null))])])])])])}}),S=m({name:"searchdetail",components:{hotSearch:c,silder:r,searchInput:o,searchAlbum:w},setup(){const e=d({albumList:[],musicList:[]}),i=async()=>{try{const t=await n.post("/api-website/open/music/album/list",{data:{albumStatus:1,page:1,rows:10}});e.albumList=t.data.rows}catch(t){console.log(t)}},a=async()=>{try{const t=await n.post("/api-website/open/music/sheet/list",{data:{albumStatus:"PASS",page:1,rows:5,state:1}});e.musicList=t.data.rows}catch(t){console.log(t)}};return b(()=>{i(),a()}),()=>s("div",null,[s("div",{class:"bg-white"},[s("div",{class:l.w1200},[s("div",{class:l.section},[s(o,null,null),s(c,{type:"search"},null),s(h,null,{default:()=>[s(p,{label:"\u4E13\u8F91",name:"album"},{default:()=>[s(w,null,null)]}),s(p,{label:"\u4E50\u8C31",name:"music"},null)]})])])])])}});export{S as default};

dist/index.html

@@ -34,9 +34,9 @@
     <!-- windows phone 点击无高光 -->
     <meta name="msapplication-tap-highlight" content="no" />
     <title>酷乐秀</title>
-    <script type="module" crossorigin src="./assets/index.9bacb214.js"></script>
-    <link rel="modulepreload" href="./assets/vendor.634beb5b.js">
-    <link rel="stylesheet" href="./assets/index.fb17bdc7.css">
+    <script type="module" crossorigin src="./assets/index.b0469f01.js"></script>
+    <link rel="modulepreload" href="./assets/vendor.e6623967.js">
+    <link rel="stylesheet" href="./assets/index.dedf3efa.css">
     <script type="module">!function(){try{new Function("m","return import(m)")}catch(o){console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}}();</script>
   </head>
 
@@ -45,6 +45,6 @@
     
     <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
     <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.bd1e9e62.js"></script>
-    <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.2616453b.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+    <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.d27cd9db.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
   </body>
 </html>

src/components/col-upload/index.module.less

@@ -9,8 +9,47 @@
   line-height: 20px;
 }
 
+.uploadFile {
+  width: 100%;
+  min-width: 300px;
+  height: 40px;
+  border: 1px solid rgba(142, 142, 142, 0.26);
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  padding: 0 15px;
+  color: var(--el-text-color-regular);
+  :global {
+    .el-icon {
+      margin-right: 5px;
+    }
+  }
+}
+
+.fileUpload {
+  :global {
+    .el-upload--text {
+      @apply w-full;
+    }
+
+    .el-loading-spinner {
+      display: flex;
+      align-items: center;
+      height: 40px;
+      justify-content: center;
+      margin-top: -20px;
+      svg {
+        width: 20px;
+        height: 20px;
+        margin-right: 5px;
+      }
+    }
+  }
+}
+
 .uploadClass {
   height: 106px;
+  width: 100%;
 
   :global {
     .el-loading-spinner {

src/components/col-upload/index.tsx

@@ -1,5 +1,6 @@
-import { ElImage, ElLoading, ElMessage, ElUpload } from 'element-plus'
-import { defineComponent } from 'vue'
+import { ElIcon, ElImage, ElLoading, ElMessage, ElUpload } from 'element-plus'
+import { defineComponent, PropType } from 'vue'
+import { Document } from '@element-plus/icons-vue'
 import styles from './index.module.less'
 import iconUpload from './images/icon_upload.png'
 import request from '@/helpers/request'
@@ -11,6 +12,10 @@ export default defineComponent({
       type: String,
       default: ''
     },
+    uploadType: {
+      type: String as PropType<'image' | 'file'>,
+      default: 'image'
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -53,7 +58,7 @@ export default defineComponent({
   },
   methods: {
     handleSuccess() {
-      this.loading?.close()
+      // this.loading?.close()
       let url = this.ossUploadUrl + '/' + this.dataObj.key
       console.log(url)
       this.$emit('update:modelValue', url)
@@ -134,11 +139,14 @@ export default defineComponent({
         this.loading.close()
       }
     },
+    fileName(name = '') {
+      return name.split('/').pop()
+    },
     handleExceed() {}
   },
   render() {
     return (
-      <div class={styles.colUpload}>
+      <div class={[styles.colUpload, 'w-full']}>
         <ElUpload
           disabled={this.disabled}
           action={this.ossUploadUrl}
@@ -154,20 +162,31 @@ export default defineComponent({
           beforeUpload={this.beforeUpload}
           onExceed={this.handleExceed}
           ref="uploadRef"
+          class={this.uploadType === 'file' ? styles.fileUpload : ''}
         >
           <div
-            // id="uploadDom"
             ref="uploadDom"
-            class={styles.uploadClass}
-            style={{ height: '106px' }}
+            class={[styles.uploadClass, 'w-full']}
+            style={{ height: this.uploadType === 'image' ? '106px' : '38px' }}
           >
             {this.modelValue ? (
-              <ElImage
-                src={this.modelValue}
-                fit="cover"
-                class={styles.uploadSection}
-              />
-            ) : (
+              this.uploadType === 'image' ? (
+                <ElImage
+                  src={this.modelValue}
+                  fit="cover"
+                  class={styles.uploadSection}
+                />
+              ) : (
+                <div class={styles.uploadFile}>
+                  <ElIcon>
+                    <Document />
+                  </ElIcon>
+                  <span class="whitespace-nowrap overflow-hidden text-ellipsis">
+                    {this.fileName(this.modelValue)}
+                  </span>
+                </div>
+              )
+            ) : this.uploadType === 'image' ? (
               <div
                 class={[
                   styles.uploadSection,
@@ -177,6 +196,13 @@ export default defineComponent({
                 <img src={iconUpload} class="w-8 h-7 mb-3" />
                 <p>{this.tips}</p>
               </div>
+            ) : (
+              <div class={styles.uploadFile}>
+                <ElIcon>
+                  <Document />
+                </ElIcon>
+                上传文件
+              </div>
             )}
           </div>
         </ElUpload>

src/router/index-admin.ts

@@ -1,7 +1,7 @@
 import { createRouter, createWebHistory, Router } from 'vue-router'
 import routes from './routes-admin'
 const router: Router = createRouter({
-  history: createWebHistory(),
+  history: createWebHistory('/website/'),
   routes
 })
 

src/views/user-info/music-operation/index.module.less

@@ -0,0 +1,15 @@
+.form {
+  :global {
+    .el-radio-button__inner {
+      border: var(--el-border);
+      border-radius: var(--el-border-radius-base) !important;
+      width: 100%;
+      padding: 11px 19px !important;
+    }
+    .el-radio-button__original-radio:checked + .el-radio-button__inner {
+      background-color: #e9fff8;
+      color: var(--el-color-primary);
+      box-shadow: none;
+    }
+  }
+}

src/views/user-info/music-operation/index.tsx

@@ -1,30 +1,244 @@
-import { ElForm, ElFormItem, ElInput } from 'element-plus'
+import ColUpload from '@/components/col-upload'
+import request from '@/helpers/request'
+import {
+  ElButton,
+  ElForm,
+  ElFormItem,
+  ElInput,
+  ElOption,
+  ElOptionGroup,
+  ElRadioButton,
+  ElRadioGroup,
+  ElSelect
+} from 'element-plus'
 import { defineComponent } from 'vue'
+import styles from './index.module.less'
 
 export default defineComponent({
   name: 'music-operation',
   data() {
     const query = this.$route.query
     return {
-      type: query.type || 'create'
+      type: query.type || 'create',
+      subjectList: [],
+      form: {
+        xmlFileUrl: '',
+        hasBeat: 0,
+        mp3Url: '',
+        bgmp3Url: '',
+        musicSheetName: '',
+        composer: '',
+        vlewSubjectList: null as any,
+        tags: [] as string[],
+        canEvaluate: 1,
+        showFingering: 1,
+        chargeType: 0
+      }
+    }
+  },
+  async mounted() {
+    try {
+      await request.get('/api-website/open/subject/subjectSelect').then(res => {
+        this.subjectList = res.data || []
+        // console.log(this.subjectList)
+        // this.subjectListNames = this.getSubjectListNames(teacherState.subjectList)
+      })
+    } catch {}
+  },
+  methods: {
+    onSubmit() {
+      ;(this as any).$refs.form.validate((valid: any) => {
+        if (valid) {
+          console.log(true)
+        } else {
+          this.$nextTick(() => {
+            let isError = document.getElementsByClassName('is-error')
+            isError[0].scrollIntoView({
+              block: 'center',
+              behavior: 'smooth'
+            })
+          })
+          return false
+        }
+      })
     }
   },
   render() {
     return (
-      <>
+      <div class={styles.form}>
         <div class="text-base text-[#333] leading-none px-6 py-5 border-b border-b-[#E5E5E5]">
           {this.type === 'create' ? '新建乐谱' : '编辑乐谱'}
         </div>
 
-        <ElForm>
-          <ElFormItem label="MusicXML文件" prop="name">
-            <ElInput placeholder="请输入乐谱名称" />
+        <ElForm
+          size="large"
+          labelPosition="left"
+          labelWidth={'120px'}
+          model={this.form}
+          ref="form"
+          class="px-52 py-5"
+        >
+          <ElFormItem
+            label="MusicXML文件"
+            prop="xmlFileUrl"
+            rules={[{ required: true, message: '请选择MusicXML文件' }]}
+          >
+            <ColUpload
+              v-model:modelValue={this.form.xmlFileUrl}
+              bucket={'cloud-coach'}
+              accept={'application/xml'}
+              uploadType={'file'}
+              extraTips="文件最大不能超过5MB"
+            />
+          </ElFormItem>
+          <ElFormItem
+            label="是否带节拍器"
+            prop="hasBeat"
+            rules={[{ required: true, message: '请选择是否带节拍器' }]}
+          >
+            <ElRadioGroup v-model={this.form.hasBeat}>
+              <ElRadioButton label={0} class="mr-3 w-24">
+                否
+              </ElRadioButton>
+              <ElRadioButton label={1} class="w-24">
+                是
+              </ElRadioButton>
+            </ElRadioGroup>
+          </ElFormItem>
+          <ElFormItem label="伴奏文件" prop="mp3Url">
+            <ColUpload
+              v-model:modelValue={this.form.mp3Url}
+              bucket={'cloud-coach'}
+              accept={'.mp3'}
+              uploadType={'file'}
+              extraTips="文件最大不能超过5MB"
+            />
+          </ElFormItem>
+          <ElFormItem
+            label="原音文件"
+            prop="bgmp3Url"
+            rules={[{ required: true, message: '请选择原音文件' }]}
+          >
+            <ColUpload
+              v-model:modelValue={this.form.bgmp3Url}
+              bucket={'cloud-coach'}
+              accept={'.mp3'}
+              uploadType={'file'}
+              extraTips="文件最大不能超过5MB"
+            />
+          </ElFormItem>
+          <ElFormItem
+            label="曲目名称"
+            prop="musicSheetName"
+            rules={[{ required: true, message: '请输入曲目名称' }]}
+          >
+            <ElInput
+              v-model={this.form.musicSheetName}
+              placeholder="请选择曲目名称"
+            />
           </ElFormItem>
-          <ElFormItem label="是否带节拍器" prop="name">
-            <ElInput placeholder="请输入乐谱名称" />
+          <ElFormItem
+            label="作曲人"
+            prop="composer"
+            rules={[{ required: true, message: '请输入作曲人' }]}
+          >
+            <ElInput v-model={this.form.composer} placeholder="请输入作曲人" />
+          </ElFormItem>
+          <ElFormItem
+            label="曲目声部"
+            prop="vlewSubjectList"
+            rules={[
+              { required: true, message: '请选择曲目声部', trigger: 'change' }
+            ]}
+          >
+            <ElSelect
+              filterable
+              v-model={this.form.vlewSubjectList}
+              placeholder="请选择曲目声部"
+              class="w-full"
+            >
+              {this.subjectList.map((group: any) => (
+                <ElOptionGroup key={group.id} label={group.name}>
+                  {group.subjects &&
+                    group.subjects.map((item: any) => (
+                      <ElOption
+                        key={item.id}
+                        value={item.id}
+                        label={item.name}
+                      />
+                    ))}
+                </ElOptionGroup>
+              ))}
+            </ElSelect>
+          </ElFormItem>
+          <ElFormItem
+            label="曲目标签"
+            prop="tags"
+            rules={[{ required: true, message: '请选择曲目标签' }]}
+          >
+            <ElInput v-model={this.form.tags} placeholder="请输入乐谱名称" />
+          </ElFormItem>
+          <ElFormItem
+            label="是否评测"
+            prop="canEvaluate"
+            rules={[{ required: true, message: '请选择是否评测' }]}
+          >
+            <ElRadioGroup v-model={this.form.canEvaluate}>
+              <ElRadioButton label={0} class="mr-3 w-24">
+                否
+              </ElRadioButton>
+              <ElRadioButton label={1} class="w-24">
+                是
+              </ElRadioButton>
+            </ElRadioGroup>
+          </ElFormItem>
+          <ElFormItem
+            label="指法展示"
+            prop="showFingering"
+            rules={[{ required: true, message: '请选择指法展示' }]}
+          >
+            <ElRadioGroup v-model={this.form.showFingering}>
+              <ElRadioButton label={0} class="mr-3 w-24">
+                否
+              </ElRadioButton>
+              <ElRadioButton label={1} class="w-24">
+                是
+              </ElRadioButton>
+            </ElRadioGroup>
+          </ElFormItem>
+          <ElFormItem
+            label="是否收费"
+            prop="chargeType"
+            rules={[{ required: true, message: '请选择是否收费' }]}
+          >
+            <ElRadioGroup v-model={this.form.chargeType}>
+              <ElRadioButton label={0} class="mr-3 w-24">
+                否
+              </ElRadioButton>
+              <ElRadioButton label={1} class="w-24">
+                是
+              </ElRadioButton>
+            </ElRadioGroup>
           </ElFormItem>
         </ElForm>
-      </>
+        <div class="border-t border-t-[#E5E5E5] text-center pt-6 pb-7">
+          <ElButton
+            class="!w-40 !h-[38px]"
+            onClick={() => {
+              this.$router.back()
+            }}
+          >
+            取消
+          </ElButton>
+          <ElButton
+            type="primary"
+            class="!w-40 !h-[38px]"
+            onClick={this.onSubmit}
+          >
+            提交审核
+          </ElButton>
+        </div>
+      </div>
     )
   }
 })