问题修改

dist/assets/404.856c4ce1.js → dist/assets/404.d952dbe9.js

@@ -1 +1 @@
-import{d as u,c as r,e as p,f as d,g as e,i,w as l,p as f,t as m,v as h,o as b,k as x,x as v}from"./index.764dc161.js";import{u as B}from"./tabsView.58118182.js";import"./searchs.b637f0d6.js";const g=""+new URL("404.db5b619b.png",import.meta.url).href,s=t=>(m("data-v-5fc2dfea"),t=t(),h(),t),w={class:"page-container"},C={class:"center-box"},E={class:"text-center"},S=s(()=>e("img",{src:g,alt:""},null,-1)),V={class:"sub-wrap"},k=s(()=>e("h2",{class:"text-base text-gray-500"},"404",-1)),y=s(()=>e("p",null,"\u62B1\u6B49\uFF0C\u4F60\u8BBF\u95EE\u7684\u9875\u9762\u4E0D\u5B58\u5728",-1)),F=u({__name:"404",setup(t){const o=B(),c=r(),a=p();function _(){o.closeCurrentTab(a),c.push("/")}return(I,N)=>{const n=f;return b(),d("div",w,[e("div",C,[e("div",E,[S,e("div",V,[k,y,i(n,{class:"subBtn",type:"info",onClick:_},{default:l(()=>[x("\u56DE\u5230\u9996\u9875")]),_:1})])])])])}}});const H=v(F,[["__scopeId","data-v-5fc2dfea"]]);export{H as default};
+import{d as u,c as r,e as p,f as d,g as e,i,w as l,p as f,t as m,v as h,o as b,k as x,x as v}from"./index.9db1cab1.js";import{u as B}from"./tabsView.41236b00.js";import"./searchs.b637f0d6.js";const g=""+new URL("404.db5b619b.png",import.meta.url).href,s=t=>(m("data-v-5fc2dfea"),t=t(),h(),t),w={class:"page-container"},C={class:"center-box"},E={class:"text-center"},S=s(()=>e("img",{src:g,alt:""},null,-1)),V={class:"sub-wrap"},k=s(()=>e("h2",{class:"text-base text-gray-500"},"404",-1)),y=s(()=>e("p",null,"\u62B1\u6B49\uFF0C\u4F60\u8BBF\u95EE\u7684\u9875\u9762\u4E0D\u5B58\u5728",-1)),F=u({__name:"404",setup(t){const o=B(),c=r(),a=p();function _(){o.closeCurrentTab(a),c.push("/")}return(I,N)=>{const n=f;return b(),d("div",w,[e("div",C,[e("div",E,[S,e("div",V,[k,y,i(n,{class:"subBtn",type:"info",onClick:_},{default:l(()=>[x("\u56DE\u5230\u9996\u9875")]),_:1})])])])])}}});const H=v(F,[["__scopeId","data-v-5fc2dfea"]]);export{H as default};

dist/assets/DeleteFilled.cb2bca85.js → dist/assets/DeleteFilled.35d9e3d9.js

@@ -1 +1 @@
-import{d as e,f as t,g as o,o as c}from"./index.764dc161.js";const n={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 1024 1024"},l=o("path",{d:"M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z",fill:"currentColor"},null,-1),s=[l],h=e({name:"DeleteFilled",render:function(i,a){return c(),t("svg",n,s)}});export{h as D};
+import{d as e,f as t,g as o,o as c}from"./index.9db1cab1.js";const n={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 1024 1024"},l=o("path",{d:"M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z",fill:"currentColor"},null,-1),s=[l],h=e({name:"DeleteFilled",render:function(i,a){return c(),t("svg",n,s)}});export{h as D};

dist/assets/FormItemGridItem.f3778364.js → dist/assets/FormItemGridItem.b3c649d3.js

@@ -1 +1 @@
-import{d as a,r as n,bf as r,dc as o,dd as i,l as m,de as d,cb as p,df as f,dg as l}from"./index.764dc161.js";const I=Object.assign(Object.assign({},f),l),g=a({__GRID_ITEM__:!0,name:"FormItemGridItem",alias:["FormItemGi"],props:I,setup(){const e=n(null);return{formItemInstRef:e,validate:(...t)=>{const{value:s}=e;if(s)return s.validate(...t)},restoreValidation:()=>{const{value:t}=e;t&&t.restoreValidation()}}},render(){return r(p,o(this.$.vnode.props||{},d),{default:()=>{const e=o(this.$props,i);return r(m,Object.assign({ref:"formItemInstRef"},e),this.$slots)}})}});export{g as N};
+import{d as a,r as n,bj as r,dd as o,de as i,l as m,df as d,ad as p,dg as f,dh as l}from"./index.9db1cab1.js";const I=Object.assign(Object.assign({},f),l),g=a({__GRID_ITEM__:!0,name:"FormItemGridItem",alias:["FormItemGi"],props:I,setup(){const e=n(null);return{formItemInstRef:e,validate:(...t)=>{const{value:s}=e;if(s)return s.validate(...t)},restoreValidation:()=>{const{value:t}=e;t&&t.restoreValidation()}}},render(){return r(p,o(this.$.vnode.props||{},d),{default:()=>{const e=o(this.$props,i);return r(m,Object.assign({ref:"formItemInstRef"},e),this.$slots)}})}});export{g as N};

dist/assets/HelpCircleOutline.d889b5f4.js → dist/assets/HelpCircleOutline.f16773dd.js

@@ -1 +1 @@
-import{d as t,f as o,g as e,o as r}from"./index.764dc161.js";const n={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},l=e("path",{d:"M256 80a176 176 0 1 0 176 176A176 176 0 0 0 256 80z",fill:"none",stroke:"currentColor","stroke-miterlimit":"10","stroke-width":"32"},null,-1),s=e("path",{d:"M200 202.29s.84-17.5 19.57-32.57C230.68 160.77 244 158.18 256 158c10.93-.14 20.69 1.67 26.53 4.45c10 4.76 29.47 16.38 29.47 41.09c0 26-17 37.81-36.37 50.8S251 281.43 251 296",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-miterlimit":"10","stroke-width":"28"},null,-1),i=e("circle",{cx:"250",cy:"348",r:"20",fill:"currentColor"},null,-1),c=[l,s,i],k=t({name:"HelpCircleOutline",render:function(a,h){return r(),o("svg",n,c)}});export{k as H};
+import{d as t,f as o,g as e,o as r}from"./index.9db1cab1.js";const n={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},l=e("path",{d:"M256 80a176 176 0 1 0 176 176A176 176 0 0 0 256 80z",fill:"none",stroke:"currentColor","stroke-miterlimit":"10","stroke-width":"32"},null,-1),s=e("path",{d:"M200 202.29s.84-17.5 19.57-32.57C230.68 160.77 244 158.18 256 158c10.93-.14 20.69 1.67 26.53 4.45c10 4.76 29.47 16.38 29.47 41.09c0 26-17 37.81-36.37 50.8S251 281.43 251 296",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-miterlimit":"10","stroke-width":"28"},null,-1),i=e("circle",{cx:"250",cy:"348",r:"20",fill:"currentColor"},null,-1),c=[l,s,i],k=t({name:"HelpCircleOutline",render:function(a,h){return r(),o("svg",n,c)}});export{k as H};

dist/assets/api.8ec0ab36.js → dist/assets/api.0c8e631e.js

@@ -1 +1 @@
-import{cc as e}from"./index.764dc161.js";const a=t=>e({url:"/cbs-app/musicalInstrument/page",method:"post",data:t}),u=t=>e({url:"/cbs-app/musicalInstrument/queryNotRelated",method:"post",data:t}),r=t=>e({url:"/cbs-app/musicalInstrument/save",method:"post",data:t}),c=t=>e({url:"/cbs-app/musicalInstrument/update",method:"post",data:t}),p=t=>e({url:"/cbs-app/musicalInstrument/enable?id="+t.id,method:"post",data:t}),o=t=>e({url:"/cbs-app/subjectCategory/page",method:"post",data:t}),n=t=>e({url:"/cbs-app/subjectCategory/save",method:"post",data:t}),m=t=>e({url:"/cbs-app/subjectCategory/update",method:"post",data:t}),b=t=>e({url:"/cbs-app/subject/page",method:"post",data:t}),l=t=>e({url:"/cbs-app/subject/save",method:"post",data:t}),d=t=>e({url:"/cbs-app/subject/update",method:"post",data:t}),i=t=>e({url:"/cbs-app/subject/enable",method:"post",requestType:"form",data:t});export{d as a,o as b,a as c,b as d,i as e,n as f,m as g,r as h,c as i,p as j,u as m,l as s};
+import{ab as e}from"./index.9db1cab1.js";const a=t=>e({url:"/cbs-app/musicalInstrument/page",method:"post",data:t}),u=t=>e({url:"/cbs-app/musicalInstrument/queryNotRelated",method:"post",data:t}),r=t=>e({url:"/cbs-app/musicalInstrument/save",method:"post",data:t}),c=t=>e({url:"/cbs-app/musicalInstrument/update",method:"post",data:t}),p=t=>e({url:"/cbs-app/musicalInstrument/enable?id="+t.id,method:"post",data:t}),o=t=>e({url:"/cbs-app/subjectCategory/page",method:"post",data:t}),n=t=>e({url:"/cbs-app/subjectCategory/save",method:"post",data:t}),m=t=>e({url:"/cbs-app/subjectCategory/update",method:"post",data:t}),b=t=>e({url:"/cbs-app/subject/page",method:"post",data:t}),l=t=>e({url:"/cbs-app/subject/save",method:"post",data:t}),d=t=>e({url:"/cbs-app/subject/update",method:"post",data:t}),i=t=>e({url:"/cbs-app/subject/enable",method:"post",requestType:"form",data:t});export{d as a,o as b,a as c,b as d,i as e,n as f,m as g,r as h,c as i,p as j,u as m,l as s};

dist/assets/api.8ecc48ec.js → dist/assets/api.4bc15dff.js

@@ -1 +1 @@
-import{cc as p}from"./index.764dc161.js";const t=s=>p({url:"/cbs-app/sysApplication/page",method:"post",data:s});export{t as s};
+import{ab as a}from"./index.9db1cab1.js";const t=s=>a({url:"/cbs-app/sysApplication/page",method:"post",data:s});export{t as s};

dist/assets/api.b641707a.js → dist/assets/api.767fa60d.js

@@ -1 +1 @@
-var m=Object.defineProperty,i=Object.defineProperties;var c=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var s=(a,e,t)=>e in a?m(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t,p=(a,e)=>{for(var t in e||(e={}))u.call(e,t)&&s(a,t,e[t]);if(o)for(var t of o(e))d.call(e,t)&&s(a,t,e[t]);return a},l=(a,e)=>i(a,c(e));import{cc as r,dp as n}from"./index.764dc161.js";const b=a=>r({url:"/cbs-app/material/page",method:"post",data:a}),y=a=>new Promise(e=>{r({url:"/cbs-app/materialCategory/page",method:"post",data:l(p({},a),{rows:1e3})}).then(t=>{t!=null&&t.data&&(t.data.rows=n(t.data.rows,"subMaterialCategoryList"),e(t))}).catch(()=>{e({})})}),C=a=>r({url:"/cbs-app/material/save",method:"post",data:a}),v=a=>r({url:"/cbs-app/material/remove?id="+a,method:"post"}),f=a=>r({url:`/cbs-app/material/detail/${a}`,method:"get"}),M=a=>r({url:"/cbs-app/material/update",method:"post",data:a}),w=a=>r({url:"/cbs-app/materialCategory/page",method:"post",data:a}),D=a=>r({url:"/cbs-app/materialCategory/save",method:"post",data:a}),L=a=>r({url:"/cbs-app/materialCategory/remove?id="+a,method:"post"}),P=a=>r({url:"/cbs-app/materialCategory/update",method:"post",data:a});export{D as a,w as b,L as c,C as d,y as e,f,b as g,v as h,P as m,M as u};
+var m=Object.defineProperty,i=Object.defineProperties;var c=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var s=(a,e,t)=>e in a?m(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t,p=(a,e)=>{for(var t in e||(e={}))u.call(e,t)&&s(a,t,e[t]);if(o)for(var t of o(e))d.call(e,t)&&s(a,t,e[t]);return a},l=(a,e)=>i(a,c(e));import{ab as r,dp as n}from"./index.9db1cab1.js";const b=a=>r({url:"/cbs-app/material/page",method:"post",data:a}),y=a=>new Promise(e=>{r({url:"/cbs-app/materialCategory/page",method:"post",data:l(p({},a),{rows:1e3})}).then(t=>{t!=null&&t.data&&(t.data.rows=n(t.data.rows,"subMaterialCategoryList"),e(t))}).catch(()=>{e({})})}),C=a=>r({url:"/cbs-app/material/save",method:"post",data:a}),v=a=>r({url:"/cbs-app/material/remove?id="+a,method:"post"}),f=a=>r({url:`/cbs-app/material/detail/${a}`,method:"get"}),M=a=>r({url:"/cbs-app/material/update",method:"post",data:a}),w=a=>r({url:"/cbs-app/materialCategory/page",method:"post",data:a}),D=a=>r({url:"/cbs-app/materialCategory/save",method:"post",data:a}),L=a=>r({url:"/cbs-app/materialCategory/remove?id="+a,method:"post"}),P=a=>r({url:"/cbs-app/materialCategory/update",method:"post",data:a});export{D as a,w as b,L as c,C as d,y as e,f,b as g,v as h,P as m,M as u};

dist/assets/api.77b471af.js → dist/assets/api.d7695119.js

@@ -1 +1 @@
-import{cc as e}from"./index.764dc161.js";const r=s=>e({url:"/cbs-app/sysUserLoginLog/page",method:"post",data:s}),t=s=>e({url:"/cbs-app/sysUserLogin/page",method:"post",data:s}),o=s=>e({url:"/cbs-app/sysUserDevice/page",method:"post",data:s}),p=s=>e({url:"/cbs-app/sysUserAuditLog/page",method:"post",data:s});export{t as a,o as b,p as c,r as s};
+import{ab as e}from"./index.9db1cab1.js";const r=s=>e({url:"/cbs-app/sysUserLoginLog/page",method:"post",data:s}),t=s=>e({url:"/cbs-app/sysUserLogin/page",method:"post",data:s}),o=s=>e({url:"/cbs-app/sysUserDevice/page",method:"post",data:s}),p=s=>e({url:"/cbs-app/sysUserAuditLog/page",method:"post",data:s});export{t as a,o as b,p as c,r as s};

dist/assets/api.92d5c4ba.js → dist/assets/api.f1fa4ccb.js

@@ -1 +1 @@
-import{cc as t}from"./index.764dc161.js";const a=e=>t({url:"/cbs-app/knowledgePoint/page",method:"post",data:e}),n=e=>t({url:"/cbs-app/knowledgePoint/save",method:"post",data:e}),l=e=>t({url:"/cbs-app/knowledgePoint/remove?id="+e,method:"post"}),r=e=>t({url:"/cbs-app/knowledgePoint/update",method:"post",data:e}),s=e=>t({url:"/cbs-app/knowledgePointMaterialRelation/page",method:"post",data:e}),i=e=>t({url:"/cbs-app/knowledgePointMaterialRelation/update",method:"post",data:e}),p=e=>t({url:"/cbs-app/knowledgePointMaterialRelation/remove",method:"post",data:e}),d=e=>t({url:"/cbs-app/knowledgePointMaterialRelation/materialPage",method:"post",data:e}),c=e=>t({url:"/cbs-app/knowledgePointMaterialRelation/save",method:"post",data:e}),g=e=>t({url:`/cbs-app/knowledgePoint/status?id=${e}`,method:"post"});export{n as a,g as b,l as c,c as d,d as e,a as f,s as g,p as h,i,r as k};
+import{ab as t}from"./index.9db1cab1.js";const a=e=>t({url:"/cbs-app/knowledgePoint/page",method:"post",data:e}),n=e=>t({url:"/cbs-app/knowledgePoint/save",method:"post",data:e}),l=e=>t({url:"/cbs-app/knowledgePoint/remove?id="+e,method:"post"}),r=e=>t({url:"/cbs-app/knowledgePoint/update",method:"post",data:e}),s=e=>t({url:"/cbs-app/knowledgePointMaterialRelation/page",method:"post",data:e}),i=e=>t({url:"/cbs-app/knowledgePointMaterialRelation/update",method:"post",data:e}),p=e=>t({url:"/cbs-app/knowledgePointMaterialRelation/remove",method:"post",data:e}),d=e=>t({url:"/cbs-app/knowledgePointMaterialRelation/materialPage",method:"post",data:e}),g=e=>t({url:"/cbs-app/knowledgePointMaterialRelation/save",method:"post",data:e}),c=e=>t({url:`/cbs-app/knowledgePoint/status?id=${e}`,method:"post"});export{n as a,c as b,l as c,g as d,d as e,a as f,s as g,p as h,i,r as k};

dist/assets/api.605f07a0.js → dist/assets/api.fe67827b.js

@@ -1 +1 @@
-import{cc as s}from"./index.764dc161.js";const a=t=>s({url:"/cbs-app/sysMenuButton/page",method:"post",data:t}),u=t=>s({url:"/cbs-app/sysMenuButton/save",method:"post",data:t}),o=t=>s({url:"/cbs-app/sysMenuButton/update",method:"post",data:t}),n=t=>s({url:"/cbs-app/sysMenuButton/remove",method:"post",data:t,requestType:"form"}),p=t=>s({url:"/cbs-app/musicTag/page",method:"post",data:t}),r=t=>s({url:"/cbs-app/musicSheet/page",method:"post",data:t});export{o as a,a as b,n as c,p as d,r as m,u as s};
+import{ab as s}from"./index.9db1cab1.js";const a=t=>s({url:"/cbs-app/sysMenuButton/page",method:"post",data:t}),u=t=>s({url:"/cbs-app/sysMenuButton/save",method:"post",data:t}),o=t=>s({url:"/cbs-app/sysMenuButton/update",method:"post",data:t}),n=t=>s({url:"/cbs-app/sysMenuButton/remove",method:"post",data:t,requestType:"form"}),p=t=>s({url:"/cbs-app/musicTag/page",method:"post",data:t}),r=t=>s({url:"/cbs-app/musicSheet/page",method:"post",data:t});export{o as a,a as b,n as c,p as d,r as m,u as s};

dist/assets/dateUtil.84ae1c50.js → dist/assets/dateUtil.e8ff2a8e.js

@@ -1 +1 @@
-import{d as a}from"./dayjs.min.c9f1705e.js";const l=(r,d=[],Y="YYYY-MM-DD")=>r&&r.length?Y=="YYYY-MM-DD"?{[d[0]||"start"]:a(r[0]).isValid()?a(r[0]).format(Y)+" 00:00:00":"",[d[1]||"end"]:a(r[1]).isValid()?a(r[1]).format(Y)+" 23:59:59":""}:{[d[0]||"start"]:a(r[0]).isValid()?a(r[0]).format(Y):"",[d[1]||"end"]:a(r[1]).isValid()?a(r[1]).format(Y):""}:{},f=(r,d=[],Y="YYYY-MM-DD")=>r&&r.length?{[d[0]||"start"]:a(r[0]).isValid()?a(r[0]).format(Y):"",[d[1]||"end"]:a(r[1]).isValid()?a(r[1]).format(Y):""}:{};export{f,l as g};
+import{d as a}from"./dayjs.min.92b295fe.js";const l=(r,d=[],Y="YYYY-MM-DD")=>r&&r.length?Y=="YYYY-MM-DD"?{[d[0]||"start"]:a(r[0]).isValid()?a(r[0]).format(Y)+" 00:00:00":"",[d[1]||"end"]:a(r[1]).isValid()?a(r[1]).format(Y)+" 23:59:59":""}:{[d[0]||"start"]:a(r[0]).isValid()?a(r[0]).format(Y):"",[d[1]||"end"]:a(r[1]).isValid()?a(r[1]).format(Y):""}:{},f=(r,d=[],Y="YYYY-MM-DD")=>r&&r.length?{[d[0]||"start"]:a(r[0]).isValid()?a(r[0]).format(Y):"",[d[1]||"end"]:a(r[1]).isValid()?a(r[1]).format(Y):""}:{};export{f,l as g};

dist/assets/filters.cb22ede1.js → dist/assets/filters.a0d5b372.js

@@ -1 +1 @@
-import{p as t,e,c as s,o as n,a as o}from"./constant.811f1023.js";const l=(r,i)=>{if(r&&i){let u=i.get(r);if(u)return u}return r},f=r=>r&&t&&t[r]?t[r]:r,c=r=>r&&e&&e[r]?e[r]:r,p=r=>r&&s&&s[r]?s[r]:r,m=r=>{if(r&&n&&n[r])return n[r]},T=r=>r&&o&&o[r]?o[r]:r;export{c as a,f as b,m as c,T as d,p as f,l as g};
+import{p as t,e,c as s,o as n,a as o}from"./constant.4de85eca.js";const l=(r,i)=>{if(r&&i){let u=i.get(r);if(u)return u}return r},f=r=>r&&t&&t[r]?t[r]:r,c=r=>r&&e&&e[r]?e[r]:r,p=r=>r&&s&&s[r]?s[r]:r,m=r=>{if(r&&n&&n[r])return n[r]},T=r=>r&&o&&o[r]?o[r]:r;export{c as a,f as b,m as c,T as d,p as f,l as g};

dist/assets/index.46c01197.css

@@ -1 +0,0 @@
-._audioSection_1l6lr_1{position:relative;background:#f7f7f7;padding-right:20px;border-radius:12px;padding-top:24px;margin-bottom:12px}._audioSection_1l6lr_1 ._btnRemove_1l6lr_9{position:absolute;bottom:12px;right:20px}._formContainer_1l6lr_14{max-height:80vh;overflow-y:auto;padding:0 10px}

dist/assets/index.17cc37b9.js → dist/assets/index.49530b27.js

@@ -1 +1 @@
-import{d as m,e as p,r as t,h as s,B as v,Y as h,w as x,U as g,dl as b,o as k,g as u,x as w}from"./index.764dc161.js";const B={class:"frame"},R=["src"],y=m({__name:"index",setup(S){var f,i;const o=p(),a=t(!1),c=t(null),r=t("");(f=s(o.meta))!=null&&f.frameSrc&&(r.value=(i=s(o.meta))==null?void 0:i.frameSrc);function _(){a.value=!1}function l(){g(()=>{const e=s(c);if(!e)return;const n=e;n.attachEvent?n.attachEvent("onload",()=>{_()}):e.onload=()=>{_()}})}return v(()=>{a.value=!0,l()}),(e,n)=>{const d=b;return k(),h(d,{show:a.value},{default:x(()=>[u("div",B,[u("iframe",{src:r.value,class:"frame-iframe",ref_key:"frameRef",ref:c},null,8,R)])]),_:1},8,["show"])}}});const E=w(y,[["__scopeId","data-v-86b4e8ba"]]);export{E as default};
+import{d as m,e as p,r as t,h as s,B as v,Y as h,w as x,U as g,dl as b,o as k,g as u,x as w}from"./index.9db1cab1.js";const B={class:"frame"},R=["src"],y=m({__name:"index",setup(S){var f,i;const o=p(),a=t(!1),c=t(null),r=t("");(f=s(o.meta))!=null&&f.frameSrc&&(r.value=(i=s(o.meta))==null?void 0:i.frameSrc);function _(){a.value=!1}function l(){g(()=>{const e=s(c);if(!e)return;const n=e;n.attachEvent?n.attachEvent("onload",()=>{_()}):e.onload=()=>{_()}})}return v(()=>{a.value=!0,l()}),(e,n)=>{const d=b;return k(),h(d,{show:a.value},{default:x(()=>[u("div",B,[u("iframe",{src:r.value,class:"frame-iframe",ref_key:"frameRef",ref:c},null,8,R)])]),_:1},8,["show"])}}});const E=w(y,[["__scopeId","data-v-86b4e8ba"]]);export{E as default};

dist/assets/index.9ad28450.js → dist/assets/index.4b51a64e.js

@@ -1 +1 @@
-import{d as s,e as n,c as u,z as c,i as p,N as i}from"./index.764dc161.js";const l=s({name:"Redirect",setup(){const t=n(),o=u();return c(()=>{const{params:r,query:a}=t,{path:e}=r;o.replace({path:"/"+(Array.isArray(e)?e.join("/"):e),query:a})}),()=>p(i,null,null)}});export{l as default};
+import{d as s,e as n,c as u,z as c,i as p,N as i}from"./index.9db1cab1.js";const l=s({name:"Redirect",setup(){const t=n(),o=u();return c(()=>{const{params:r,query:a}=t,{path:e}=r;o.replace({path:"/"+(Array.isArray(e)?e.join("/"):e),query:a})}),()=>p(i,null,null)}});export{l as default};

dist/assets/index.0a9857d6.js → dist/assets/index.52e17441.js

@@ -1 +1 @@
-import{S as l}from"./searchs.b637f0d6.js";import{d as y,e as h,a as m,r as z,B as v,bu as w,M as s,F as K,i as P,ci as b}from"./index.764dc161.js";const C=y({name:"table-container",props:{page:{type:Number,default:1,required:!0},pageSize:{type:Number,default:10},pageTotal:{type:Number,default:0},saveKey:{type:String,default:""},sync:{type:Boolean,default:!1},checkedRowKeysRef:{type:Object},pageSizes:{type:Array,default:()=>[10,20,30,40]},pageSlot:{type:Number,default:9}},emits:["update:page","update:pageSize","list"],setup(e,{slots:T,attrs:k,emit:t}){const o=h(),u=m({pageInformation:null}),g=z(0);g.value=Math.ceil(e.pageTotal/e.pageSize);const d=a=>{t("update:page",a),t("list"),i()},r=a=>{t("update:pageSize",a),t("list"),i()};v(()=>{if(e.sync){const a=new l(e.saveKey||o.path),n=a.get(e.saveKey||o.path);if(u.pageInformation=n,n&&n.page){for(const p in n.page)if(n.page.hasOwnProperty(p)&&["page","pageSize"].includes(p)){const f=n.page[p],S=`update:${p}`;t(S,f)}}e.saveKey&&a.update(o.path,void 0,"bind")}window.addEventListener("watchStorage",c)}),w(()=>{window.removeEventListener("watchStorage",c)}),s(()=>e.pageSize,()=>{g.value=Math.ceil(e.pageTotal/e.pageSize),i()}),s(()=>e.page,()=>{i()}),s(()=>e.pageTotal,()=>{g.value=Math.ceil(e.pageTotal/e.pageSize),i()}),K({get(){return e.page},set(a){t("update:page",a)}});const i=()=>{e.sync&&new l(e.saveKey||o.path).update({page:e.page,pageCount:g.value,pageSize:e.pageSize,saveKey:e.saveKey},void 0,"page")},c=()=>{let a=u.pageInformation&&u.pageInformation.page?u.pageInformation.page:null;a&&a.page&&a.page};return()=>P(b,{style:{marginTop:"12px",justifyContent:"flex-end"},page:e.page,"onUpdate:page":a=>e.page=a,displayOrder:["quick-jumper","pages","size-picker"],pageCount:g.value,showQuickJumper:!0,showSizePicker:!0,pageSize:e.pageSize,prefix:()=>`\u5171 ${e.pageTotal} \u6761`,pageSizes:e.pageSizes,onUpdatePage:d,onUpdatePageSize:r,pageSlot:e.pageSlot},null)}});export{C as P};
+import{S as l}from"./searchs.b637f0d6.js";import{d as S,e as h,a as m,r as z,B as v,by as w,M as s,F as K,i as P,cj as b}from"./index.9db1cab1.js";const C=S({name:"table-container",props:{page:{type:Number,default:1,required:!0},pageSize:{type:Number,default:10},pageTotal:{type:Number,default:0},saveKey:{type:String,default:""},sync:{type:Boolean,default:!1},checkedRowKeysRef:{type:Object},pageSizes:{type:Array,default:()=>[10,20,30,40]},pageSlot:{type:Number,default:9}},emits:["update:page","update:pageSize","list"],setup(e,{slots:T,attrs:k,emit:t}){const o=h(),u=m({pageInformation:null}),g=z(0);g.value=Math.ceil(e.pageTotal/e.pageSize);const d=a=>{t("update:page",a),t("list"),i()},r=a=>{t("update:pageSize",a),t("list"),i()};v(()=>{if(e.sync){const a=new l(e.saveKey||o.path),n=a.get(e.saveKey||o.path);if(u.pageInformation=n,n&&n.page){for(const p in n.page)if(n.page.hasOwnProperty(p)&&["page","pageSize"].includes(p)){const f=n.page[p],y=`update:${p}`;t(y,f)}}e.saveKey&&a.update(o.path,void 0,"bind")}window.addEventListener("watchStorage",c)}),w(()=>{window.removeEventListener("watchStorage",c)}),s(()=>e.pageSize,()=>{g.value=Math.ceil(e.pageTotal/e.pageSize),i()}),s(()=>e.page,()=>{i()}),s(()=>e.pageTotal,()=>{g.value=Math.ceil(e.pageTotal/e.pageSize),i()}),K({get(){return e.page},set(a){t("update:page",a)}});const i=()=>{e.sync&&new l(e.saveKey||o.path).update({page:e.page,pageCount:g.value,pageSize:e.pageSize,saveKey:e.saveKey},void 0,"page")},c=()=>{let a=u.pageInformation&&u.pageInformation.page?u.pageInformation.page:null;a&&a.page&&a.page};return()=>P(b,{style:{marginTop:"12px",justifyContent:"flex-end"},page:e.page,"onUpdate:page":a=>e.page=a,displayOrder:["quick-jumper","pages","size-picker"],pageCount:g.value,showQuickJumper:!0,showSizePicker:!0,pageSize:e.pageSize,prefix:()=>`\u5171 ${e.pageTotal} \u6761`,pageSizes:e.pageSizes,onUpdatePage:d,onUpdatePageSize:r,pageSlot:e.pageSlot},null)}});export{C as P};

dist/assets/index.33b7fa2a.js → dist/assets/index.83e7f066.js

@@ -1 +1 @@
-import{d as o,L as s,F as i,i as d,dt as f}from"./index.764dc161.js";import{u as l}from"./tabsView.58118182.js";const g=o({name:"TheLink",props:{to:{type:Object,default:{}},target:{type:String,default:"_self"},authLink:{type:String,default:""}},setup(t,{slots:e}){const a=s();l().closeCurrentTab({path:t.to.path});const u=i(()=>{const n=a.getAuths.some(r=>r===t.authLink);return!!(t.authLink&&!n)});return()=>u.value?e.default&&e.default():d(f,{to:t.to,target:t.target},{default:()=>[e.default&&e.default()]})}});export{g as T};
+import{d as o,L as s,F as i,i as d,dt as f}from"./index.9db1cab1.js";import{u as l}from"./tabsView.41236b00.js";const g=o({name:"TheLink",props:{to:{type:Object,default:{}},target:{type:String,default:"_self"},authLink:{type:String,default:""}},setup(t,{slots:e}){const a=s();l().closeCurrentTab({path:t.to.path});const u=i(()=>{const n=a.getAuths.some(r=>r===t.authLink);return!!(t.authLink&&!n)});return()=>u.value?e.default&&e.default():d(f,{to:t.to,target:t.target},{default:()=>[e.default&&e.default()]})}});export{g as T};

dist/assets/index.2ddff4d1.js → dist/assets/index.a48925d4.js

@@ -1 +1 @@
-import{d as n,i as e,al as o,ag as a}from"./index.764dc161.js";const i="_showContentWidth_1uy1t_1",r={showContentWidth:i},l=n({name:"the-tooltip",props:{maxWidth:{type:Number,default:300},showContentWidth:{type:Number,default:120},tipsContent:{type:String,default:""},content:{type:String,default:""},placement:{type:String,default:"top"},showArrow:{type:Boolean,default:!0},trigger:{type:String,default:"hover"}},setup(t){return()=>e(a,null,[e(o,{style:{maxWidth:t.maxWidth+"px"},trigger:t.trigger,placement:t.placement,showArrow:t.showArrow},{trigger:()=>e("p",{style:{maxWidth:t.showContentWidth+"px"},class:r.showContentWidth},[t.content]),default:()=>t.tipsContent||t.content})])}});export{l as T};
+import{d as n,i as e,ap as o,ak as a}from"./index.9db1cab1.js";const i="_showContentWidth_1uy1t_1",r={showContentWidth:i},d=n({name:"the-tooltip",props:{maxWidth:{type:Number,default:300},showContentWidth:{type:Number,default:120},tipsContent:{type:String,default:""},content:{type:String,default:""},placement:{type:String,default:"top"},showArrow:{type:Boolean,default:!0},trigger:{type:String,default:"hover"}},setup(t){return()=>e(a,null,[e(o,{style:{maxWidth:t.maxWidth+"px"},trigger:t.trigger,placement:t.placement,showArrow:t.showArrow},{trigger:()=>e("p",{style:{maxWidth:t.showContentWidth+"px"},class:r.showContentWidth},[t.content]),default:()=>t.tipsContent||t.content})])}});export{d as T};

dist/assets/index.ae9fe8a9.css

@@ -0,0 +1 @@
+._questionBank_1pw3o_1 ._form_1pw3o_1 .n-form-item-blank .n-input,._questionBank_1pw3o_1 ._form_1pw3o_1 .n-form-item-blank .n-select{width:160px}._kaodian_1pw3o_5 .n-base-selection-input{color:#333!important}._kaodian_1pw3o_5 .n-base-loading.n-base-suffix,._coustomBank_1pw3o_11 .n-tabs-nav{display:none}._coustomBank_1pw3o_11 .n-tab-pane{padding-top:0}._answerItem_1pw3o_17{display:flex;align-items:center;justify-content:space-between;padding:10px 0}._answerItem_1pw3o_17:hover{background-color:#0000001a}._answerItem_1pw3o_17 ._handle_1pw3o_26{width:50px}._answerItem_1pw3o_17 ._itemContent_1pw3o_29{flex:1;padding:0 50px 0 0;display:flex;align-items:center}._juanWrap_1pw3o_35{margin-bottom:20px}._unit-test-index-editAndUpdate_1pw3o_38 ._ramdomItem_1pw3o_38{position:relative;border-radius:8px;padding:30px 10px 0}._unit-test-index-editAndUpdate_1pw3o_38 ._ramdomItem_1pw3o_38 .n-form-item-label{display:flex;flex-direction:row;align-items:center}._unit-test-index-editAndUpdate_1pw3o_38 ._ramdomItem_1pw3o_38 .n-form-item-label__asterisk{display:none}._unit-test-index-editAndUpdate_1pw3o_38 ._ramdomItem_1pw3o_38 ._kaoLabel_1pw3o_51 span{color:var(--n-asterisk-color)}._unit-test-index-editAndUpdate_1pw3o_38 ._ramdomItem_1pw3o_38:hover{background-color:#0000001a}._unit-test-index-editAndUpdate_1pw3o_38 ._ramdomItem_1pw3o_38:hover ._delIcon_1pw3o_57{visibility:visible}._unit-test-index-editAndUpdate_1pw3o_38 ._ramdomItem_1pw3o_38 ._delIcon_1pw3o_57{position:absolute;right:10px;top:6px;visibility:hidden}._selectMusicSheet_znf7e_1 .section-container.section-save-form{padding:0;margin:0}._selectMusicSheet_znf7e_1 .n-form.n-form--inline .n-form-item{width:30%}

dist/assets/index.e47c3930.css

@@ -1 +0,0 @@
-._questionBank_1sg8h_1 ._form_1sg8h_1 .n-form-item-blank .n-input,._questionBank_1sg8h_1 ._form_1sg8h_1 .n-form-item-blank .n-select{width:160px}._kaodian_1sg8h_5 .n-base-selection-input{color:#333!important}._kaodian_1sg8h_5 .n-base-loading.n-base-suffix,._coustomBank_1sg8h_11 .n-tabs-nav{display:none}._coustomBank_1sg8h_11 .n-tab-pane{padding-top:0}._answerItem_1sg8h_17{display:flex;align-items:center;justify-content:space-between;padding:10px 0}._answerItem_1sg8h_17:hover{background-color:#0000001a}._answerItem_1sg8h_17 ._handle_1sg8h_26{width:50px}._answerItem_1sg8h_17 ._itemContent_1sg8h_29{flex:1;padding:0 50px 0 0;display:flex;align-items:center}._juanWrap_1sg8h_35{margin-bottom:20px}._unit-test-index-editAndUpdate_1sg8h_38 ._ramdomItem_1sg8h_38{position:relative;border-radius:8px;padding:10px 10px 0}._unit-test-index-editAndUpdate_1sg8h_38 ._ramdomItem_1sg8h_38 .n-form-item-label{display:flex;flex-direction:row;align-items:center}._unit-test-index-editAndUpdate_1sg8h_38 ._ramdomItem_1sg8h_38 .n-form-item-label__asterisk{display:none}._unit-test-index-editAndUpdate_1sg8h_38 ._ramdomItem_1sg8h_38 ._kaoLabel_1sg8h_51 span{color:var(--n-asterisk-color)}._unit-test-index-editAndUpdate_1sg8h_38 ._ramdomItem_1sg8h_38:hover{background-color:#0000001a}._unit-test-index-editAndUpdate_1sg8h_38 ._ramdomItem_1sg8h_38:hover ._delIcon_1sg8h_57{visibility:visible}._unit-test-index-editAndUpdate_1sg8h_38 ._ramdomItem_1sg8h_38 ._delIcon_1sg8h_57{position:absolute;right:10px;top:6px;visibility:hidden}._selectMusicSheet_znf7e_1 .section-container.section-save-form{padding:0;margin:0}._selectMusicSheet_znf7e_1 .n-form.n-form--inline .n-form-item{width:30%}

dist/assets/index.ec3a9d58.css

@@ -0,0 +1 @@
+._audioSection_o5wty_1{position:relative;background:#f7f7f7;padding-right:20px;border-radius:12px;padding-top:24px;margin-bottom:12px}._audioSection_o5wty_1 ._btnRemove_o5wty_9{position:absolute;bottom:12px;right:20px}._formContainer_o5wty_14{max-height:80vh;overflow-y:auto;padding:0 10px}._productModal_o5wty_19{width:auto!important;height:auto!important;max-width:initial!important}._productModal_o5wty_19 .n-dialog .n-dialog__content{height:100%}._productIframe_o5wty_27{width:1000px;height:80vh;border:none}._productModal_35hv9_1{width:auto!important;height:auto!important;max-width:initial!important}._productModal_35hv9_1 .n-dialog .n-dialog__content{height:100%}._productIframe_35hv9_9{width:1000px;height:80vh;border:none}

dist/assets/index.abf47165.js → dist/assets/index.fb52fb43.js

@@ -1 +1 @@
-import{d as g,r as K,e as w,a as F,M as m,B as _,i,q as M,bm as P}from"./index.764dc161.js";import{S}from"./searchs.b637f0d6.js";const I="_saveForm_1s8vz_1",E={saveForm:I},D=g({name:"save-form",props:{model:{type:Object,default:{}},saveKey:{type:String,default:""}},emits:["setModel","submit","reset"],setup(o,{slots:d,attrs:c,emit:n,expose:l}){const u=K(),r=w(),t=F({searchs:null,saveKey:o.saveKey,model:{}}),f=()=>{const e=o.model,s={};for(const a in e)s[a]=null;return s};m(()=>o.saveKey,e=>{t.saveKey=e}),m(()=>o.model,e=>{t.model=e},{deep:!0});const p=()=>{const e=new S(t.saveKey||r.path);t.searchs=e;const s=e.get(t.saveKey||r.path);for(const a in s.form)if(s.form.hasOwnProperty(a)){const b=s.form[a];t.model[a]=b}n("setModel",t.model),t.saveKey&&t.searchs.update(r.path,void 0,"bind")};_(()=>{p()});const h=e=>{e&&(e.stopPropagation(),e.stopImmediatePropagation(),e.preventDefault()),t.saveKey&&t.searchs.update(r.path,void 0,"bind"),t.searchs.update(t.model,void 0,"form"),n("submit",e)},v=e=>{e&&(e.stopPropagation(),e.stopImmediatePropagation(),e.preventDefault());let s=new Event("watchStorage");window.dispatchEvent(s),y(),n("submit",e)},y=()=>{n("setModel",f()),t.searchs.update({},void 0,"form"),t.searchs.update({},void 0,"page")};return l({submit:h,reset:v}),()=>i("div",{class:["section-container section-save-form",E.saveForm]},[i(M,P({model:t.model,ref:u,inline:!0,"label-placement":"left","label-width":"auto"},c),{default:()=>[d.default&&d.default()]})])}});export{D as S};
+import{d as g,r as K,e as w,a as F,M as m,B as _,i,q as M,bq as P}from"./index.9db1cab1.js";import{S}from"./searchs.b637f0d6.js";const I="_saveForm_1s8vz_1",E={saveForm:I},q=g({name:"save-form",props:{model:{type:Object,default:{}},saveKey:{type:String,default:""}},emits:["setModel","submit","reset"],setup(o,{slots:d,attrs:c,emit:n,expose:l}){const u=K(),r=w(),t=F({searchs:null,saveKey:o.saveKey,model:{}}),f=()=>{const e=o.model,s={};for(const a in e)s[a]=null;return s};m(()=>o.saveKey,e=>{t.saveKey=e}),m(()=>o.model,e=>{t.model=e},{deep:!0});const p=()=>{const e=new S(t.saveKey||r.path);t.searchs=e;const s=e.get(t.saveKey||r.path);for(const a in s.form)if(s.form.hasOwnProperty(a)){const b=s.form[a];t.model[a]=b}n("setModel",t.model),t.saveKey&&t.searchs.update(r.path,void 0,"bind")};_(()=>{p()});const h=e=>{e&&(e.stopPropagation(),e.stopImmediatePropagation(),e.preventDefault()),t.saveKey&&t.searchs.update(r.path,void 0,"bind"),t.searchs.update(t.model,void 0,"form"),n("submit",e)},v=e=>{e&&(e.stopPropagation(),e.stopImmediatePropagation(),e.preventDefault());let s=new Event("watchStorage");window.dispatchEvent(s),y(),n("submit",e)},y=()=>{n("setModel",f()),t.searchs.update({},void 0,"form"),t.searchs.update({},void 0,"page")};return l({submit:h,reset:v}),()=>i("div",{class:["section-container section-save-form",E.saveForm]},[i(M,P({model:t.model,ref:u,inline:!0,"label-placement":"left","label-width":"auto"},c),{default:()=>[d.default&&d.default()]})])}});export{q as S};

dist/assets/musicUtil.98424c43.js

@@ -1 +0,0 @@
-import{cc as e}from"./index.764dc161.js";import{a as i}from"./objectUtil.ec24ceed.js";import{c as r}from"./constant.811f1023.js";const m=t=>e({url:"/cbs-app/musicSheet/page",method:"post",data:t}),l=t=>e({url:"/cbs-app/musicSheet/save",method:"post",data:t}),d=t=>e({url:"/cbs-app/musicSheet/remove",method:"post",data:t,requestType:"form"}),h=t=>e({url:"/cbs-app/musicSheet/detail/"+t.id,method:"get",requestType:"form"}),S=t=>e({url:"/cbs-app/musicSheet/statusList",method:"post",data:t}),g=t=>e({url:"/cbs-app/musicSheet/pageByApplication",method:"post",data:t}),b=t=>e({url:"/cbs-app/musicSheetCategories/queryTree",method:"get",data:t,params:t}),A=t=>e({url:"/cbs-app/musicSheetCategories/save",method:"post",data:t}),f=t=>e({url:"/cbs-app/musicSheetCategories/update",method:"post",data:t}),v=t=>e({url:"/cbs-app/musicSheetCategories/remove?id="+t,method:"post"}),y=t=>e({url:"/cbs-app/musicSheetApplicationExtend/ownerList",method:"post",data:t}),C=t=>e({url:"/cbs-app/musicSheetApplicationExtend/save",method:"post",data:t}),L=t=>e({url:"/cbs-app/musicSheetApplicationExtend/categoryList",method:"post",data:t}),N=t=>e({url:"/cbs-app/musicSheetApplicationExtend/tagList",method:"post",data:t}),R=t=>e({url:"/cbs-app/musicSheetApplicationExtend/applicationExtendInfo",method:"post",data:t}),T=t=>e({url:"/cbs-app/musicSheetApplicationExtend/saveBatch",method:"post",data:t}),x=t=>e({url:"/cbs-app/musicSheetApplicationExtend/update",method:"post",data:t}),E=t=>e({url:"/cbs-app/musicSheetApplicationExtend/status",method:"post",data:t}),O=(t,o)=>{if(t=="PLATFORM")return;let s="";if(t&&t.userName){const p=t.applicationName;if(o=="ORG"){const a=t.organizationRole?"-"+t.organizationRole:"";s+=p+a}else if(o=="PERSON"){t!=null&&t.userName&&(s=t.userName);let a=i(t.clientType,new Map(Object.entries(r)));a=a?"-"+a:"",s+=" ("+p+a+")"}}return s};export{b as a,h as b,l as c,L as d,R as e,C as f,O as g,S as h,m as i,d as j,A as k,f as l,y as m,v as n,T as o,x as p,g as q,E as r,N as s};

dist/assets/parentLayout.cae483cc.js → dist/assets/parentLayout.2fd933f4.js

@@ -1 +1 @@
-import{x as o,Y as r,W as t,o as n}from"./index.764dc161.js";const c={};function s(a,_){const e=t("router-view");return n(),r(e)}const f=o(c,[["render",s]]);export{f as default};
+import{x as o,Y as r,W as t,o as n}from"./index.9db1cab1.js";const c={};function s(a,_){const e=t("router-view");return n(),r(e)}const f=o(c,[["render",s]]);export{f as default};

dist/assets/searchArray.cacb4a2d.js → dist/assets/searchArray.25c9a079.js

@@ -1 +1 @@
-import{p as o,e as r,s as u,b as n,d as c,c as p,f as y,m as i,g as m,h as l,i as S,o as T,j as d,k as h,l as A,a as g,n as f,q as w,r as E,t as b,u as k,v,w as x,x as q,y as z,z as C,A as F}from"./constant.811f1023.js";function a(s){let t=[];for(let e in s)t.push({label:s[e],value:e});return t}const K=a(o),N=a(r);a(u);a(n);a(c);a(p);a(y);a(i);a(m);a(l);a(S);const V=a(T);a(d);const j=a(h),B=a(A),D=a(g);a(f);a(w);a(E);a(b);a(k);a(v);a(x);a(q);a(z);a(C);a(F);export{j as a,B as b,D as c,N as e,V as o,K as p};
+import{p as o,e as r,s as u,b as n,d as c,c as p,f as y,m as i,g as m,h as l,i as S,o as T,j as d,k as h,l as A,a as g,n as f,q as w,r as E,t as b,u as k,v,w as x,x as q,y as z,z as C,A as F}from"./constant.4de85eca.js";function a(s){let t=[];for(let e in s)t.push({label:s[e],value:e});return t}const K=a(o),N=a(r);a(u);a(n);a(c);a(p);a(y);a(i);a(m);a(l);a(S);const V=a(T);a(d);const j=a(h),B=a(A),D=a(g);a(f);a(w);a(E);a(b);a(k);a(v);a(x);a(q);a(z);a(C);a(F);export{j as a,B as b,D as c,N as e,V as o,K as p};

dist/assets/tabsView.58118182.js → dist/assets/tabsView.41236b00.js

@@ -1 +1 @@
-import{y as n}from"./index.764dc161.js";import{S as r}from"./searchs.b637f0d6.js";const b=["Redirect","login"],f=new r("");function o(t){return t.filter(a=>{var s,i;return(i=(s=a==null?void 0:a.meta)==null?void 0:s.affix)!=null?i:!1})}const p=n({id:"app-tabs-view",state:()=>({tabsList:[]}),getters:{},actions:{initTabs(t){this.tabsList=t},addTabs(t){return b.includes(t.name)?!1:(this.tabsList.some(s=>s.path==t.path)||this.tabsList.push(t),!0)},closeLeftTabs(t){const a=this.tabsList.findIndex(s=>s.path==t.path);this.tabsList=this.tabsList.filter((s,i)=>{var e,h;return i>=a||((h=(e=s==null?void 0:s.meta)==null?void 0:e.affix)!=null?h:!1)})},closeRightTabs(t){const a=this.tabsList.findIndex(s=>s.path==t.path);this.tabsList=this.tabsList.filter((s,i)=>{var e,h;return i<=a||((h=(e=s==null?void 0:s.meta)==null?void 0:e.affix)!=null?h:!1)})},closeOtherTabs(t){this.tabsList=this.tabsList.filter(a=>{var s,i;return a.path==t.path||((i=(s=a==null?void 0:a.meta)==null?void 0:s.affix)!=null?i:!1)}),f.removeByOtherRouter(t.path)},closeCurrentTab(t){if(t){f.removeByRouter(t.path);const a=this.tabsList.findIndex(s=>s.path==t.path);a!=-1&&this.tabsList.splice(a,1)}},closeAllTabs(){f.removeAll(),this.tabsList=o(this.tabsList)}}});export{p as u};
+import{y as n}from"./index.9db1cab1.js";import{S as r}from"./searchs.b637f0d6.js";const b=["Redirect","login"],f=new r("");function o(t){return t.filter(a=>{var s,i;return(i=(s=a==null?void 0:a.meta)==null?void 0:s.affix)!=null?i:!1})}const p=n({id:"app-tabs-view",state:()=>({tabsList:[]}),getters:{},actions:{initTabs(t){this.tabsList=t},addTabs(t){return b.includes(t.name)?!1:(this.tabsList.some(s=>s.path==t.path)||this.tabsList.push(t),!0)},closeLeftTabs(t){const a=this.tabsList.findIndex(s=>s.path==t.path);this.tabsList=this.tabsList.filter((s,i)=>{var e,h;return i>=a||((h=(e=s==null?void 0:s.meta)==null?void 0:e.affix)!=null?h:!1)})},closeRightTabs(t){const a=this.tabsList.findIndex(s=>s.path==t.path);this.tabsList=this.tabsList.filter((s,i)=>{var e,h;return i<=a||((h=(e=s==null?void 0:s.meta)==null?void 0:e.affix)!=null?h:!1)})},closeOtherTabs(t){this.tabsList=this.tabsList.filter(a=>{var s,i;return a.path==t.path||((i=(s=a==null?void 0:a.meta)==null?void 0:s.affix)!=null?i:!1)}),f.removeByOtherRouter(t.path)},closeCurrentTab(t){if(t){f.removeByRouter(t.path);const a=this.tabsList.findIndex(s=>s.path==t.path);a!=-1&&this.tabsList.splice(a,1)}},closeAllTabs(){f.removeAll(),this.tabsList=o(this.tabsList)}}});export{p as u};

dist/assets/use-async.d46b0fc3.js → dist/assets/use-async.86894c8a.js

@@ -1 +1 @@
-import{e as n,B as r}from"./index.764dc161.js";import{S as o}from"./searchs.b637f0d6.js";const g=e=>{const s=n(),t=new o(s.path).get(s.path);r(()=>{e(t)})},i=(e,s="current",a)=>{const t=new o(a.path);t.update({[s]:e},void 0,"form");const c=t.get(a.path);console.log(c,"setTabsCaches")};export{g,i as s};
+import{e as n,B as r}from"./index.9db1cab1.js";import{S as o}from"./searchs.b637f0d6.js";const g=e=>{const s=n(),t=new o(s.path).get(s.path);r(()=>{e(t)})},i=(e,s="current",a)=>{const t=new o(a.path);t.update({[s]:e},void 0,"form");const c=t.get(a.path);console.log(c,"setTabsCaches")};export{g,i as s};

src/api/system/user.ts

@@ -35,23 +35,12 @@ export function login(params: object) {
 }
 
 /**
- * @description: 用户修改密码
- */
-export function changePassword(params: any, uid: any) {
-  return request({
-    url: `/user/u${uid}/changepw`,
-    method: 'POST',
-    params
-  })
-}
-
-/**
  * @description: 用户登出
  */
-export function logout(params: any) {
+export function api_logout(params: any) {
   return request({
-    url: '/login/logout',
-    method: 'POST',
+    url: '/cbs-app/user/logout',
+    method: 'get',
     params
   })
 }

src/layout/components/Header/UpdatePassword.vue

@@ -1,95 +1,105 @@
 <template>
-  <n-modal
-    v-model:show="visiablePassword"
-    style="width: 500px"
-    preset="dialog"
-    :showIcon="false"
-    title="修改密码"
-  >
-    <!-- model={forms} ref={formsRef} label-placement="left" label-width="100" -->
-    <n-form
-      :model="forms"
-      ref="formsRef"
-      label-placement="left"
-      label-width="auto"
-      style="padding-top: 12px"
+  <div>
+    <n-modal
+      v-model:show="visiablePassword"
+      style="width: 500px"
+      preset="dialog"
+      :showIcon="false"
+      title="修改密码"
     >
-      <n-form-item label="手机号" path="phone">
-        <n-input v-model:value="forms.phone" placeholder="请输入手机号" disabled />
-      </n-form-item>
-      <n-form-item
-        label="新密码"
-        path="newPasswordFirst"
-        :rule="[
-          {
-            required: true,
-            message: '请选择输入新密码'
-          },
-          {
-            pattern: /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/,
-            message: '密码为6-20位数字和字母组合',
-            trigger: 'blur'
-          }
-        ]"
+      <!-- model={forms} ref={formsRef} label-placement="left" label-width="100" -->
+      <n-form
+        :model="forms"
+        ref="formsRef"
+        label-placement="left"
+        label-width="auto"
+        style="padding-top: 12px"
       >
-        <n-input
-          v-model:value="forms.newPasswordFirst"
-          type="password"
-          show-password-on="click"
-          placeholder="请选择输入新密码"
-          autocomplete="off"
-        />
-      </n-form-item>
-      <n-form-item
-        label="再次输入"
-        path="newPasswordSecond"
-        :rule="[
-          {
-            validator: validatePass2,
-            trigger: 'blur',
-            required: true
-          }
-        ]"
-      >
-        <n-input
-          v-model:value="forms.newPasswordSecond"
-          type="password"
-          show-password-on="click"
-          placeholder="请再次输入密码"
-          autocomplete="off"
-        />
-      </n-form-item>
-      <n-form-item
-        label="验证码"
-        path="authCode"
-        :rule="[
-          {
-            required: true,
-            message: '请选择输入验证码'
-          }
-        ]"
-      >
-        <n-input-group>
-          <n-input v-model:value="forms.authCode" placeholder="请选择输入验证码" />
-          <n-button type="primary" v-if="!active" @click="onSendCode" :loading="codeLoading">
-            获取验证码
-          </n-button>
-          <n-button type="default" v-else disabled>
-            <n-countdown
-              :render="renderCountdown"
-              :duration="50 * 1000"
-              :active="active"
-              @finish="() => (active = false)"
-            />
-          </n-button>
-        </n-input-group>
-      </n-form-item>
-      <n-space justify="end">
-        <n-button type="default" @click="visiablePassword = false">取消</n-button>
-        <n-button type="primary" :loading="btnLoading" @click="onSubmit">保存</n-button>
-      </n-space>
-    </n-form>
-  </n-modal>
+        <n-form-item label="手机号" path="phone">
+          <n-input v-model:value="forms.phone" placeholder="请输入手机号" disabled />
+        </n-form-item>
+        <n-form-item
+          label="新密码"
+          path="newPasswordFirst"
+          :rule="[
+            {
+              required: true,
+              message: '请选择输入新密码'
+            },
+            {
+              pattern: /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/,
+              message: '密码为6-20位数字和字母组合',
+              trigger: 'blur'
+            }
+          ]"
+        >
+          <n-input
+            v-model:value="forms.newPasswordFirst"
+            type="password"
+            show-password-on="click"
+            placeholder="请选择输入新密码"
+            autocomplete="off"
+          />
+        </n-form-item>
+        <n-form-item
+          label="再次输入"
+          path="newPasswordSecond"
+          :rule="[
+            {
+              validator: validatePass2,
+              trigger: 'blur',
+              required: true
+            }
+          ]"
+        >
+          <n-input
+            v-model:value="forms.newPasswordSecond"
+            type="password"
+            show-password-on="click"
+            placeholder="请再次输入密码"
+            autocomplete="off"
+          />
+        </n-form-item>
+        <n-form-item
+          label="验证码"
+          path="authCode"
+          :rule="[
+            {
+              required: true,
+              message: '请选择输入验证码'
+            }
+          ]"
+        >
+          <n-input-group>
+            <n-input v-model:value="forms.authCode" placeholder="请选择输入验证码" />
+            <n-button type="primary" v-if="!active" @click="onSendCode" :loading="codeLoading">
+              获取验证码
+            </n-button>
+            <n-button type="default" v-else disabled>
+              <n-countdown
+                :render="renderCountdown"
+                :duration="50 * 1000"
+                :active="active"
+                @finish="() => (active = false)"
+              />
+            </n-button>
+          </n-input-group>
+        </n-form-item>
+        <n-space justify="end">
+          <n-button type="default" @click="visiablePassword = false">取消</n-button>
+          <n-button type="primary" :loading="btnLoading" @click="onSubmit">保存</n-button>
+        </n-space>
+      </n-form>
+    </n-modal>
+    <n-modal v-model:show="showSmsClass" style="">
+      <SmsLogin
+        :phone="forms.phone"
+        type="PASSWORD"
+        @close="() => (showSmsClass = false)"
+        @sendCode="() => (active = true)"
+      />
+    </n-modal>
+  </div>
 </template>
 
 <script lang="ts">
@@ -99,9 +109,13 @@ import { useUserStore } from '@/store/modules/user'
 import { userUpdateInfo, sendSms, updatePassword } from '@/api/system/user'
 import { TABS_ROUTES } from '@/store/mutation-types'
 import { useRoute, useRouter } from 'vue-router'
+import SmsLogin from '../smsLogin'
 
 export default defineComponent({
   emits: ['updateInfo'],
+  components: {
+    SmsLogin
+  },
   setup(props, { emit }) {
     const userStore = useUserStore()
     const message = useMessage()
@@ -112,6 +126,7 @@ export default defineComponent({
     const state = reactive({
       visiablePassword: false,
       btnLoading: false,
+      showSmsClass: false,
       codeLoading: false,
       forms: {
         phone: null,
@@ -155,6 +170,7 @@ export default defineComponent({
         state.codeLoading = false
         state.active = true
         message.success('发送成功')
+        // state.showSmsClass = true
       } catch (e) {
         state.codeLoading = false
       }

src/layout/components/smsLogin/api.ts

@@ -0,0 +1,24 @@
+import request from '@/utils/request/index'
+
+/**
+ * 发送验证码
+ */
+export const sendSmsVerify = (params: any) => {
+  return request({
+    url: '/edu-app/open/sendSmsVerify',
+    method: 'post',
+    requestType: 'form',
+    data: params
+  } as any)
+}
+
+/**
+ * @description: 图片验证码
+ */
+export const sendImgCode = (params: object) => {
+  return request({
+    url: '/edu-app/open/sendImgCode',
+    method: 'get',
+    params
+  } as any)
+}

src/layout/components/smsLogin/index.module.less

@@ -0,0 +1,70 @@
+.downMove {
+  width: 413px;
+  background: #FFFFFF;
+  border-radius: 16px !important;
+  position: relative;
+  padding: 0 30px 35px;
+
+  .downMoveBg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 413px;
+    height: 101px;
+  }
+
+  .closeAble {
+    cursor: pointer;
+    width: 25px;
+    height: 25px;
+    position: absolute;
+    top: 18px;
+    right: 20px;
+    z-index: 100;
+  }
+
+  h2 {
+    margin-top: 24px;
+    height: 33px;
+    font-size: 18px;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    font-weight: 600;
+    color: #131415;
+    line-height: 33px;
+    text-align: center;
+    margin-bottom: 15px;
+    position: relative;
+    z-index: 99;
+  }
+
+  .smsForm {
+    padding-top: 20px;
+  }
+
+
+  .smsImg {
+    width: 100%;
+    height: 44px;
+    cursor: pointer;
+  }
+
+  .imgChange {
+    cursor: pointer;
+    display: block;
+    text-align: center;
+    font-size: 12Px;
+    color: #198CFE;
+    line-height: 17px;
+  }
+
+  .btnGroup {
+    border-top: 1px solid #F2F2F2;
+    padding-top: 25px;
+    margin-top: 20px;
+  }
+
+  .btn {
+    width: 150px;
+    // height: 44px;
+  }
+}

src/layout/components/smsLogin/index.tsx

@@ -0,0 +1,123 @@
+import { defineComponent, onMounted, reactive, ref } from 'vue'
+import styles from './index.module.less'
+import smsTop from './sms-top.png'
+import closeAble from './closeAble.png'
+import { NButton, NForm, NFormItem, NGi, NGrid, NImage, NInput, NSpace } from 'naive-ui'
+import { sendImgCode, sendSmsVerify } from './api'
+
+export default defineComponent({
+  name: 'sendSms',
+  props: {
+    phone: {
+      type: String,
+      default: ''
+    },
+    clientId: {
+      type: String,
+      default: 'cooleshow-teacher'
+    },
+    type: {
+      type: String,
+      default: 'LOGIN'
+    }
+  },
+  emits: ['close', 'sendCode'],
+  setup(props, { emit }) {
+    const state = reactive({
+      identifyingCode: null as any,
+      code: null as any
+    })
+    const formRef = ref()
+
+    const getSendImgCode = async () => {
+      const { data } = await sendImgCode({ phone: props.phone })
+      state.identifyingCode = data
+    }
+
+    const onSubmit = async () => {
+      formRef.value.validate(async (errors: any) => {
+        if (errors) return
+
+        try {
+          await sendSmsVerify({
+            code: state.code,
+            clientId: props.clientId,
+            type: props.type,
+            mobile: props.phone
+          })
+
+          emit('close')
+          emit('sendCode')
+        } catch {
+          state.code = ''
+          setTimeout(() => {
+            getSendImgCode()
+          }, 500)
+        }
+      })
+    }
+
+    onMounted(() => {
+      getSendImgCode()
+    })
+    return () => (
+      <div class={styles.downMove}>
+        <img src={smsTop} class={styles.downMoveBg} alt="" />
+        <img
+          src={closeAble}
+          class={styles.closeAble}
+          onClick={() => {
+            emit('close')
+          }}
+          alt=""
+        />
+        <h2>请输入图形验证码</h2>
+
+        <NForm class={styles.smsForm} ref={formRef} model={state}>
+          <NGrid xGap={12}>
+            <NGi span={15}>
+              <NFormItem
+                showLabel={false}
+                path="code"
+                rule={[
+                  {
+                    required: true,
+                    message: '请输入图形验证码',
+                    trigger: ['blur', 'input']
+                  }
+                ]}
+              >
+                <NInput placeholder="图形验证码" v-model:value={state.code} size="large" />
+              </NFormItem>
+            </NGi>
+            <NGi span={9}>
+              <div onClick={getSendImgCode}>
+                <NImage class={styles.smsImg} lazy previewDisabled src={state.identifyingCode} />
+              </div>
+
+              <span class={styles.imgChange} onClick={getSendImgCode}>
+                看不清？换一换
+              </span>
+            </NGi>
+          </NGrid>
+        </NForm>
+
+        <NSpace class={styles.btnGroup} justify="center">
+          <NButton
+            class={[styles.btn, styles.cancelBtn]}
+            round
+            type="default"
+            onClick={() => {
+              emit('close')
+            }}
+          >
+            取消
+          </NButton>
+          <NButton class={[styles.btn, styles.submitBtn]} onClick={onSubmit} round type="primary">
+            确定
+          </NButton>
+        </NSpace>
+      </div>
+    )
+  }
+})

src/store/modules/user.ts

@@ -3,7 +3,7 @@ import { store } from '@/store'
 import { ACCESS_TOKEN, CURRENT_USER, IM_TOKEN } from '@/store/mutation-types'
 import { ResultEnum } from '@/enums/httpEnum'
 
-import { getUserInfo, login } from '@/api/system/user'
+import { getUserInfo, login, api_logout } from '@/api/system/user'
 import { storage } from '@/utils/storage'
 
 export interface IUserState {
@@ -101,6 +101,24 @@ export const useUserStore = defineStore({
 
     // 登出
     async logout() {
+      // try {
+      //   const response = (await login(userInfo)) as any
+      //   const { data, code } = response
+      //   if (code === ResultEnum.SUCCESS) {
+      //     const ex = 7 * 24 * 60 * 60 * 1000
+      //     storage.set(ACCESS_TOKEN, data.token_type + ' ' + data.access_token, ex)
+      //     storage.set(CURRENT_USER, data, ex)
+      //     this.setToken(data.token_type + ' ' + data.access_token)
+      //     this.setImToken(data.imToken)
+      //     this.setUserInfo(data)
+      //   }
+      //   return Promise.resolve(response)
+      // } catch (e) {
+      //   return Promise.reject(e)
+      // }
+      try {
+        await api_logout({})
+      } catch {}
       this.setPermissions([])
       this.setUserInfo('')
       storage.remove(ACCESS_TOKEN)

src/views/music-library/api.ts

@@ -79,6 +79,17 @@ export const musicSheetSave = (params: object) => {
 }
 
 /**
+ * @description: 乐谱保存生成图片
+ */
+export const musicSheetImg = (params: object) => {
+  return request({
+    url: '/cbs-app/musicSheet/img',
+    method: 'post',
+    data: params
+  } as any)
+}
+
+/**
  * @description: 乐谱删除
  */
 export const musicSheetRemove = (params: object) => {
@@ -101,7 +112,6 @@ export const musicSheetDetail = (params?: any) => {
   } as any)
 }
 
-
 /**
  * @description: 乐谱-启用-停用
  */
@@ -125,10 +135,8 @@ export const musicSheetPageByApplication = (params?: any) => {
   } as any)
 }
 
-
 //---
 
-
 /**
  * @description: 曲谱分类
  * @param params
@@ -181,7 +189,7 @@ export const musicSheetCategoriesUpdate = (params: object) => {
 export const musicSheetCategoriesRemove = (id: object) => {
   return request({
     url: '/cbs-app/musicSheetCategories/remove?id=' + id,
-    method: 'post',
+    method: 'post'
   } as any)
 }
 
@@ -197,7 +205,6 @@ export const musicSheetCategoriesDetail = (params?: any) => {
   } as any)
 }
 
-
 /**
  *  @description: 曲谱分类详情
  * @param params
@@ -222,7 +229,6 @@ export const musicSheetApplicationOwnerList = (params?: any) => {
   } as any)
 }
 
-
 /**
  *  @description: 适用项目保存
  * @param params
@@ -294,7 +300,6 @@ export const musicSheetApplicationExtendUpdate = (params?: any) => {
   } as any)
 }
 
-
 /**
  *  @description: 曲目标签列表
  * @param params
@@ -324,6 +329,6 @@ export const musicSheetApplicationExtendStatus = (params?: any) => {
 export const musicSheetApplicationApplicationInfo = (musicSheetId?: any) => {
   return request({
     url: '/cbs-app/musicSheetApplicationExtend/applicationInfo/' + musicSheetId,
-    method: 'post',
+    method: 'post'
   } as any)
 }

src/views/music-library/music-sheet/component/music-list.module.less

@@ -0,0 +1,17 @@
+.productModal {
+  width: auto !important;
+  height: auto !important;
+  max-width: initial !important;
+
+  :global {
+    .n-dialog .n-dialog__content {
+      height: 100%;
+    }
+  }
+}
+
+.productIframe {
+  width: 1000px;
+  height: 80vh;
+  border: none;
+}

src/views/music-library/music-sheet/component/music-list.tsx

@@ -1,22 +1,46 @@
 import SaveForm from '@/components/save-form'
 import Pagination from '@/components/pagination'
-import {DataTableRowKey, NButton, NDataTable, NFormItem, NIcon, NImage, NInput, NModal, NSelect, NSpace, NTag, useDialog, useMessage} from 'naive-ui'
-import {defineComponent, onMounted, reactive, ref, watch} from 'vue'
-import {musicSheetApplicationOwnerList, musicSheetPage, musicSheetRemove, musicSheetStatusList, musicTagPage} from '../../api'
+import {
+  DataTableRowKey,
+  NButton,
+  NDataTable,
+  NFormItem,
+  NIcon,
+  NImage,
+  NInput,
+  NModal,
+  NSelect,
+  NSpace,
+  NTag,
+  useDialog,
+  useMessage
+} from 'naive-ui'
+import { defineComponent, onMounted, onUnmounted, reactive, ref, watch } from 'vue'
+import {
+  musicSheetApplicationOwnerList,
+  musicSheetPage,
+  musicSheetRemove,
+  musicSheetImg,
+  musicSheetStatusList,
+  musicTagPage
+} from '../../api'
 import MusicOperation from '../modal/music-operation'
-import {subjectPage} from '@/views/system-manage/api'
+import { subjectPage } from '@/views/system-manage/api'
 import MusicPreView from '../modal/musicPreView'
-import UseProject from "@views/music-library/music-sheet/modal/use-project";
-import {getMapValueByKey} from "@/utils/filters";
-import {appKey, musicSheetSourceType, musicSheetType} from "@/utils/constant";
-import {getSelectDataFromObj} from "@/utils/objectUtil";
-import {sysApplicationPage} from "@views/menu-manage/api";
-import {getOwnerName} from "@views/music-library/musicUtil";
+import UseProject from '@views/music-library/music-sheet/modal/use-project'
+import { getMapValueByKey } from '@/utils/filters'
+import { appKey, musicSheetSourceType, musicSheetType } from '@/utils/constant'
+import { getSelectDataFromObj } from '@/utils/objectUtil'
+import { sysApplicationPage } from '@views/menu-manage/api'
+import { getOwnerName } from '@views/music-library/musicUtil'
+import styles from './music-list.module.less'
+import { api_uploadFile } from '@/plugins/uploadFile'
+import MusicCreateImg from '../modal/music-create-img'
 
 export default defineComponent({
   name: 'music-list',
   props: ['searchId'],
-  setup(props, {emit}) {
+  setup(props, { emit }) {
     const dialog = useDialog()
     const message = useMessage()
     const state = reactive({
@@ -36,7 +60,7 @@ export default defineComponent({
         useAppId: null, //适用项目ID
         status: null, //曲目状态（0：停用，1：启用）
         appAuditFlag: null, //是否审核版本
-        categoriesId: null, //是否审核版本
+        categoriesId: null //是否审核版本
       },
       dataList: [] as any,
       subjectList: [] as any,
@@ -53,6 +77,8 @@ export default defineComponent({
       detailReadonly: false, // 新增、修改、详情是否可编辑
       userIdDisable: true, // 所属人
       userIdData: [] as any, // 所属人数据列表
+      productOpen: false,
+      productItem: {} as any
     })
 
     const columns = (): any => {
@@ -74,7 +100,7 @@ export default defineComponent({
           title: '封面图',
           key: 'titleImg',
           render(row: any): JSX.Element {
-            return <NImage width={60} height={60} src={row.musicCover}/>
+            return <NImage width={60} height={60} src={row.musicCover} />
           }
         },
         {
@@ -87,21 +113,21 @@ export default defineComponent({
           minWidth: '100px',
           key: 'musicSheetType',
           render(row: any) {
-            return getMapValueByKey(row.musicSheetType, new Map(Object.entries(musicSheetType)));
+            return getMapValueByKey(row.musicSheetType, new Map(Object.entries(musicSheetType)))
           }
         },
         {
           title: '可用声部',
           minWidth: '100px',
           maxWidth: '300px',
-          key: 'subjectNames',
+          key: 'subjectNames'
         },
         {
           title: '作者属性',
           minWidth: '100px',
           key: 'sourceType',
           render(row: any) {
-            return getMapValueByKey(row.sourceType, new Map(Object.entries(musicSheetSourceType)));
+            return getMapValueByKey(row.sourceType, new Map(Object.entries(musicSheetSourceType)))
           }
         },
         {
@@ -136,25 +162,31 @@ export default defineComponent({
           key: 'projectName',
           render(row: any) {
             return (
-                <NSpace>
-                  <NButton type="primary"
-                           size="small"
-                           text
-                           onClick={() => {
-                             state.showUseProject = true
-                             state.showUseProjectId = row.id
-                           }}
-                  >
-                    {row.musicSheetExtend && row.musicSheetExtend.useApplicationNames ? row.musicSheetExtend.useApplicationNames : ""}
+              <NSpace>
+                <NButton
+                  type="primary"
+                  size="small"
+                  text
+                  onClick={() => {
+                    state.showUseProject = true
+                    state.showUseProjectId = row.id
+                  }}
+                >
+                  {row.musicSheetExtend && row.musicSheetExtend.useApplicationNames
+                    ? row.musicSheetExtend.useApplicationNames
+                    : ''}
 
-                    <NIcon size={15} style="padding-left: 9px">
-                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-                        <path d="M2 26h28v2H2z" fill="currentColor"></path>
-                        <path d="M25.4 9c.8-.8.8-2 0-2.8l-3.6-3.6c-.8-.8-2-.8-2.8 0l-15 15V24h6.4l15-15zm-5-5L24 7.6l-3 3L17.4 7l3-3zM6 22v-3.6l10-10l3.6 3.6l-10 10H6z" fill="currentColor"></path>
-                      </svg>
-                    </NIcon>
-                  </NButton>
-                </NSpace>
+                  <NIcon size={15} style="padding-left: 9px">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+                      <path d="M2 26h28v2H2z" fill="currentColor"></path>
+                      <path
+                        d="M25.4 9c.8-.8.8-2 0-2.8l-3.6-3.6c-.8-.8-2-.8-2.8 0l-15 15V24h6.4l15-15zm-5-5L24 7.6l-3 3L17.4 7l3-3zM6 22v-3.6l10-10l3.6 3.6l-10 10H6z"
+                        fill="currentColor"
+                      ></path>
+                    </svg>
+                  </NIcon>
+                </NButton>
+              </NSpace>
             )
           }
         },
@@ -164,7 +196,7 @@ export default defineComponent({
           key: 'status',
           render(row: any) {
             return (
-                <NTag type={row.status ? 'primary' : 'default'}>{row.status ? '启用' : '停用'}</NTag>
+              <NTag type={row.status ? 'primary' : 'default'}>{row.status ? '启用' : '停用'}</NTag>
             )
           }
         },
@@ -175,75 +207,78 @@ export default defineComponent({
           width: '300px',
           render(row: any) {
             return (
-                <NSpace>
-                  <NButton
-                      type="primary"
-                      size="small"
-                      text
-                      onClick={() => {
-                        state.musicPreview = true
-                        state.musicScore = row
-                      }}
-                  >
-                    预览
-                  </NButton>
-                  <NButton
-                      type="primary"
-                      size="small"
-                      text
-                      //v-auth="musicSheet/update1602302618558099458"
-                      onClick={() => {
-                        state.visiableMusic = true
-                        state.musicOperation = 'preview'
-                        state.musicData = row
-                        state.detailReadonly = true
-                      }}
-                  >
-                    查看
-                  </NButton>
-                  <NButton
-                      type="primary"
-                      size="small"
-                      text
-                      //v-auth="musicSheet/update1602302618558099458"
-                      onClick={() => {
-                        state.visiableMusic = true
-                        state.musicOperation = 'edit'
-                        state.musicData = row
-                        state.detailReadonly = true
-                      }}
-                  >
-                    修改
-                  </NButton>
-                  <NButton
-                      type="primary"
-                      size="small"
-                      text
-                      //v-auth="musicSheet/status1612431726029942786"
-                      onClick={() => onChangeStatus(row)}
-                  >
-                    {row.status ? '停用' : '启用'}
-                  </NButton>
-                  <NButton
-                      type="primary"
-                      size="small"
-                      text
-                      onClick={() => {
-                      }}
-                  >
-                    生成图片
-                  </NButton>
-                  <NButton
-                      type="primary"
-                      size="small"
-                      text
-                      disabled={!!row.status}
-                      onClick={() => onRmove(row)}
-                      //v-auth="musicSheet/remove1602302689404088321"
-                  >
-                    删除
-                  </NButton>
-                  {/* <NButton
+              <NSpace>
+                <NButton
+                  type="primary"
+                  size="small"
+                  text
+                  onClick={() => {
+                    state.musicPreview = true
+                    state.musicScore = row
+                  }}
+                >
+                  预览
+                </NButton>
+                <NButton
+                  type="primary"
+                  size="small"
+                  text
+                  //v-auth="musicSheet/update1602302618558099458"
+                  onClick={() => {
+                    state.visiableMusic = true
+                    state.musicOperation = 'preview'
+                    state.musicData = row
+                    state.detailReadonly = true
+                  }}
+                >
+                  查看
+                </NButton>
+                <NButton
+                  type="primary"
+                  size="small"
+                  text
+                  //v-auth="musicSheet/update1602302618558099458"
+                  onClick={() => {
+                    state.visiableMusic = true
+                    state.musicOperation = 'edit'
+                    state.musicData = row
+                    state.detailReadonly = true
+                  }}
+                >
+                  修改
+                </NButton>
+                <NButton
+                  type="primary"
+                  size="small"
+                  text
+                  //v-auth="musicSheet/status1612431726029942786"
+                  onClick={() => onChangeStatus(row)}
+                >
+                  {row.status ? '停用' : '启用'}
+                </NButton>
+                <NButton
+                  type="primary"
+                  size="small"
+                  text
+                  onClick={() => {
+                    state.productOpen = true
+                    state.productItem = row
+                    // handleAutoProduct(row)
+                  }}
+                >
+                  生成图片
+                </NButton>
+                <NButton
+                  type="primary"
+                  size="small"
+                  text
+                  disabled={!!row.status}
+                  onClick={() => onRmove(row)}
+                  //v-auth="musicSheet/remove1602302689404088321"
+                >
+                  删除
+                </NButton>
+                {/* <NButton
                   type="primary"
                   size="small"
                   text
@@ -252,7 +287,7 @@ export default defineComponent({
                 >
                   {row.topFlag ? '取消置顶' : '置顶'}
                 </NButton> */}
-                </NSpace>
+              </NSpace>
             )
           }
         }
@@ -279,16 +314,15 @@ export default defineComponent({
             })
             getList()
             message.success(`${statusStr}成功`)
-          } catch {
-          }
+          } catch {}
         }
       })
     }
 
     const onBatchChangeStatus = (status: boolean) => {
-      const length = checkedRowKeysRef.value.length;
+      const length = checkedRowKeysRef.value.length
       if (length == 0) {
-        message.warning("未选择数据")
+        message.warning('未选择数据')
       }
       const statusStr = !status ? '停用' : '启用'
       dialog.warning({
@@ -304,8 +338,7 @@ export default defineComponent({
             })
             getList()
             message.success(`${statusStr}成功`)
-          } catch {
-          }
+          } catch {}
         }
       })
     }
@@ -317,7 +350,12 @@ export default defineComponent({
       state.userIdData = []
       state.searchForm.userId = null
       if (sourceType && sourceType !== 'PLATFORM') {
-        const {data} = await musicSheetApplicationOwnerList({page: 1, rows: 9999, sourceType: sourceType, applicationId: state.searchForm.useAppId})
+        const { data } = await musicSheetApplicationOwnerList({
+          page: 1,
+          rows: 9999,
+          sourceType: sourceType,
+          applicationId: state.searchForm.useAppId
+        })
         const temp = data.rows || []
         temp.forEach((next: any) => {
           state.userIdData.push({
@@ -336,11 +374,10 @@ export default defineComponent({
         negativeText: '取消',
         onPositiveClick: async () => {
           try {
-            await musicSheetRemove({id: row.id})
+            await musicSheetRemove({ id: row.id })
             getList()
             message.success('删除成功')
-          } catch {
-          }
+          } catch {}
         }
       })
     }
@@ -348,26 +385,24 @@ export default defineComponent({
     const getList = async () => {
       try {
         state.loading = true
-        const {data} = await musicSheetPage({...state.pagination, ...state.searchForm})
+        const { data } = await musicSheetPage({ ...state.pagination, ...state.searchForm })
         state.pagination.pageTotal = Number(data.total)
         state.dataList = data.rows || []
-      } catch {
-      }
+      } catch {}
       state.loading = false
     }
 
     // 获取标签
     const getTagList = async () => {
       try {
-        const {data} = await musicTagPage({page: 1, rows: 999})
+        const { data } = await musicTagPage({ page: 1, rows: 999 })
         const tempList = data.rows || []
         tempList.forEach((item: any) => {
           item.label = item.name
           item.value = item.id
         })
         state.tagList = tempList
-      } catch {
-      }
+      } catch {}
     }
 
     // 获取分类
@@ -382,27 +417,26 @@ export default defineComponent({
     // 获取声部
     const initSubjectList = async () => {
       try {
-        const {data} = await subjectPage({page: 1, rows: 999})
+        const { data } = await subjectPage({ page: 1, rows: 999 })
         const tempList = data.rows || []
         tempList.forEach((item: any) => {
           item.label = item.name
           item.value = item.id + ''
         })
         state.subjectList = tempList
-      } catch {
-      }
+      } catch {}
     }
 
     // app列表
     const initUseAppList = async () => {
       try {
-        const appKeys = Object.keys(appKey);
-        const {data} = await sysApplicationPage({page: 1, rows: 999})
+        const appKeys = Object.keys(appKey)
+        const { data } = await sysApplicationPage({ page: 1, rows: 999 })
         const tempList = data.rows || []
         state.useProjectData = []
         const filter = tempList.filter((next: any) => {
           return appKeys.includes(next.appKey)
-        });
+        })
         filter.forEach((item: any) => {
           state.useProjectData.push({
             ...item,
@@ -410,8 +444,7 @@ export default defineComponent({
             value: item.id
           })
         })
-      } catch {
-      }
+      } catch {}
     }
 
     const saveForm = ref()
@@ -420,10 +453,10 @@ export default defineComponent({
       getList()
     }
     watch(
-        () => props.searchId,
-        (val) => {
-          console.log(val, 'searchId')
-        }
+      () => props.searchId,
+      (val) => {
+        console.log(val, 'searchId')
+      }
     )
     const onSearch = () => {
       saveForm.value?.submit()
@@ -446,248 +479,272 @@ export default defineComponent({
     })
 
     return () => (
-        <div class="system-menu-container">
-          <SaveForm
-              ref={saveForm}
-              model={state.searchForm}
-              onSubmit={onSubmit}
-              saveKey="music-list"
-              onSetModel={(val: any) => (state.searchForm = val)}
-          >
-            <NFormItem label="关键词" path="keyword">
-              <NInput
-                  placeholder="曲目编号/名称"
-                  v-model:value={state.searchForm.keyword}
-                  clearable
-              />
-            </NFormItem>
-            <NFormItem label="曲目类型" path="musicSheetType">
-              <NSelect
-                  placeholder="请选择曲目类型"
-                  v-model:value={state.searchForm.musicSheetType}
-                  options={getSelectDataFromObj(musicSheetType)}
-                  clearable
-              />
-            </NFormItem>
-            <NFormItem label="可用声部" path="musicSubject">
-              <NSelect
-                  placeholder="请选择可用声部"
-                  v-model:value={state.searchForm.subjectId}
-                  options={state.subjectList}
-                  clearable
-              />
-            </NFormItem>
-            <NFormItem label="音乐人" path="composer">
-              <NInput
-                  placeholder="请选择音乐人"
-                  v-model:value={state.searchForm.composer}
-                  clearable
-              />
-            </NFormItem>
-            <NFormItem label="作者属性" path="sourceType">
-              <NSelect
-                  placeholder="请选择作者属性"
-                  v-model:value={state.searchForm.sourceType}
-                  options={getSelectDataFromObj(musicSheetSourceType)}
-                  onUpdateValue={async (value: any) => {
-                    state.userIdData = []
-                    state.searchForm.userId = null
-                    if (value && value !== 'PLATFORM') {
-                      await updateUserIdData(value);
-                      state.userIdDisable = !state.searchForm.useAppId;
-                    } else {
-                      state.userIdDisable = true
-                    }
-                  }}
-                  clearable
-              />
-            </NFormItem>
-            <NFormItem label="适用项目" path="app">
-              <NSelect
-                  placeholder="请选择适用项目"
-                  v-model:value={state.searchForm.useAppId}
-                  options={state.useProjectData}
-                  clearable
-                  onUpdateValue={async (value: any) => {
-                    state.searchForm.useAppId = value
-                    if (value) {
-                      await updateUserIdData(state.searchForm.sourceType);
-                      state.userIdDisable = !(state.searchForm.sourceType && state.searchForm.sourceType !=='PLATFORM');
-                    } else {
-                      state.searchForm.userId = null
-                      state.userIdDisable = true
-                      state.userIdData = []
-                    }
-                  }}
-              />
-            </NFormItem>
-            <NFormItem label="所属人" path="author">
-              <NSelect
-                  filterable
-                  placeholder="请选择所属人"
-                  disabled={state.userIdDisable}
-                  v-model:value={state.searchForm.userId}
-                  options={state.userIdData}
-                  clearable
-              >
-              </NSelect>
-            </NFormItem>
-            <NFormItem label="状态" path="status">
-              <NSelect
-                  v-model={[state.searchForm.status, 'value']}
-                  placeholder="请选择状态"
-                  clearable
-                  options={
-                    [
-                      {
-                        label: '启用',
-                        value: true
-                      },
-                      {
-                        label: '停用',
-                        value: false
-                      }
-                    ] as any
+      <div class="system-menu-container">
+        <SaveForm
+          ref={saveForm}
+          model={state.searchForm}
+          onSubmit={onSubmit}
+          saveKey="music-list"
+          onSetModel={(val: any) => (state.searchForm = val)}
+        >
+          <NFormItem label="关键词" path="keyword">
+            <NInput
+              placeholder="曲目编号/名称"
+              v-model:value={state.searchForm.keyword}
+              clearable
+            />
+          </NFormItem>
+          <NFormItem label="曲目类型" path="musicSheetType">
+            <NSelect
+              placeholder="请选择曲目类型"
+              v-model:value={state.searchForm.musicSheetType}
+              options={getSelectDataFromObj(musicSheetType)}
+              clearable
+            />
+          </NFormItem>
+          <NFormItem label="可用声部" path="musicSubject">
+            <NSelect
+              placeholder="请选择可用声部"
+              v-model:value={state.searchForm.subjectId}
+              options={state.subjectList}
+              clearable
+            />
+          </NFormItem>
+          <NFormItem label="音乐人" path="composer">
+            <NInput
+              placeholder="请选择音乐人"
+              v-model:value={state.searchForm.composer}
+              clearable
+            />
+          </NFormItem>
+          <NFormItem label="作者属性" path="sourceType">
+            <NSelect
+              placeholder="请选择作者属性"
+              v-model:value={state.searchForm.sourceType}
+              options={getSelectDataFromObj(musicSheetSourceType)}
+              onUpdateValue={async (value: any) => {
+                state.userIdData = []
+                state.searchForm.userId = null
+                if (value && value !== 'PLATFORM') {
+                  await updateUserIdData(value)
+                  state.userIdDisable = !state.searchForm.useAppId
+                } else {
+                  state.userIdDisable = true
+                }
+              }}
+              clearable
+            />
+          </NFormItem>
+          <NFormItem label="适用项目" path="app">
+            <NSelect
+              placeholder="请选择适用项目"
+              v-model:value={state.searchForm.useAppId}
+              options={state.useProjectData}
+              clearable
+              onUpdateValue={async (value: any) => {
+                state.searchForm.useAppId = value
+                if (value) {
+                  await updateUserIdData(state.searchForm.sourceType)
+                  state.userIdDisable = !(
+                    state.searchForm.sourceType && state.searchForm.sourceType !== 'PLATFORM'
+                  )
+                } else {
+                  state.searchForm.userId = null
+                  state.userIdDisable = true
+                  state.userIdData = []
+                }
+              }}
+            />
+          </NFormItem>
+          <NFormItem label="所属人" path="author">
+            <NSelect
+              filterable
+              placeholder="请选择所属人"
+              disabled={state.userIdDisable}
+              v-model:value={state.searchForm.userId}
+              options={state.userIdData}
+              clearable
+            ></NSelect>
+          </NFormItem>
+          <NFormItem label="状态" path="status">
+            <NSelect
+              v-model={[state.searchForm.status, 'value']}
+              placeholder="请选择状态"
+              clearable
+              options={
+                [
+                  {
+                    label: '启用',
+                    value: true
+                  },
+                  {
+                    label: '停用',
+                    value: false
                   }
-              />
-            </NFormItem>
-            <NFormItem label="审核版本" path="appAuditFlag">
-              <NSelect
-                  v-model={[state.searchForm.appAuditFlag, 'value']}
-                  placeholder="请选择审核版本"
-                  clearable
-                  options={
-                    [
-                      {
-                        label: '是',
-                        value: 1
-                      },
-                      {
-                        label: '否',
-                        value: 0
-                      }
-                    ] as any
+                ] as any
+              }
+            />
+          </NFormItem>
+          <NFormItem label="审核版本" path="appAuditFlag">
+            <NSelect
+              v-model={[state.searchForm.appAuditFlag, 'value']}
+              placeholder="请选择审核版本"
+              clearable
+              options={
+                [
+                  {
+                    label: '是',
+                    value: 1
+                  },
+                  {
+                    label: '否',
+                    value: 0
                   }
-              />
-            </NFormItem>
-            <NFormItem>
-              <NSpace>
-                <NButton type="primary" onClick={onSearch}>
-                  搜索
-                </NButton>
-                <NButton type="default" onClick={onBtnReset}>
-                  重置
-                </NButton>
-              </NSpace>
-            </NFormItem>
-          </SaveForm>
-          <div class={['section-container']}>
-            <NSpace style={{paddingBottom: '12px'}}>
-              <NButton
-                  type="primary"
-                  //v-auth="musicSheet/save1602302550719426561"
-                  onClick={() => {
-                    state.visiableMusic = true
-                    state.musicOperation = 'add'
-                    state.musicData = {}
-                    state.detailReadonly = true
-                  }}
-              >
-                新增曲目
-              </NButton>
-              <NButton
-                  disabled={checkedRowKeysRef.value.length == 0}
-                  //v-auth="musicSheet/save1602302550719426561"
-                  onClick={() => {
-                    // state.musicOperation = 'unable'
-                    // state.musicData = {}
-                    onBatchChangeStatus(false)
-                  }}
-              >
-                批量停用
+                ] as any
+              }
+            />
+          </NFormItem>
+          <NFormItem>
+            <NSpace>
+              <NButton type="primary" onClick={onSearch}>
+                搜索
               </NButton>
-              <NButton
-                  disabled={checkedRowKeysRef.value.length == 0}
-                  //v-auth="musicSheet/save1602302550719426561"
-                  onClick={() => {
-                    onBatchChangeStatus(true)
-                    // state.musicOperation = 'enable'
-                    // state.musicData = {}
-                  }}
-              >
-                批量启用
+              <NButton type="default" onClick={onBtnReset}>
+                重置
               </NButton>
             </NSpace>
-
-            <NDataTable
-                loading={state.loading}
-                columns={columns()}
-                data={state.dataList}
-                rowKey={(row: any) => row.id}
-                onUpdateCheckedRowKeys={handleCheck}
-                scrollX={'2000'}
-            ></NDataTable>
-            <Pagination
-                v-model:page={state.pagination.page}
-                v-model:pageSize={state.pagination.rows}
-                v-model:pageTotal={state.pagination.pageTotal}
-                onList={getList}
-                sync
-                saveKey="music-list"
-            ></Pagination>
-          </div>
-          <NModal
-              v-model:show={state.visiableMusic}
-              preset="dialog"
-              showIcon={false}
-              maskClosable={false}
-              title={() => {
-                if (state.musicOperation === 'add') {
-                  return '添加曲目';
-                } else if (state.musicOperation === 'preview') {
-                  return '曲目详情';
-                }
-                return '修改曲目';
+          </NFormItem>
+        </SaveForm>
+        <div class={['section-container']}>
+          <NSpace style={{ paddingBottom: '12px' }}>
+            <NButton
+              type="primary"
+              //v-auth="musicSheet/save1602302550719426561"
+              onClick={() => {
+                state.visiableMusic = true
+                state.musicOperation = 'add'
+                state.musicData = {}
+                state.detailReadonly = true
               }}
-              style={{width: '980px'}}
-          >
-            <MusicOperation
-                type={state.musicOperation}
-                data={state.musicData}
-                subjectList={state.subjectList}
-                // musicSheetCategories={state.musicSheetCategories}
-                // tagList={state.tagList}
-                onClose={() => (state.visiableMusic = false)}
-                onGetList={getList}
-            />
-          </NModal>
-          <NModal
-              blockScroll={true}
-              v-model:show={state.musicPreview}
-              preset="dialog"
-              showIcon={false}
-              title={'曲目预览'}
-              style={{width: 'auto'}}
-          >
-            <MusicPreView item={state.musicScore}/>
-          </NModal>
+            >
+              新增曲目
+            </NButton>
+            <NButton
+              disabled={checkedRowKeysRef.value.length == 0}
+              //v-auth="musicSheet/save1602302550719426561"
+              onClick={() => {
+                // state.musicOperation = 'unable'
+                // state.musicData = {}
+                onBatchChangeStatus(false)
+              }}
+            >
+              批量停用
+            </NButton>
+            <NButton
+              disabled={checkedRowKeysRef.value.length == 0}
+              //v-auth="musicSheet/save1602302550719426561"
+              onClick={() => {
+                onBatchChangeStatus(true)
+                // state.musicOperation = 'enable'
+                // state.musicData = {}
+              }}
+            >
+              批量启用
+            </NButton>
+          </NSpace>
 
-          <NModal
-              blockScroll={true}
-              v-model:show={state.showUseProject}
-              preset="dialog"
-              showIcon={false}
-              title={'适用项目'}
-              style={{width: '500px'}}
-          >
-            <UseProject
-                id={state.showUseProjectId}
-                useProject={state.useProjectData}
-                onClose={() => (state.showUseProject = false)}
-                onGetList={getList}
-            />
-          </NModal>
+          <NDataTable
+            loading={state.loading}
+            columns={columns()}
+            data={state.dataList}
+            rowKey={(row: any) => row.id}
+            onUpdateCheckedRowKeys={handleCheck}
+            scrollX={'2000'}
+          ></NDataTable>
+          <Pagination
+            v-model:page={state.pagination.page}
+            v-model:pageSize={state.pagination.rows}
+            v-model:pageTotal={state.pagination.pageTotal}
+            onList={getList}
+            sync
+            saveKey="music-list"
+          ></Pagination>
         </div>
+        <NModal
+          v-model:show={state.visiableMusic}
+          preset="dialog"
+          showIcon={false}
+          maskClosable={false}
+          title={() => {
+            if (state.musicOperation === 'add') {
+              return '添加曲目'
+            } else if (state.musicOperation === 'preview') {
+              return '曲目详情'
+            }
+            return '修改曲目'
+          }}
+          style={{ width: '980px' }}
+        >
+          <MusicOperation
+            type={state.musicOperation}
+            data={state.musicData}
+            subjectList={state.subjectList}
+            // musicSheetCategories={state.musicSheetCategories}
+            // tagList={state.tagList}
+            onClose={() => (state.visiableMusic = false)}
+            onGetList={getList}
+          />
+        </NModal>
+        <NModal
+          blockScroll={true}
+          v-model:show={state.musicPreview}
+          preset="dialog"
+          showIcon={false}
+          title={'曲目预览'}
+          style={{ width: 'auto' }}
+        >
+          <MusicPreView item={state.musicScore} />
+        </NModal>
+
+        <NModal
+          blockScroll={true}
+          v-model:show={state.showUseProject}
+          preset="dialog"
+          showIcon={false}
+          title={'适用项目'}
+          style={{ width: '500px' }}
+        >
+          <UseProject
+            id={state.showUseProjectId}
+            useProject={state.useProjectData}
+            onClose={() => (state.showUseProject = false)}
+            onGetList={getList}
+          />
+        </NModal>
+
+        <NModal
+          class={styles.productModal}
+          title="自动生成曲谱图片"
+          v-model:show={state.productOpen}
+          preset="dialog"
+          closeOnEsc={false}
+          maskClosable={false}
+          showIcon={false}
+        >
+          <MusicCreateImg
+            xmlFileUrl={state.productItem.xmlFileUrl}
+            onClose={() => (state.productOpen = false)}
+            onConfirm={async (item: any) => {
+              try {
+                await musicSheetImg({
+                  ...item,
+                  id: state.productItem.id
+                })
+              } catch {}
+            }}
+          />
+        </NModal>
+      </div>
     )
   }
 })

src/views/music-library/music-sheet/component/music-sheet-categories-list.tsx

@@ -1,7 +1,15 @@
-import {DataTableColumn, NButton, NDataTable, NModal, NSpace, useDialog, useMessage} from 'naive-ui'
-import {defineComponent, onMounted, reactive} from 'vue'
-import {musicSheetCategoriesQueryTree, musicSheetCategoriesRemove} from "@views/music-library/api";
-import SaveCategroyDialog from "@views/music-library/music-sheet/modal/save-categroy-dialog";
+import {
+  DataTableColumn,
+  NButton,
+  NDataTable,
+  NModal,
+  NSpace,
+  useDialog,
+  useMessage
+} from 'naive-ui'
+import { defineComponent, onMounted, reactive } from 'vue'
+import { musicSheetCategoriesQueryTree, musicSheetCategoriesRemove } from '@views/music-library/api'
+import SaveCategroyDialog from '@views/music-library/music-sheet/modal/save-categroy-dialog'
 
 type RowData = {
   id: string
@@ -20,12 +28,12 @@ export default defineComponent({
       loading: false,
       pagination: {
         page: 1,
-        rows: 10,
+        rows: 10
       },
       dataList: [] as any,
       showSaveDialog: false,
       saveMode: 'add',
-      saveRowData: null as any,
+      saveRowData: null as any
     })
 
     const dialog = useDialog()
@@ -36,12 +44,11 @@ export default defineComponent({
         state.loading = true
         const body = {
           page: state.pagination.page,
-          rows: state.pagination.rows,
+          rows: state.pagination.rows
         }
-        const {data} = await musicSheetCategoriesQueryTree(body)
+        const { data } = await musicSheetCategoriesQueryTree(body)
         state.dataList = data || []
-      } catch (e) {
-      }
+      } catch (e) {}
       state.loading = false
     }
 
@@ -78,43 +85,43 @@ export default defineComponent({
           fixed: 'right',
           render(row: any) {
             return (
-                <NSpace>
-                  <NButton
-                      //v-auth="musicSheetCategories/switching1608067671668359169"
-                      type="error"
-                      size="small"
-                      text
-                      onClick={() => onRemove(row)}
-                  >
-                    删除
-                  </NButton>
-                  <NButton
-                      type="primary"
-                      size="small"
-                      text
-                      onClick={() => {
-                        state.saveRowData = row
-                        state.saveMode = 'edit'
-                        state.showSaveDialog = true
-                      }}
-                      //v-auth="musicSheetCategories/update1608067835686617090"
-                  >
-                    修改
-                  </NButton>
-                  <NButton
-                      type="primary"
-                      size="small"
-                      text
-                      onClick={() => {
-                        state.saveRowData = row
-                        state.showSaveDialog = true
-                        state.saveMode = 'add'
-                      }}
-                      //v-auth="musicSheetCategories/save1608067543331045378"
-                  >
-                    添加子分类
-                  </NButton>
-                </NSpace>
+              <NSpace>
+                <NButton
+                  //v-auth="musicSheetCategories/switching1608067671668359169"
+                  type="error"
+                  size="small"
+                  text
+                  onClick={() => onRemove(row)}
+                >
+                  删除
+                </NButton>
+                <NButton
+                  type="primary"
+                  size="small"
+                  text
+                  onClick={() => {
+                    state.saveRowData = row
+                    state.saveMode = 'edit'
+                    state.showSaveDialog = true
+                  }}
+                  //v-auth="musicSheetCategories/update1608067835686617090"
+                >
+                  修改
+                </NButton>
+                <NButton
+                  type="primary"
+                  size="small"
+                  text
+                  onClick={() => {
+                    state.saveRowData = row
+                    state.showSaveDialog = true
+                    state.saveMode = 'add'
+                  }}
+                  //v-auth="musicSheetCategories/save1608067543331045378"
+                >
+                  添加子分类
+                </NButton>
+              </NSpace>
             )
           }
         }
@@ -143,52 +150,52 @@ export default defineComponent({
       })
     }
     return () => (
-        <div class="system-menu-container">
-          <div class={['section-container']}>
-            <NSpace style={{paddingBottom: '12px'}}>
-              <NButton
-                  type="primary"
-                  //v-auth="musicSheetCategories/save1608067543331045378"
-                  onClick={() => {
-                    state.saveMode = 'add'
-                    state.showSaveDialog = true
-                    state.saveRowData = null
-                  }}
-              >
-                新增分类
-              </NButton>
-            </NSpace>
+      <div class="system-menu-container">
+        <div class={['section-container']}>
+          <NSpace style={{ paddingBottom: '12px' }}>
+            <NButton
+              type="primary"
+              //v-auth="musicSheetCategories/save1608067543331045378"
+              onClick={() => {
+                state.saveMode = 'add'
+                state.showSaveDialog = true
+                state.saveRowData = null
+              }}
+            >
+              新增分类
+            </NButton>
+          </NSpace>
 
-            <NDataTable
-                // scrollX={1000}
-                loading={state.loading}
-                columns={columns()}
-                data={state.dataList}
-                rowKey={(row: any) => row.id}
-                childrenKey="musicSheetCategoriesList"
-            ></NDataTable>
-          </div>
-          <NModal
-              v-model:show={state.showSaveDialog}
-              preset="dialog"
-              showIcon={false}
-              title={state.saveRowData ? '修改分类' : '新增分类'}
-              style={{width: '550px'}}
-          >
-            <SaveCategroyDialog
-                onGetList={() => {
-                  state.showSaveDialog = false
-                  getList()
-                }}
-                onClose={() => {
-                  state.showSaveDialog = false
-                }}
-                list={state.dataList}
-                saveMode={state.saveMode}
-                actvieRow={state.saveRowData}
-            ></SaveCategroyDialog>
-          </NModal>
+          <NDataTable
+            // scrollX={1000}
+            loading={state.loading}
+            columns={columns()}
+            data={state.dataList}
+            rowKey={(row: any) => row.id}
+            childrenKey="musicSheetCategoriesList"
+          ></NDataTable>
         </div>
+        <NModal
+          v-model:show={state.showSaveDialog}
+          preset="dialog"
+          showIcon={false}
+          title={state.saveRowData ? '修改分类' : '新增分类'}
+          style={{ width: '400px' }}
+        >
+          <SaveCategroyDialog
+            onGetList={() => {
+              state.showSaveDialog = false
+              getList()
+            }}
+            onClose={() => {
+              state.showSaveDialog = false
+            }}
+            list={state.dataList}
+            saveMode={state.saveMode}
+            actvieRow={state.saveRowData}
+          ></SaveCategroyDialog>
+        </NModal>
+      </div>
     )
   }
 })

src/views/music-library/music-sheet/modal/index.module.less

@@ -13,8 +13,26 @@
   }
 }
 
-.formContainer{
+.formContainer {
   max-height: 80vh;
   overflow-y: auto;
   padding: 0 10px;
+}
+
+.productModal {
+  width: auto !important;
+  height: auto !important;
+  max-width: initial !important;
+
+  :global {
+    .n-dialog .n-dialog__content {
+      height: 100%;
+    }
+  }
+}
+
+.productIframe {
+  width: 1000px;
+  height: 80vh;
+  border: none;
 }

src/views/music-library/music-sheet/modal/music-create-img.tsx

@@ -0,0 +1,107 @@
+import { defineComponent, onMounted, onUnmounted, reactive } from 'vue'
+import styles from './index.module.less'
+import { api_uploadFile } from '@/plugins/uploadFile'
+import { useMessage } from 'naive-ui'
+
+export default defineComponent({
+  name: 'music-create-img',
+  props: {
+    xmlFileUrl: {
+      type: String,
+      default: ''
+    }
+  },
+  emits: ['close', 'confirm'],
+  setup(props, { emit }) {
+    const message = useMessage()
+    const state = reactive({
+      productOpen: false,
+      productIfameSrc: ''
+    })
+    /** 自动生成图片 */
+    const forms = reactive({
+      musicImg: '', // 五线谱图片
+      musicSvg: '', //首调图片
+      musicJianSvg: '' // 简谱固定调
+    })
+    const handleAutoProduct = () => {
+      if (!props.xmlFileUrl) {
+        message.error('请先上传XML')
+        return
+      }
+      const apiUrls = {
+        dev: 'https://dev.kt.colexiu.com',
+        test: 'https://test.lexiaoya.cn',
+        online: 'https://kt.colexiu.com'
+      }
+
+      const environment = location.origin.includes('//dev')
+        ? 'dev'
+        : location.origin.includes('//test')
+        ? 'test'
+        : location.origin.includes('//online')
+        ? 'online'
+        : 'dev'
+      const apiUrl = apiUrls[environment]
+      const prefix = /(localhost|192)/.test(location.host) ? 'https://dev.kt.colexiu.com' : apiUrl
+      state.productIfameSrc =
+        prefix + `/instrument/#/product-img?xmlUrl=${props.xmlFileUrl}&isCreateImg=true&isCbs=true`
+      // state.productOpen = true
+    }
+    const handleProductResult = (res: MessageEvent) => {
+      const data = res.data
+      if (data?.api === 'webApi_renderSvg') {
+        let imgs: any = []
+        try {
+          imgs = JSON.parse(data.product)
+        } catch (error) {
+          console.log('🚀 ~ error:', error)
+        }
+        imgs = imgs.filter((item: any) => item.base64)
+        if (imgs.length === 3) {
+          message.success('生成成功')
+          handleUploadImg(imgs)
+        } else {
+          message.error('生成失败')
+        }
+        // console.log('🚀 ~ 上传之前', [...imgs])
+      }
+    }
+    const handleUploadImg = async (imgs: any[]) => {
+      for (let i = 0; i < imgs.length; i++) {
+        const file = dataURLtoFile(imgs[i].base64, `${Date.now()}p${i}.png`)
+        imgs[i].url = await api_uploadFile(file, () => {})
+      }
+      forms.musicImg = imgs[0]?.url || ''
+      forms.musicSvg = imgs[1]?.url || ''
+      forms.musicJianSvg = imgs[2]?.url || ''
+      // state.productOpen = false
+      imgs = []
+
+      emit('close')
+      emit('confirm', forms)
+    }
+    /** base64转file */
+    const dataURLtoFile = (dataurl: string, filename: string) => {
+      let arr = dataurl.split(',') || [],
+        mime = arr[0].match(/:(.*?);/)?.[1],
+        bstr = atob(arr[1]),
+        n = bstr.length,
+        u8arr = new Uint8Array(n)
+      while (n--) {
+        u8arr[n] = bstr.charCodeAt(n)
+      }
+      return new File([u8arr], filename, { type: mime })
+    }
+
+    onMounted(() => {
+      handleAutoProduct()
+      window.addEventListener('message', handleProductResult)
+    })
+
+    onUnmounted(() => {
+      window.removeEventListener('message', handleProductResult)
+    })
+    return () => <iframe class={styles.productIframe} src={state.productIfameSrc}></iframe>
+  }
+})

src/views/music-library/music-sheet/modal/music-operation.tsx

@@ -1,4 +1,4 @@
-import type {SelectOption} from 'naive-ui'
+import type { SelectOption } from 'naive-ui'
 import {
   NAlert,
   NButton,
@@ -16,22 +16,25 @@ import {
   NRadioGroup,
   NSelect,
   NSpace,
+  NSpin,
   useDialog,
   useMessage
 } from 'naive-ui'
-import {defineComponent, onMounted, PropType, reactive, ref} from 'vue'
-import {musicSheetCategoriesQueryTree, musicSheetDetail, musicSheetSave} from '../../api'
+import { defineComponent, onMounted, onUnmounted, PropType, reactive, ref } from 'vue'
+import { musicSheetCategoriesQueryTree, musicSheetDetail, musicSheetSave } from '../../api'
 import UploadFile from '@/components/upload-file'
 import styles from './index.module.less'
 import deepClone from '@/utils/deep.clone'
 import axios from 'axios'
-import {appKey, clientType, musicSheetSourceType, musicSheetType} from "@/utils/constant";
-import {getMapValueByKey, getSelectDataFromObj} from "@/utils/objectUtil";
-import {musicalInstrumentPage} from "@views/system-manage/subject-manage/api";
-import {subjectPage} from "@views/system-manage/api";
-import MusicSheetOwnerDialog from "@views/music-library/music-sheet/modal/musicSheetOwnerDialog";
-import {sysApplicationPage} from "@views/menu-manage/api";
-import {filterPointCategory} from "@views/teaching-manage/unit-test";
+import { appKey, clientType, musicSheetSourceType, musicSheetType } from '@/utils/constant'
+import { getMapValueByKey, getSelectDataFromObj } from '@/utils/objectUtil'
+import { musicalInstrumentPage } from '@views/system-manage/subject-manage/api'
+import { subjectPage } from '@views/system-manage/api'
+import MusicSheetOwnerDialog from '@views/music-library/music-sheet/modal/musicSheetOwnerDialog'
+import { sysApplicationPage } from '@views/menu-manage/api'
+import { filterPointCategory } from '@views/teaching-manage/unit-test'
+import { api_uploadFile } from '@/plugins/uploadFile'
+import MusicCreateImg from './music-create-img'
 
 /**
  * 获取指定元素下一个Note元素
@@ -59,7 +62,7 @@ export const onlyVisible = (xml: any, partIndex: any) => {
   if (!xml) return ''
   const xmlParse = new DOMParser().parseFromString(xml, 'text/xml')
   const partList =
-      xmlParse.getElementsByTagName('part-list')?.[0]?.getElementsByTagName('score-part') || []
+    xmlParse.getElementsByTagName('part-list')?.[0]?.getElementsByTagName('score-part') || []
   const parts = xmlParse.getElementsByTagName('part')
   const visiblePartInfo = partList[partIndex]
   if (visiblePartInfo) {
@@ -306,7 +309,10 @@ export default defineComponent({
       repeatedBeats: false, // 是否重复节拍时长
       evaluationStandard: 'FREQUENCY', // 评分标准 节奏 AMPLITUDE 音准 FREQUENCY 分贝 DECIBELS
       multiTracksSelection: [] as any, // 声轨
-      musicSheetExtend: {} as any,//所属人信息
+      musicSheetExtend: {} as any, //所属人信息
+      musicImg: '', // 五线谱图片
+      musicSvg: '', //首调图片
+      musicJianSvg: '' // 简谱固定调
     })
     const state = reactive({
       loading: false,
@@ -323,8 +329,13 @@ export default defineComponent({
       showMusicSheetOwnerDialog: false, //所属人弹框
       // musicSheetOwnerData: {}, //所属人信息
       multiTracks: null,
-      appData: [],// 应用列表
-      ownerName: null as any,// 所属人名称描述
+      appData: [], // 应用列表
+      ownerName: null as any, // 所属人名称描述
+
+      productOpen: false, // 是否打开自动生成图片
+      productItem: {} as any,
+      productIfameSrc: '',
+      isAutoSave: false // 是否自动保存
     })
     const gradualData = reactive({
       list: [] as any[],
@@ -342,6 +353,11 @@ export default defineComponent({
         if (error) {
           return
         }
+        if (!state.isAutoSave) {
+          state.isAutoSave = true
+          state.productOpen = true
+          return
+        }
         try {
           //extConfigJson: {"repeatedBeats":0,"gradualTimes":{"75":"02:38:60","77":"02:43:39"}}
           const obj = {
@@ -349,10 +365,13 @@ export default defineComponent({
             musicTag: '-1',
             multiTracksSelection: forms.multiTracksSelection.join(','),
             musicSheetSoundList: forms.musicSheetSoundList.filter((next: any) => {
-              return !!next.audioFileUrl && forms.multiTracksSelection.includes(next.track);
+              return !!next.audioFileUrl && forms.multiTracksSelection.includes(next.track)
             }),
             musicalInstrumentIds: forms.musicalInstrumentIdList.join(','),
-            extConfigJson: JSON.stringify({repeatedBeats: forms.repeatedBeats ? 1 : 0, gradualTimes: forms.graduals}),
+            extConfigJson: JSON.stringify({
+              repeatedBeats: forms.repeatedBeats ? 1 : 0,
+              gradualTimes: forms.graduals
+            }),
             subjectIds: forms.subjectIds.join(',')
           }
           if (forms.audioType == 'MIDI') {
@@ -363,7 +382,7 @@ export default defineComponent({
             await musicSheetSave(obj)
             message.success('添加成功')
           } else if (props.type === 'edit') {
-            await musicSheetSave({...obj, id: props.data.id})
+            await musicSheetSave({ ...obj, id: props.data.id })
             message.success('修改成功')
           }
           emit('getList')
@@ -383,22 +402,25 @@ export default defineComponent({
       xmlRead.onload = (res) => {
         try {
           gradualData.list = getGradualLengthByXml(res?.target?.result as any).filter(
-              (item: any) => item.length === 2
+            (item: any) => item.length === 2
           )
-        } catch (error) {
-        }
+        } catch (error) {}
         state.partListNames = getPartListNames(res?.target?.result as any) as any
         parseInstrumentAndSubject(res?.target?.result as any)
         // 这里是如果没有当前音轨就重新写
         for (let j = 0; j < state.partListNames.length; j++) {
           if (!forms.musicSheetSoundList[j]) {
-            forms.musicSheetSoundList.push({audioFileUrl: null, track: null})
+            forms.musicSheetSoundList.push({ audioFileUrl: null, track: null })
           }
           forms.musicSheetSoundList[j].track = state.partListNames[j].value
         }
 
         // 循环添加所在音轨的原音
-        for (let index = forms.musicSheetSoundList.length; index < state.partListNames.length; index++) {
+        for (
+          let index = forms.musicSheetSoundList.length;
+          index < state.partListNames.length;
+          index++
+        ) {
           const part = state.partListNames[index].value
           const sysData = {
             ...forms.musicSheetSoundList[0],
@@ -411,10 +433,8 @@ export default defineComponent({
         }
 
         if (forms.musicSheetSoundList.length == 0) {
-          forms.musicSheetSoundList.push({audioFileUrl: '', track: ''})
+          forms.musicSheetSoundList.push({ audioFileUrl: '', track: '' })
         }
-
-
       }
       xmlRead.readAsText(file)
     }
@@ -454,7 +474,7 @@ export default defineComponent({
       if (!xml) return []
       const xmlParse = new DOMParser().parseFromString(xml, 'text/xml')
       const partList =
-          xmlParse.getElementsByTagName('part-list')?.[0]?.getElementsByTagName('score-part') || []
+        xmlParse.getElementsByTagName('part-list')?.[0]?.getElementsByTagName('score-part') || []
       const partListNames = Array.from(partList).map((item) => {
         const part = item.getElementsByTagName('part-name')?.[0].textContent || ''
         return {
@@ -478,36 +498,38 @@ export default defineComponent({
       }
 
       // 乐器
-      // const instrumentCodeList: any = [];
-      // const instrumentEle = xmlParse.getElementsByTagName('virtual-instrument');
-      // for (let index = 0; index < instrumentEle.length; index++) {
-      //   const note = instrumentEle[index]
-      //   const instrumentCode = note.getElementsByTagName('virtual-name')?.[0]?.textContent || '';
-      //   if (instrumentCode && !instrumentCodeList.includes(instrumentCode)) {
-      //     instrumentCodeList.push(instrumentCode);
-      //   }
-      // }
-      // const codeIdMap = new Map<string, string>();
-      // state.instrumentData.forEach((data: any) => {
-      //   codeIdMap.set(data.code, data.id + '');
-      // })
-      // forms.musicalInstrumentIdList = [];
-      // instrumentCodeList.forEach((code: string) => {
-      //   if (codeIdMap.has(code)) {
-      //     forms.musicalInstrumentIdList.push(codeIdMap.get(code));
-      //   }
-      // })
-      //
-      // // 声部
-      // if (forms.musicalInstrumentIdList.length > 0) {
-      //   showBackSubject(forms.musicalInstrumentIdList);
-      // }
+      const instrumentCodeList: any = []
+      const instrumentEle = xmlParse.getElementsByTagName('virtual-instrument')
+      for (let index = 0; index < instrumentEle.length; index++) {
+        const note = instrumentEle[index]
+        const instrumentCode = note.getElementsByTagName('virtual-name')?.[0]?.textContent || ''
+        if (instrumentCode && !instrumentCodeList.includes(instrumentCode)) {
+          instrumentCodeList.push(instrumentCode)
+        }
+      }
+      const codeIdMap = new Map<string, string>()
+      state.instrumentData.forEach((data: any) => {
+        codeIdMap.set(data.code, data.id + '')
+      })
+      forms.musicalInstrumentIdList = []
+      instrumentCodeList.forEach((code: string) => {
+        if (codeIdMap.has(code)) {
+          forms.musicalInstrumentIdList.push(codeIdMap.get(code))
+        }
+      })
+
+      // 声部
+      if (forms.musicalInstrumentIdList.length > 0) {
+        showBackSubject(forms.musicalInstrumentIdList)
+      }
       return partListNames
     }
 
     // 判断选择的音轨是否在选中
     const initPartsListStatus = (track: string): any => {
-      const _names = state.partListNames.filter((n: any) => n.value?.toLocaleUpperCase?.() != 'COMMON')
+      const _names = state.partListNames.filter(
+        (n: any) => n.value?.toLocaleUpperCase?.() != 'COMMON'
+      )
       const partListNames = deepClone(_names) || []
       partListNames.forEach((item: any) => {
         const index = forms.musicSheetSoundList.findIndex((ground: any) => item.value == ground.track)
@@ -528,13 +550,16 @@ export default defineComponent({
     // 反显声部
     const showBackSubject = async (musicalInstrumentIdList: []) => {
       try {
-        const {data} = await subjectPage({page: 1, rows: 999, musicalInstrumentIdList: musicalInstrumentIdList})
+        const { data } = await subjectPage({
+          page: 1,
+          rows: 999,
+          musicalInstrumentIdList: musicalInstrumentIdList
+        })
         const tempList = data.rows || []
         tempList.forEach((item: any) => {
           forms.subjectIds.push(item.id + '')
         })
-      } catch {
-      }
+      } catch {}
     }
 
     // 添加原音
@@ -560,7 +585,7 @@ export default defineComponent({
 
     const checkMultiTracks = (value: string) => {
       if (!value) {
-        return;
+        return
       }
       if (value === 'all') {
         forms.multiTracksSelection = []
@@ -569,7 +594,7 @@ export default defineComponent({
         })
       } else if (value === 'invert') {
         state.partListNames.forEach((next: any) => {
-          const indexOf = forms.multiTracksSelection.indexOf(next.value);
+          const indexOf = forms.multiTracksSelection.indexOf(next.value)
           if (indexOf > -1) {
             forms.multiTracksSelection.splice(indexOf, 1)
           } else {
@@ -581,26 +606,27 @@ export default defineComponent({
       }
     }
 
-    const setOwnerName = (() => {
+    const setOwnerName = () => {
       if (forms.sourceType == 'PLATFORM') {
         state.ownerName = ''
-        return;
+        return
       }
       if (!forms.musicSheetExtend || !forms.sourceType || !forms.musicSheetExtend?.userId) {
-        return;
+        return
       }
-      const appId = forms.musicSheetExtend.applicationId;
+      const appId = forms.musicSheetExtend.applicationId
       const app = state.appData.filter((next: any) => {
         return next.id == appId
-      }) as any;
+      }) as any
       if (app.length > 0) {
         state.ownerName = app[0].appName
       }
       if (forms.sourceType == 'ORG') {
         state.ownerName += '-' + forms.musicSheetExtend.organizationRole
-
       } else if (forms.sourceType == 'PERSON') {
-        state.ownerName += '-' + getMapValueByKey(forms.musicSheetExtend.clientType, new Map(Object.entries(clientType)))
+        state.ownerName +=
+          '-' +
+          getMapValueByKey(forms.musicSheetExtend.clientType, new Map(Object.entries(clientType)))
         if (forms.musicSheetExtend.userName) {
           state.ownerName += '-' + forms.musicSheetExtend.userName
         }
@@ -608,7 +634,7 @@ export default defineComponent({
           state.ownerName += '(' + forms.musicSheetExtend.phone + ')'
         }
       }
-    })
+    }
 
     onMounted(async () => {
       state.loading = true
@@ -621,7 +647,7 @@ export default defineComponent({
           return
         }
         try {
-          const {data} = await musicalInstrumentPage({page: 1, rows: 999})
+          const { data } = await musicalInstrumentPage({ page: 1, rows: 999 })
           const tempList = data.rows || []
           state.instrumentData = tempList
           tempList.forEach((item: any) => {
@@ -630,8 +656,7 @@ export default defineComponent({
             item.disabled = !item.enableFlag
           })
           state.instrumentList = tempList
-        } catch {
-        }
+        } catch {}
       }
       state.subjectList = deepClone(props.subjectList)
       state.subjectList.forEach((subject: any) => {
@@ -640,13 +665,13 @@ export default defineComponent({
 
       // 初始化应用
       {
-        const appKeys = Object.keys(appKey);
+        const appKeys = Object.keys(appKey)
 
-        const {data} = await sysApplicationPage({page: 1, rows: 999, parentId: 0})
+        const { data } = await sysApplicationPage({ page: 1, rows: 999, parentId: 0 })
         const tempList = data.rows || []
         const filter = tempList.filter((next: any) => {
           return appKeys.includes(next.appKey)
-        });
+        })
         filter.forEach((item: any) => {
           item.label = item.appName
           item.value = item.id
@@ -657,20 +682,19 @@ export default defineComponent({
       // 获取分类信息
       {
         try {
-          const {data} = await musicSheetCategoriesQueryTree({enable: true})
+          const { data } = await musicSheetCategoriesQueryTree({ enable: true })
           state.musicSheetCategories = filterPointCategory(data, 'musicSheetCategoriesList')
-        } catch (e) {
-        }
+        } catch (e) {}
       }
 
       if (props.type === 'edit' || props.type === 'preview') {
         const detail = props.data
         try {
-          const {data} = await musicSheetDetail({id: detail.id})
+          const { data } = await musicSheetDetail({ id: detail.id })
           forms.audioType = data.audioType
           forms.musicSheetAccompanimentList = data.musicSheetAccompanimentList
           data.musicSheetAccompanimentList?.forEach((next: any) => {
-            state.musicSheetAccompanimentUrlList.push(next.audioFileUrl);
+            state.musicSheetAccompanimentUrlList.push(next.audioFileUrl)
           })
           forms.playMode = data.playMode
           forms.xmlFileUrl = data.xmlFileUrl
@@ -689,26 +713,26 @@ export default defineComponent({
           forms.status = data.status
           forms.musicCategoryId = data.musicCategoryId
 
-          forms.musicSheetType = data.musicSheetType || "SINGLE"
+          forms.musicSheetType = data.musicSheetType || 'SINGLE'
           forms.evaluationStandard = data.evaluationStandard
           forms.musicalInstrumentIdList = data.musicalInstrumentIds.split(',') || []
 
           forms.subjectIds = data.subjectIds?.split(',') || []
           forms.sourceType = data.sourceType
           forms.musicSheetExtend = data.musicSheetExtend
+          forms.repeatedBeats = data.isPlayBeat
 
 
           // 获取渐变 和 是否多声部
           try {
             const extConfigJson = data.extConfigJson ? JSON.parse(data.extConfigJson) : {}
             forms.graduals = extConfigJson.gradualTimes || {}
-          } catch (error) {
-          }
+          } catch (error) {}
           setOwnerName()
           axios.get(data.xmlFileUrl).then((res: any) => {
             if (res?.data) {
               gradualData.list = getGradualLengthByXml(res?.data as any).filter(
-                  (item: any) => item.length === 2
+                (item: any) => item.length === 2
               )
               state.partListNames = getPartListNames(res?.data as any) as any
 
@@ -719,9 +743,7 @@ export default defineComponent({
               })
             }
           })
-
-        } catch (error) {
-        }
+        } catch (error) {}
       } else {
         // 新增只能使用启用状态的数据
         state.subjectList = state.subjectList.filter((next: any) => {
@@ -732,20 +754,22 @@ export default defineComponent({
         })
       }
       state.loading = false
-
     })
 
     return () => (
-        <div style="background: #fff; padding-top: 12px">
+      <div style="background: #fff; padding-top: 12px">
+        <NSpin show={state.loading}>
           <NForm
-              class={styles.formContainer}
-              model={forms}
-              ref={formsRef}
-              label-placement="left"
-              label-width="130"
-              disabled={state.previewMode}
+            class={styles.formContainer}
+            model={forms}
+            ref={formsRef}
+            label-placement="left"
+            label-width="130"
+            disabled={state.previewMode}
           >
-            <NAlert showIcon={false} style={{marginBottom: "12px"}}>曲目信息</NAlert>
+            <NAlert showIcon={false} style={{ marginBottom: '12px' }}>
+              曲目信息
+            </NAlert>
             <NGrid cols={2}>
               <NFormItemGi
                   label="曲目名称"
@@ -759,10 +783,10 @@ export default defineComponent({
                   ]}
               >
                 <NInput
-                    v-model:value={forms.name}
-                    placeholder="请输入曲目名称"
-                    maxlength={25}
-                    showCount
+                  v-model:value={forms.name}
+                  placeholder="请输入曲目名称"
+                  maxlength={25}
+                  showCount
                 />
               </NFormItemGi>
               <NFormItemGi
@@ -776,184 +800,200 @@ export default defineComponent({
                     }
                   ]}
               >
-                <NInput v-model:value={forms.composer}
-                        placeholder="请输入音乐人名称"
-                        showCount
-                        maxlength={14}
+                <NInput
+                  v-model:value={forms.composer}
+                  placeholder="请输入音乐人名称"
+                  showCount
+                  maxlength={14}
                 />
               </NFormItemGi>
             </NGrid>
             <NGrid cols={2}>
               <NFormItemGi label="曲目描述" path="remark">
                 <NInput
-                    placeholder="请输入曲目描述"
-                    type="textarea"
-                    rows={4}
-                    showCount
-                    maxlength={200}
-                    v-model:value={forms.remark}
+                  placeholder="请输入曲目描述"
+                  type="textarea"
+                  rows={4}
+                  showCount
+                  maxlength={200}
+                  v-model:value={forms.remark}
                 />
               </NFormItemGi>
-              <NFormItemGi label="曲目封面" path="musicCover"
-                           rule={[
-                             {
-                               required: true,
-                               message: "请上传曲目封面"
-                             }
-                           ]}>
+              <NFormItemGi
+                label="曲目封面"
+                path="musicCover"
+                rule={[
+                  {
+                    required: true,
+                    message: '请上传曲目封面',
+                    trigger:['input','blur']
+                  }
+                ]}
+              >
                 <UploadFile
-                    desc={'封面图'}
-                    disabled={state.previewMode}
-                    accept=".jpg,.jpeg,.png"
-                    tips="请上传大小1M以内的JPG、PNG图片"
-                    size={1}
-                    v-model:fileList={forms.musicCover}
-                    cropper
-                    bucketName="cbs"
-                    options={{
-                      autoCrop: true, //是否默认生成截图框
-                      enlarge: 2, //  图片放大倍数
-                      autoCropWidth: 200, //默框高度
-                      fixedBox: true, //是否固定截图框大认生成截图框宽度
-                      autoCropHeight: 200, //默认生成截图小 不允许改变
-                      previewsCircle: false, //预览图是否是原圆形
-                      title: '曲目封面'
-                    }}
+                  desc={'封面图'}
+                  disabled={state.previewMode}
+                  accept=".jpg,.jpeg,.png"
+                  tips="请上传大小1M以内的JPG、PNG图片"
+                  size={1}
+                  v-model:fileList={forms.musicCover}
+                  cropper
+                  bucketName="cbs"
+                  options={{
+                    autoCrop: true, //是否默认生成截图框
+                    enlarge: 2, //  图片放大倍数
+                    autoCropWidth: 200, //默框高度
+                    fixedBox: true, //是否固定截图框大认生成截图框宽度
+                    autoCropHeight: 200, //默认生成截图小 不允许改变
+                    previewsCircle: false, //预览图是否是原圆形
+                    title: '曲目封面'
+                  }}
                 />
               </NFormItemGi>
             </NGrid>
             <NGrid cols={2}>
               <NFormItemGi
-                  label="曲目类型"
-                  path="musicSheetType"
-                  rule={[
-                    {
-                      required: true,
-                      message: '请选择曲目类型'
-                    }
-                  ]}
+                label="曲目类型"
+                path="musicSheetType"
+                rule={[
+                  {
+                    required: true,
+                    message: '请选择曲目类型',
+                    trigger:'change'
+                  }
+                ]}
               >
                 <NSelect
-                    placeholder="请选择曲目类型"
-                    v-model:value={forms.musicSheetType}
-                    options={getSelectDataFromObj(musicSheetType)}
+                  placeholder="请选择曲目类型"
+                  v-model:value={forms.musicSheetType}
+                  options={getSelectDataFromObj(musicSheetType)}
                 />
               </NFormItemGi>
 
               <NFormItemGi
-                  label="作者属性"
-                  path="sourceType"
-                  rule={[
-                    {
-                      required: true,
-                      message: '请选择作者属性'
-                    }
-                  ]}
+                label="作者属性"
+                path="sourceType"
+                rule={[
+                  {
+                    required: true,
+                    message: '请选择作者属性',
+                    trigger:'change'
+                  }
+                ]}
               >
                 <NSelect
-                    v-model:value={forms.sourceType}
-                    options={getSelectDataFromObj(musicSheetSourceType)}
-                    placeholder="请选择作者属性"
-                    onUpdateValue={() => {
-                      // 发送变化，清理选择的所属人信息
-                      forms.musicSheetExtend = {}
-                      state.ownerName = null
-                      // forms.musicSheetExtend.userId = null
-                      // forms.musicSheetExtend.userName = null
-                      // forms.musicSheetExtend.applicationId = null
-                      // forms.musicSheetExtend.organizationRoleId = null
-                    }}
+                  v-model:value={forms.sourceType}
+                  options={getSelectDataFromObj(musicSheetSourceType)}
+                  placeholder="请选择作者属性"
+                  onUpdateValue={() => {
+                    // 发送变化，清理选择的所属人信息
+                    forms.musicSheetExtend = {}
+                    state.ownerName = null
+                    // forms.musicSheetExtend.userId = null
+                    // forms.musicSheetExtend.userName = null
+                    // forms.musicSheetExtend.applicationId = null
+                    // forms.musicSheetExtend.organizationRoleId = null
+                  }}
                 />
               </NFormItemGi>
-
             </NGrid>
             <NGrid cols={2}>
               {forms.sourceType === 'PERSON' && (
-                  <NFormItemGi
-                      label="所属人"
-                      path="musicSheetExtend.userId"
-                      rule={[
-                        {
-                          required: true,
-                          message: '请选择曲目所属人'
-                        }
-                      ]}
+                <NFormItemGi
+                  label="所属人"
+                  path="musicSheetExtend.userId"
+                  rule={[
+                    {
+                      required: true,
+                      message: '请选择曲目所属人',
+                      trigger:['input','change']
+                    }
+                  ]}
+                >
+                  <NButton
+                    disabled={state.previewMode || !forms.sourceType}
+                    type="primary"
+                    size="small"
+                    text
+                    //v-auth="orchestraSubsidyStandard/update1597887579789053953"
+                    onClick={() => {
+                      state.showMusicSheetOwnerDialog = true
+                    }}
                   >
-                    <NButton
-                        disabled={state.previewMode || !forms.sourceType}
-                        type="primary"
-                        size="small"
-                        text
-                        //v-auth="orchestraSubsidyStandard/update1597887579789053953"
-                        onClick={() => {
-                          state.showMusicSheetOwnerDialog = true
-                        }}
-                    >
-                      {state.ownerName ? state.ownerName : '请选择所属人'}
-                    </NButton>
-                  </NFormItemGi>)}
+                    {state.ownerName ? state.ownerName : '请选择所属人'}
+                  </NButton>
+                </NFormItemGi>
+              )}
               {forms.sourceType === 'ORG' && (
-                  <NFormItemGi
-                      label="所属人"
-                      path="musicSheetExtend.organizationRoleId"
-                      rule={[
-                        {
-                          required: true,
-                          message: '请选择曲目所属机构'
-                        }
-                      ]}
+                <NFormItemGi
+                  label="所属人"
+                  path="musicSheetExtend.organizationRoleId"
+                  rule={[
+                    {
+                      required: true,
+                      message: '请选择曲目所属机构',
+                      trigger:['input','change']
+                    }
+                  ]}
+                >
+                  <NButton
+                    disabled={state.previewMode || !forms.sourceType}
+                    type="primary"
+                    size="small"
+                    text
+                    //v-auth="orchestraSubsidyStandard/update1597887579789053953"
+                    onClick={() => {
+                      state.showMusicSheetOwnerDialog = true
+                    }}
                   >
-                    <NButton
-                        disabled={state.previewMode || !forms.sourceType}
-                        type="primary"
-                        size="small"
-                        text
-                        //v-auth="orchestraSubsidyStandard/update1597887579789053953"
-                        onClick={() => {
-                          state.showMusicSheetOwnerDialog = true
-                        }}
-                    >
-                      {state.ownerName ? state.ownerName : '请选择所属机构'}
-                    </NButton>
-                  </NFormItemGi>)}
-              <NFormItemGi label="速度" path="playSpeed"
-                           rule={[
-                             {
-                               required: false,
-                               message: '请输入速度'
-                             }
-                           ]}
+                    {state.ownerName ? state.ownerName : '请选择所属机构'}
+                  </NButton>
+                </NFormItemGi>
+              )}
+              <NFormItemGi
+                label="速度"
+                path="playSpeed"
+                rule={[
+                  {
+                    required: false,
+                    message: '请输入速度'
+                  }
+                ]}
               >
                 <NInputNumber
-                    placeholder="请输入速度"
-                    v-model:value={forms.playSpeed}
-                    style="width:100%"
+                  placeholder="请输入速度"
+                  v-model:value={forms.playSpeed}
+                  style="width:100%"
                 />
               </NFormItemGi>
             </NGrid>
             <NGrid cols={2}>
-              <NFormItemGi label="审核版本" path="appAuditFlag"
-                           rule={[
-                             {
-                               required: true,
-                               message: '请选择曲目所属人'
-                             }
-                           ]}
+              <NFormItemGi
+                label="审核版本"
+                path="appAuditFlag"
+                rule={[
+                  {
+                    required: true,
+                    message: '请选择审核版本',
+                    trigger:'change',
+                    type:'number'
+                  }
+                ]}
               >
                 <NSelect
-                    options={
-                      [
-                        {
-                          label: '是',
-                          value: 1
-                        },
-                        {
-                          label: '否',
-                          value: 0
-                        }
-                      ] as any
-                    }
-                    v-model:value={forms.appAuditFlag}
+                  options={
+                    [
+                      {
+                        label: '是',
+                        value: 1
+                      },
+                      {
+                        label: '否',
+                        value: 0
+                      }
+                    ] as any
+                  }
+                  v-model:value={forms.appAuditFlag}
                 />
               </NFormItemGi>
               <NFormItemGi label="曲目分类" path="musicCategoryId"
@@ -961,18 +1001,18 @@ export default defineComponent({
                              {
                                required: true,
                                message: '请选择曲目分类',
-                               trigger: ['input', 'blur']
+                               trigger: ['change']
                              }
                            ]}
               >
                 <NCascader
-                    valueField="id"
-                    labelField="name"
-                    children-field="musicSheetCategoriesList"
-                    placeholder="请选择分类"
-                    v-model:value={forms.musicCategoryId}
-                    options={state.musicSheetCategories}
-                    clearable
+                  valueField="id"
+                  labelField="name"
+                  children-field="musicSheetCategoriesList"
+                  placeholder="请选择分类"
+                  v-model:value={forms.musicCategoryId}
+                  options={state.musicSheetCategories}
+                  clearable
                 />
               </NFormItemGi>
             </NGrid>
@@ -980,419 +1020,467 @@ export default defineComponent({
               <NFormItemGi label="重复节拍时长" path="repeatedBeats"
                            rule={[
                              {
-                               required: true,
+                               required: false,
                                message: '请选择是否重复节拍时长'
                              }
                            ]}
               >
-                <NRadioGroup
-                    v-model:value={forms.repeatedBeats}
-                >
+                <NRadioGroup v-model:value={forms.repeatedBeats}>
                   <NRadio value={true}>是</NRadio>
                   <NRadio value={false}>否</NRadio>
                 </NRadioGroup>
               </NFormItemGi>
               <NFormItemGi
-                  label="评分标准"
-                  path="evaluationStandard"
-                  rule={[
-                    {
-                      required: true
-                    }
-                  ]}
+                label="评分标准"
+                path="evaluationStandard"
+                rule={[
+                  {
+                    required: true
+                  }
+                ]}
               >
-                <NRadioGroup
-                    v-model:value={forms.evaluationStandard}
-                >
+                <NRadioGroup v-model:value={forms.evaluationStandard}>
                   <NRadio value={'FREQUENCY'}>标准评测</NRadio>
                   <NRadio value={'AMPLITUDE'}>打击乐(振幅)</NRadio>
                   <NRadio value={'DECIBELS'}>节奏(分贝)</NRadio>
                 </NRadioGroup>
               </NFormItemGi>
             </NGrid>
-            <NAlert showIcon={false} style={{marginBottom: "12px"}}>曲目上传</NAlert>
+            <NAlert showIcon={false} style={{ marginBottom: '12px' }}>
+              曲目上传
+            </NAlert>
             <NGrid cols={2}>
-              <NFormItemGi label="播放模式" path="playMode"
-                           rule={[
-                             {
-                               required: true,
-                               message: '请选择播放模式'
-                             }
-                           ]}
+              <NFormItemGi
+                label="播放模式"
+                path="playMode"
+                rule={[
+                  {
+                    required: true,
+                    message: '请选择播放模式'
+                  }
+                ]}
               >
                 <NRadioGroup
-                    v-model:value={forms.playMode}
-                    onUpdateValue={(value: string | number | boolean) => {
-                      if (value === 'MP3') {
-                        forms.playMode = 'MP3'
-                      } else {
-                        forms.playMode = 'MIDI'
-                      }
-                    }}
+                  v-model:value={forms.playMode}
+                  onUpdateValue={(value: string | number | boolean) => {
+                    if (value === 'MP3') {
+                      forms.playMode = 'MP3'
+                    } else {
+                      forms.playMode = 'MIDI'
+                    }
+                  }}
                 >
                   <NRadio value="MP3">MP3</NRadio>
                   <NRadio value="MIDI">MID</NRadio>
                 </NRadioGroup>
               </NFormItemGi>
               {forms.playMode === 'MP3' && (
-                  <NFormItemGi
-                      label="伴奏类型"
-                      path="audioType"
-                      rule={[
-                        {
-                          required: true,
-                          message: '请选择伴奏类型'
-                        }
-                      ]}
-                  >
-                    <NRadioGroup
-                        v-model:value={forms.audioType}
-                    >
-                      <NRadio value={'HOMEMODE'}>自制伴奏</NRadio>
-                      <NRadio value={'COMMON'}>普通伴奏</NRadio>
-                    </NRadioGroup>
-                  </NFormItemGi>
+                <NFormItemGi
+                  label="伴奏类型"
+                  path="audioType"
+                  rule={[
+                    {
+                      required: true,
+                      message: '请选择伴奏类型'
+                    }
+                  ]}
+                >
+                  <NRadioGroup v-model:value={forms.audioType}>
+                    <NRadio value={'HOMEMODE'}>自制伴奏</NRadio>
+                    <NRadio value={'COMMON'}>普通伴奏</NRadio>
+                  </NRadioGroup>
+                </NFormItemGi>
               )}
             </NGrid>
             <NGrid cols={2}>
               {forms.playMode === 'MP3' && (
-                  <NFormItemGi
-                      label="上传伴奏"
-                      path="musicSheetAccompanimentList"
-                      rule={[
-                        {
-                          required: false,
-                          message: '请选择上传.mp3'
-                        }
-                      ]}
-                  >
-                    <UploadFile
-                        disabled={state.previewMode}
-                        size={10}
-                        v-model:imageList={state.musicSheetAccompanimentUrlList}
-                        tips="仅支持上传.mp3格式文件"
-                        listType="image"
-                        accept=".mp3"
-                        bucketName="cloud-coach"
-                        text="点击上传伴奏文件"
-                        max={10}
-                        desc={'上传伴奏文件'}
-                        onUpload:success={(file) => {
-                          state.musicSheetAccompanimentUrls = [state.musicSheetAccompanimentUrls, file.url].filter(Boolean).join(',')
-                          state.musicSheetAccompanimentUrlList = state.musicSheetAccompanimentUrls?.split(',').filter(Boolean)
-                          forms.musicSheetAccompanimentList = []
-                          for (let i = 0; i < state.musicSheetAccompanimentUrlList.length; i++) {
-                            forms.musicSheetAccompanimentList.push({
-                              audioFileUrl: state.musicSheetAccompanimentUrlList[i],
-                              sortNumber: i + 1
-                            })
-                          }
-                        }}
-                        onRemove={() => {
-                          state.musicSheetAccompanimentUrlList = []
-                          state.musicSheetAccompanimentUrls = ''
-                        }}
-                        // onReadFileInputEventAsArrayBuffer={readFileInputEventAsArrayBuffer}
-                        multiple={true}
-                    />
-                  </NFormItemGi>
+                <NFormItemGi
+                  label="上传伴奏"
+                  path="musicSheetAccompanimentList"
+                  rule={[
+                    {
+                      required: false,
+                      message: '请选择上传.mp3'
+                    }
+                  ]}
+                >
+                  <UploadFile
+                    disabled={state.previewMode}
+                    size={10}
+                    v-model:imageList={state.musicSheetAccompanimentUrlList}
+                    tips="仅支持上传.mp3格式文件"
+                    listType="image"
+                    accept=".mp3"
+                    bucketName="cloud-coach"
+                    text="点击上传伴奏文件"
+                    max={10}
+                    desc={'上传伴奏文件'}
+                    onUpload:success={(file) => {
+                      state.musicSheetAccompanimentUrls = [
+                        state.musicSheetAccompanimentUrls,
+                        file.url
+                      ]
+                        .filter(Boolean)
+                        .join(',')
+                      state.musicSheetAccompanimentUrlList = state.musicSheetAccompanimentUrls
+                        ?.split(',')
+                        .filter(Boolean)
+                      forms.musicSheetAccompanimentList = []
+                      for (let i = 0; i < state.musicSheetAccompanimentUrlList.length; i++) {
+                        forms.musicSheetAccompanimentList.push({
+                          audioFileUrl: state.musicSheetAccompanimentUrlList[i],
+                          sortNumber: i + 1
+                        })
+                      }
+                    }}
+                    onRemove={() => {
+                      state.musicSheetAccompanimentUrlList = []
+                      state.musicSheetAccompanimentUrls = ''
+                    }}
+                    // onReadFileInputEventAsArrayBuffer={readFileInputEventAsArrayBuffer}
+                    multiple={true}
+                  />
+                </NFormItemGi>
               )}
               {forms.playMode === 'MIDI' && (
-                  <NFormItemGi
-                      label="上传MID"
-                      path="midiFileUrl"
-                      rule={[
-                        {
-                          required: true,
-                          message: '请选择上传.MID格式文件'
-                        }
-                      ]}
-                  >
-                    <UploadFile
-                        desc={'MIDI文件'}
-                        disabled={state.previewMode}
-                        size={10}
-                        v-model:fileList={forms.midiFileUrl}
-                        tips="仅支持上传.MID格式文件"
-                        listType="image"
-                        accept=".mid"
-                        bucketName="cloud-coach"
-                        text="点击上传MID文件"
-                        // onReadFileInputEventAsArrayBuffer={readFileInputEventAsArrayBuffer}
-                    />
-                  </NFormItemGi>
-              )}
-              <NFormItemGi
-                  label="上传XML"
-                  path="xmlFileUrl"
+                <NFormItemGi
+                  label="上传MID"
+                  path="midiFileUrl"
                   rule={[
                     {
                       required: true,
-                      message: '请选择上传XML'
+                      message: '请选择上传.MID格式文件'
                     }
                   ]}
-              >
-                <UploadFile
-                    desc={'XML文件'}
+                >
+                  <UploadFile
+                    desc={'MIDI文件'}
                     disabled={state.previewMode}
                     size={10}
-                    v-model:fileList={forms.xmlFileUrl}
-                    tips="仅支持上传.xml/.mxml格式文件"
+                    v-model:fileList={forms.midiFileUrl}
+                    tips="仅支持上传.MID格式文件"
                     listType="image"
-                    accept=".xml,.mxml"
+                    accept=".mid"
                     bucketName="cloud-coach"
-                    text="点击上传XML文件"
-                    onReadFileInputEventAsArrayBuffer={readFileInputEventAsArrayBuffer}
-                    onRemove={() => {
-                      forms.multiTracksSelection = []
-                      state.partListNames = []
-                      forms.musicSheetSoundList = []
-                      forms.musicalInstrumentIdList = []
-                      forms.subjectIds = []
-                    }}
+                    text="点击上传MID文件"
+                    // onReadFileInputEventAsArrayBuffer={readFileInputEventAsArrayBuffer}
+                  />
+                </NFormItemGi>
+              )}
+              <NFormItemGi
+                label="上传XML"
+                path="xmlFileUrl"
+                rule={[
+                  {
+                    required: true,
+                    message: '请选择上传XML',
+                    trigger: ['change', 'input']
+                  }
+                ]}
+              >
+                <UploadFile
+                  desc={'XML文件'}
+                  disabled={state.previewMode}
+                  size={10}
+                  key={'xmlFileUrl'}
+                  v-model:fileList={forms.xmlFileUrl}
+                  tips="仅支持上传.xml/.mxml格式文件"
+                  listType="image"
+                  accept=".xml,.mxml"
+                  bucketName="cloud-coach"
+                  text="点击上传XML文件"
+                  onReadFileInputEventAsArrayBuffer={readFileInputEventAsArrayBuffer}
+                  onRemove={() => {
+                    forms.multiTracksSelection = []
+                    state.partListNames = []
+                    forms.musicSheetSoundList = []
+                    forms.musicalInstrumentIdList = []
+                    forms.subjectIds = []
+                  }}
                 />
               </NFormItemGi>
-
             </NGrid>
 
             <NGrid cols={2}>
-              <NFormItemGi label="可用声部" path="subjectIds"
-                           rule={[
-                             {
-                               required: true,
-                               message: '请选择可用声部'
-                             }
-                           ]}
+              <NFormItemGi
+                label="可用声部"
+                path="subjectIds"
+                rule={[
+                  {
+                    required: true,
+                    message: '请选择可用声部',
+                    trigger: 'change',
+                    type: 'array'
+                  }
+                ]}
               >
                 <NSelect
-                    v-model:value={forms.subjectIds}
-                    options={state.subjectList}
-                    multiple
-                    filterable
-                    clearable
-                    placeholder="请选择可用声部"
-                    maxTagCount={2}
+                  v-model:value={forms.subjectIds}
+                  options={state.subjectList}
+                  multiple
+                  filterable
+                  clearable
+                  placeholder="请选择可用声部"
+                  maxTagCount={2}
                 />
               </NFormItemGi>
-              <NFormItemGi label="可用乐器" path="musicalInstrumentIdList"
-                           rule={[
-                             {
-                               required: true,
-                               message: '请选择可用乐器'
-                             }
-                           ]}
+              <NFormItemGi
+                label="可用乐器"
+                path="musicalInstrumentIdList"
+                rule={[
+                  {
+                    required: true,
+                    message: '请选择可用乐器',
+                    trigger: 'change',
+                    type: 'array'
+                  }
+                ]}
               >
                 <NSelect
-                    placeholder="请选择可用乐器"
-                    options={state.instrumentList}
-                    v-model:value={forms.musicalInstrumentIdList}
-                    clearable
-                    multiple
-                    maxTagCount={2}
+                  placeholder="请选择可用乐器"
+                  options={state.instrumentList}
+                  v-model:value={forms.musicalInstrumentIdList}
+                  clearable
+                  multiple
+                  maxTagCount={2}
                 />
               </NFormItemGi>
             </NGrid>
 
-            {(forms.musicSheetType) && (
-                <NGrid cols={1}>
-                  <NFormItemGi
-                      label={`${forms.musicSheetType === 'SINGLE' ? '页面渲染声轨' : '用户可切换声轨'}`}
-                      path="multiTracksSelection"
-                      rule={[
-                        {
-                          required: true,
-                          message: `请选择${forms.musicSheetType === 'SINGLE' ? '页面渲染声轨' : '用户可切换声轨'}`
-                        }
-                      ]}
-                  >
-                    <NGrid style="padding-top: 4px;">
-                      <NGi span={24}>
-                        <NRadioGroup
-                            v-model:value={state.multiTracks}
-                            onUpdateValue={(value) => {
-                              checkMultiTracks(value)
-                            }}
-                        >
-                          <NRadio value={'all'}>全选</NRadio>
-                          <NRadio value={'allUncheck'}>重置</NRadio>
-                          <NRadio value={'invert'}>反选</NRadio>
-                        </NRadioGroup>
-                      </NGi>
-                      <NGi span={24} style={"margin-top:5px"}><NFormItemGi
-                          label=''
-                          path="multiTracksSelection"
-                          rule={[
-                            {
-                              required: false,
-                            }
-                          ]}
+            {forms.musicSheetType && (
+              <NGrid cols={1}>
+                <NFormItemGi
+                  label={`${forms.musicSheetType === 'SINGLE' ? '页面渲染声轨' : '用户可切换声轨'}`}
+                  path="multiTracksSelection"
+                  rule={[
+                    {
+                      required: true,
+                      message: `请选择${
+                        forms.musicSheetType === 'SINGLE' ? '页面渲染声轨' : '用户可切换声轨'
+                      }`,
+                      trigger:'change',
+                      type:'array'
+                    }
+                  ]}
+                >
+                  <NGrid style="padding-top: 4px;">
+                    <NGi span={24}>
+                      <NRadioGroup
+                        v-model:value={state.multiTracks}
+                        onUpdateValue={(value) => {
+                          checkMultiTracks(value)
+                        }}
                       >
-                        <NCheckboxGroup
-                            v-model:value={forms.multiTracksSelection}
-                        >
-                          <NGrid yGap={2} cols={4}
-                          >
+                        <NRadio value={'all'}>全选</NRadio>
+                        <NRadio value={'allUncheck'}>重置</NRadio>
+                        <NRadio value={'invert'}>反选</NRadio>
+                      </NRadioGroup>
+                    </NGi>
+                    <NGi span={24} style={'margin-top:5px'}>
+                      <NFormItemGi
+                        label=""
+                        path="multiTracksSelection"
+                        rule={[
+                          {
+                            required: false
+                          }
+                        ]}
+                      >
+                        <NCheckboxGroup v-model:value={forms.multiTracksSelection}>
+                          <NGrid yGap={2} cols={4}>
                             {state.partListNames.map((item: any) => (
-                                <NGi>
-                                  <NCheckbox value={item.value} label={item.label}/>
-                                </NGi>
+                              <NGi>
+                                <NCheckbox value={item.value} label={item.label} />
+                              </NGi>
                             ))}
                           </NGrid>
                         </NCheckboxGroup>
-                      </NFormItemGi></NGi>
-                    </NGrid>
-                  </NFormItemGi>
-                </NGrid>
-            )
-            }
+                      </NFormItemGi>
+                    </NGi>
+                  </NGrid>
+                </NFormItemGi>
+              </NGrid>
+            )}
             <NGrid cols={2}>
-              <NFormItemGi label="是否播放节拍器" path="isPlayBeat"
-                           rule={[
-                             {
-                               required: true,
-                               message: '请选择是否播放节拍器'
-                             }
-                           ]}
+              <NFormItemGi
+                label="是否播放节拍器"
+                path="isPlayBeat"
+                rule={[
+                  {
+                    required: true,
+                    message: '请选择是否播放节拍器'
+                  }
+                ]}
               >
-                <NRadioGroup
-                    v-model:value={forms.isPlayBeat}
-                >
+                <NRadioGroup v-model:value={forms.isPlayBeat}>
                   <NRadio value={true}>是</NRadio>
                   <NRadio value={false}>否</NRadio>
                 </NRadioGroup>
               </NFormItemGi>
               {forms.isPlayBeat && (
-                  <NFormItemGi label="播放方式" path="audioType"
-                               rule={[
-                                 {
-                                   required: true,
-                                   message: '请选择播放方式'
-                                 }
-                               ]}
-                  >
-                    <NRadioGroup
-                        v-model:value={forms.isUseSystemBeat}
-                    >
-                      <NRadio value={true}>系统节拍器</NRadio>
-                      <NRadio value={false}>MP3节拍器</NRadio>
-                    </NRadioGroup>
-                  </NFormItemGi>
+                <NFormItemGi
+                  label="播放方式"
+                  path="audioType"
+                  rule={[
+                    {
+                      required: true,
+                      message: '请选择播放方式'
+                    }
+                  ]}
+                >
+                  <NRadioGroup v-model:value={forms.isUseSystemBeat}>
+                    <NRadio value={true}>系统节拍器</NRadio>
+                    <NRadio value={false}>MP3节拍器</NRadio>
+                  </NRadioGroup>
+                </NFormItemGi>
               )}
             </NGrid>
             {/* 只有播放类型为mp3时才会有原音 */}
             {forms.playMode === 'MP3' && forms.musicSheetSoundList.length > 0 && (
-                <>
-                  {forms.musicSheetSoundList.map((item: any, index: number) => (
-                      <>
-                        {item.track?.toLocaleUpperCase?.() != 'COMMON' && forms.multiTracksSelection.indexOf(item.track) > -1 &&
-                            <NGrid class={styles.audioSection}
-                                // v-show={forms.multiTracksSelection.indexOf(item.track) > -1}
+              <>
+                {forms.musicSheetSoundList.map((item: any, index: number) => (
+                  <>
+                    {item.track?.toLocaleUpperCase?.() != 'COMMON' &&
+                      forms.multiTracksSelection.indexOf(item.track) > -1 && (
+                        <NGrid
+                          class={styles.audioSection}
+                          // v-show={forms.multiTracksSelection.indexOf(item.track) > -1}
+                        >
+                          <NFormItemGi
+                            span={12}
+                            label="原音"
+                            path={`musicSheetSoundList[${index}].audioFileUrl`}
+                            rule={[
+                              {
+                                // required: forms.multiTracksSelection.indexOf(forms.musicSheetSoundList[index].audioFileUrl) > -1,
+                                required: true,
+                                message: `请上传${
+                                  item.track ? item.track + '的' : '第' + (index + 1) + '个'
+                                }原音`
+                              }
+                            ]}
+                          >
+                            <UploadFile
+                              desc={'原音文件'}
+                              disabled={state.previewMode}
+                              size={100}
+                              v-model:fileList={item.audioFileUrl}
+                              tips="仅支持上传.mp3格式文件"
+                              listType="image"
+                              accept=".mp3"
+                              bucketName="cloud-coach"
+                            />
+                          </NFormItemGi>
+                          {state.partListNames.length > 1 && (
+                            <NFormItemGi
+                              span={12}
+                              label="所属轨道"
+                              path={`musicSheetSoundList[${index}].track`}
+                              rule={[
+                                {
+                                  required: true,
+                                  message: '请选择所属轨道'
+                                }
+                              ]}
                             >
-                                <NFormItemGi
-                                    span={12}
-                                    label="原音"
-                                    path={`musicSheetSoundList[${index}].audioFileUrl`}
-                                    rule={[
-                                      {
-                                        // required: forms.multiTracksSelection.indexOf(forms.musicSheetSoundList[index].audioFileUrl) > -1,
-                                        required: true,
-                                        message: `请上传${
-                                            item.track ? item.track + '的' : '第' + (index + 1) + '个'
-                                        }原音`
-                                      }
-                                    ]}
-                                >
-                                    <UploadFile
-                                        desc={'原音文件'}
-                                        disabled={state.previewMode}
-                                        size={10}
-                                        v-model:fileList={item.audioFileUrl}
-                                        tips="仅支持上传.mp3格式文件"
-                                        listType="image"
-                                        accept=".mp3"
-                                        bucketName="cloud-coach"
-                                    />
-                                </NFormItemGi>
-                              {state.partListNames.length > 1 && (
-                                  <NFormItemGi
-                                      span={12}
-                                      label="所属轨道"
-                                      path={`musicSheetSoundList[${index}].track`}
-                                      rule={[
-                                        {
-                                          required: true,
-                                          message: '请选择所属轨道'
-                                        }
-                                      ]}
-                                  >
-                                    <NSelect
-                                        placeholder="请选择所属轨道"
-                                        v-model:value={item.track}
-                                        options={initPartsListStatus(item.track)}
-                                    />
-                                  </NFormItemGi>
-                              )}
-                            </NGrid>}
-                      </>
-                  ))}
+                              <NSelect
+                                placeholder="请选择所属轨道"
+                                v-model:value={item.track}
+                                options={initPartsListStatus(item.track)}
+                              />
+                            </NFormItemGi>
+                          )}
+                        </NGrid>
+                      )}
+                  </>
+                ))}
 
-                  <NButton
-                      type="primary"
-                      dashed
-                      block
-                      disabled={state.partListNames.length <= forms.musicSheetSoundList.length}
-                      style={{
-                        marginBottom: '24px'
-                      }}
-                      onClick={createSys}
-                  >
-                    添加原音
-                  </NButton>
-                </>
+                <NButton
+                  type="primary"
+                  dashed
+                  block
+                  disabled={state.partListNames.length <= forms.musicSheetSoundList.length}
+                  style={{
+                    marginBottom: '24px'
+                  }}
+                  onClick={createSys}
+                >
+                  添加原音
+                </NButton>
+              </>
             )}
           </NForm>
+        </NSpin>
+        {props.type !== 'preview' && (
+          <NSpace justify="end" style="padding-top:12px">
+            <NButton type="default" onClick={() => emit('close')}>
+              取消
+            </NButton>
+            <NButton
+              type="primary"
+              onClick={() => onSubmit()}
+              loading={btnLoading.value}
+              disabled={btnLoading.value}
+            >
+              确认
+            </NButton>
+          </NSpace>
+        )}
 
-          {props.type !== 'preview' &&
-              (
-                  <NSpace justify="end" style="padding-top:12px">
-                    <NButton type="default" onClick={() => emit('close')}>
-                      取消
-                    </NButton>
-                    <NButton
-                        type="primary"
-                        onClick={() => onSubmit()}
-                        loading={btnLoading.value}
-                        disabled={btnLoading.value}
-                    >
-                      确认
-                    </NButton>
-                  </NSpace>
-              )}
+        <NModal
+          v-model:show={state.showMusicSheetOwnerDialog}
+          preset="dialog"
+          showIcon={false}
+          maskClosable={false}
+          title="所属人"
+          style={{ width: '800px' }}
+        >
+          <MusicSheetOwnerDialog
+            musicSheetExtend={forms.musicSheetExtend}
+            sourceType={forms.sourceType}
+            appData={state.appData}
+            onClose={() => {
+              state.showMusicSheetOwnerDialog = false
+            }}
+            onChoseMusicSheetOwnerData={(musicSheetOwnerData) => {
+              forms.musicSheetExtend = {
+                ...musicSheetOwnerData
+              }
+              setOwnerName()
+            }}
+          />
+        </NModal>
 
-          <NModal
-              v-model:show={state.showMusicSheetOwnerDialog}
-              preset="dialog"
-              showIcon={false}
-              maskClosable={false}
-              title="所属人"
-              style={{width: '800px'}}
-          >
-            <MusicSheetOwnerDialog
-                musicSheetExtend={forms.musicSheetExtend}
-                sourceType={forms.sourceType}
-                appData={state.appData}
-                onClose={() => {
-                  state.showMusicSheetOwnerDialog = false
-                }}
-                onChoseMusicSheetOwnerData={(musicSheetOwnerData) => {
-                  forms.musicSheetExtend = {
-                    ...musicSheetOwnerData
-                  }
-                  setOwnerName()
-                }}
-            />
-          </NModal>
-        </div>
+        <NModal
+          class={styles.productModal}
+          title="自动生成曲谱图片"
+          v-model:show={state.productOpen}
+          preset="dialog"
+          closeOnEsc={false}
+          maskClosable={false}
+          showIcon={false}
+        >
+          <MusicCreateImg
+            xmlFileUrl={forms.xmlFileUrl || ''}
+            onClose={() => (state.productOpen = false)}
+            onConfirm={async (item: any) => {
+              // 保存
+              try {
+                forms.musicImg = item.musicImg
+                forms.musicSvg = item.musicSvg
+                forms.musicJianSvg = item.musicJianSvg
+                onSubmit()
+              } catch (e: any) {
+                //
+                console.log(e, 'e')
+              }
+              setTimeout(() => {
+                state.isAutoSave = false
+              }, 50)
+            }}
+          />
+        </NModal>
+      </div>
     )
   }
 })

src/views/music-library/music-sheet/modal/use-project.tsx

@@ -1,9 +1,27 @@
-import {computed, defineComponent, onMounted, reactive, ref} from 'vue'
-import styles from "@views/music-library/music-sheet/modal/index.module.less";
-import {NButton, NCascader, NCheckbox, NCheckboxGroup, NForm, NFormItem, NInputNumber, NSelect, NSpace, NTabPane, NTabs, useMessage} from "naive-ui";
-import {appKey, musicSheetAvailableType, musicSheetPaymentType} from "@/utils/constant";
-import {musicSheetApplicationExtendCategoryApplicationExtendInfo, musicSheetApplicationExtendCategoryList, musicSheetApplicationExtendSave, musicSheetDetail,} from "@views/music-library/api";
-import {getSelectDataFromObj} from "@/utils/objectUtil";
+import { computed, defineComponent, nextTick, onMounted, reactive, ref } from 'vue'
+import styles from '@views/music-library/music-sheet/modal/index.module.less'
+import {
+  NButton,
+  NCascader,
+  NCheckbox,
+  NCheckboxGroup,
+  NForm,
+  NFormItem,
+  NInputNumber,
+  NSelect,
+  NSpace,
+  NTabPane,
+  NTabs,
+  useMessage
+} from 'naive-ui'
+import { appKey, musicSheetAvailableType, musicSheetPaymentType } from '@/utils/constant'
+import {
+  musicSheetApplicationExtendCategoryApplicationExtendInfo,
+  musicSheetApplicationExtendCategoryList,
+  musicSheetApplicationExtendSave,
+  musicSheetDetail
+} from '@views/music-library/api'
+import { getSelectDataFromObj } from '@/utils/objectUtil'
 
 export default defineComponent({
   name: 'use-project',
@@ -20,89 +38,94 @@ export default defineComponent({
     }
   },
   emits: ['close', 'getList'],
-  setup(props, {emit}) {
+  setup(props, { emit }) {
+    const tabsRef = ref()
     const forms = reactive({
       musicSheetId: null,
       useApplicationIds: [] as any,
 
-      useProjectParamConfig: {  //各个项目配置的参数
-        'GYM': {
+      useProjectParamConfig: {
+        //各个项目配置的参数
+        GYM: {
           musicSheetCategoryId: null as any,
           sortNo: null as any,
-          paymentType: null as any, // 是否收费
+          paymentType: null as any // 是否收费
         },
-        'GYT': {
+        GYT: {
           musicSheetCategoryId: null as any,
-          sortNo: null as any,
+          sortNo: null as any
         },
-        'KLX': {
+        KLX: {
           availableType: null as any, //可用途径 ORG 机构 PLATFORM 平台
           musicSheetCategoryId: null as any,
           paymentType: null as any, // 是否收费
           musicPrice: null as any, // 曲目价格
           topFlag: null as any, // 是否置顶(0:否;1:是)
           exquisiteFlag: null as any, // 精品标志
-          sortNo: null as any,
+          sortNo: null as any
         },
-        'KT': {
+        KT: {
           musicSheetCategoryId: null as any,
-          sortNo: null as any,
-        },
-      } as any,
+          sortNo: null as any
+        }
+      } as any
     })
 
     // 除了排序号，其他字段有一个有值，其他字段都必填
     const gymFileRequire = computed(() => {
-          const app = forms.useProjectParamConfig.GYM
-          const fieldList = ['musicSheetCategoryId', 'paymentType']
-          for (let i = 0; i < fieldList.length; i++) {
-            const fieldValue = app[fieldList[i]]
-            if (fieldValue) {
-              return true
-            }
-          }
-          return false;
+      const app = forms.useProjectParamConfig.GYM
+      const fieldList = ['musicSheetCategoryId', 'paymentType']
+      for (let i = 0; i < fieldList.length; i++) {
+        const fieldValue = app[fieldList[i]]
+        if (fieldValue) {
+          return true
         }
-    )
+      }
+      return false
+    })
 
     const klxFileRequire = computed(() => {
-          const app = forms.useProjectParamConfig['KLX']
-          const fieldList = ['availableType', 'musicSheetCategoryId', 'paymentType', 'musicPrice', 'topFlag', 'exquisiteFlag']
-          for (let i = 0; i < fieldList.length; i++) {
-            const fieldValue = app[fieldList[i]]
-            if (fieldValue) {
-              return true
-            }
-          }
-          return false;
+      const app = forms.useProjectParamConfig['KLX']
+      const fieldList = [
+        'availableType',
+        'musicSheetCategoryId',
+        'paymentType',
+        'musicPrice',
+        'topFlag',
+        'exquisiteFlag'
+      ]
+      for (let i = 0; i < fieldList.length; i++) {
+        const fieldValue = app[fieldList[i]]
+        if (fieldValue) {
+          return true
         }
-    )
+      }
+      return false
+    })
 
     const ktFileRequire = computed(() => {
-          const app = forms.useProjectParamConfig['KT']
-          const fieldList = ['musicSheetCategoryId']
-          for (let i = 0; i < fieldList.length; i++) {
-            const fieldValue = app[fieldList[i]]
-            if (fieldValue) {
-              return true
-            }
-          }
-          return false;
+      const app = forms.useProjectParamConfig['KT']
+      const fieldList = ['musicSheetCategoryId']
+      for (let i = 0; i < fieldList.length; i++) {
+        const fieldValue = app[fieldList[i]]
+        if (fieldValue) {
+          return true
         }
-    )
+      }
+      return false
+    })
 
     const gytFileRequire = computed(() => {
-          const app = forms.useProjectParamConfig['GYT']
-          const fieldList = ['musicSheetCategoryId']
-          for (let i = 0; i < fieldList.length; i++) {
-            const fieldValue = app[fieldList[i]]
-            if (fieldValue) {
-              return true
-            }
-          }
-          return false;
+      const app = forms.useProjectParamConfig['GYT']
+      const fieldList = ['musicSheetCategoryId']
+      for (let i = 0; i < fieldList.length; i++) {
+        const fieldValue = app[fieldList[i]]
+        if (fieldValue) {
+          return true
         }
-    )
+      }
+      return false
+    })
 
     const state = reactive({
       loading: false,
@@ -110,12 +133,11 @@ export default defineComponent({
       tabName: null as any,
       selectAppKey: [] as any, //选择的APP
       selectAppName: [] as any, //app key name映射
-      appKeyNameMap: null as any,//
+      appKeyNameMap: null as any, //
       userProjectList: [] as any, // 适用项目列表
-      musicSheetCategoryOptions: {} as any,//项目曲目分类选择
-
-      musicSheetCanBeUsedProjectKey: [] as any, //  曲目可以使用在哪些项目，通过声部配置过滤
+      musicSheetCategoryOptions: {} as any, //项目曲目分类选择
 
+      musicSheetCanBeUsedProjectKey: [] as any //  曲目可以使用在哪些项目，通过声部配置过滤
     })
 
     const btnLoading = ref(false)
@@ -125,7 +147,7 @@ export default defineComponent({
       state.loading = true
 
       // 加载已经配置的APP
-      const {data} = await musicSheetDetail({id: props.id})
+      const { data } = await musicSheetDetail({ id: props.id })
       state.musicSheetData = data
       if (data && data.musicSheetExtend) {
         forms.useApplicationIds = data.musicSheetExtend.useApplicationIds?.split(',') || []
@@ -143,15 +165,15 @@ export default defineComponent({
       // }
 
       // 加载所有的APP
-      const keys = Object.keys(appKey);
+      const keys = Object.keys(appKey)
       // state.userProjectList = props.useProject.filter((next: any) => {
       //   const indexOf = keys.indexOf(next.appKey);
       //   return indexOf > -1;
       // })
 
       props.useProject.forEach((next: any) => {
-        const indexOf = keys.indexOf(next.appKey);
-        let disabled = false;
+        const indexOf = keys.indexOf(next.appKey)
+        let disabled = false
         if (indexOf > -1) {
           // disabled = !state.musicSheetCanBeUsedProjectKey.includes(next.appKey);
           state.userProjectList.push({
@@ -161,7 +183,7 @@ export default defineComponent({
         }
       })
 
-      state.appKeyNameMap = new Map<string, string>
+      state.appKeyNameMap = new Map<String, String>()
       state.userProjectList.forEach((next: any) => {
         if (forms.useApplicationIds.includes(next.id)) {
           state.selectAppKey.push(next.appKey)
@@ -174,24 +196,28 @@ export default defineComponent({
 
       // 加载不同项目的曲目分类列表
       const projectIdArr = [] as any
-      const appIdCodeMap = new Map<number, string>;
+      const appIdCodeMap = new Map<number, string>()
       props.useProject.forEach((project: any) => {
         projectIdArr.push(project.id)
         appIdCodeMap.set(project.id, project.appKey)
       })
       if (projectIdArr.length > 0) {
-        const {data} = await musicSheetApplicationExtendCategoryList({applicationIds: projectIdArr.join(',')})
+        const { data } = await musicSheetApplicationExtendCategoryList({
+          applicationIds: projectIdArr.join(',')
+        })
         data.forEach((next: any) => {
-          const appCode = appIdCodeMap.get(next.applicationId);
+          const appCode = appIdCodeMap.get(next.applicationId)
           if (appCode) {
             state.musicSheetCategoryOptions[appCode] = next.musicSheetCategories
           }
         })
       }
       {
-        const {data} = await musicSheetApplicationExtendCategoryApplicationExtendInfo({musicSheetId: props.id}) as any
+        const { data } = (await musicSheetApplicationExtendCategoryApplicationExtendInfo({
+          musicSheetId: props.id
+        })) as any
         data.forEach((next: any) => {
-          const key = next.appKey;
+          const key = next.appKey
           if (key === 'GYM') {
             forms.useProjectParamConfig[key]['musicSheetCategoryId'] = next.musicSheetCategories
             forms.useProjectParamConfig[key]['sortNo'] = next.sortNo
@@ -215,18 +241,16 @@ export default defineComponent({
         })
       }
 
-
       state.loading = false
     })
 
-
     const formsRef = ref()
 
     const onSubmit = async () => {
       formsRef.value.validate(async (error: any) => {
         if (error) {
           if (Array.isArray(error) && error.length > 0) {
-            const app = error[0][0].field?.split('.')[1];
+            const app = error[0][0].field?.split('.')[1]
             if (app && state.selectAppKey.includes(app)) {
               state.tabName = app
             }
@@ -235,24 +259,23 @@ export default defineComponent({
         }
         btnLoading.value = true
         try {
-          const appKeyIdMap = new Map<string, string>;
+          const appKeyIdMap = new Map<string, string>()
           props.useProject.forEach((project: any) => {
             appKeyIdMap.set(project.appKey, project.id)
           })
           // 获取选择的应用项目
           const applicationExtends = [] as any
           state.selectAppKey.forEach((appKey: any) => {
-            Object.keys(forms.useProjectParamConfig).forEach(key => {
+            Object.keys(forms.useProjectParamConfig).forEach((key) => {
               if (appKey === key) {
-                const value = forms.useProjectParamConfig[key];
+                const value = forms.useProjectParamConfig[key]
                 if (!value['sortNo']) {
                   value['sortNo'] = 0
                 }
                 //除了排序号，其他字段都不为空时才保存数据
                 const every = Object.values(value).every((val: any) => {
-                  return !(val === null || val === undefined || val === '');
-
-                });
+                  return !(val === null || val === undefined || val === '')
+                })
                 if (every) {
                   applicationExtends.push({
                     ...value,
@@ -265,9 +288,9 @@ export default defineComponent({
           })
 
           const params = {
-            'musicSheetId': props.id,
-            'useApplicationIds': forms.useApplicationIds.join(','),
-            'applicationExtends': applicationExtends
+            musicSheetId: props.id,
+            useApplicationIds: forms.useApplicationIds.join(','),
+            applicationExtends: applicationExtends
           }
           await musicSheetApplicationExtendSave(params)
           message.success('修改成功')
@@ -280,376 +303,379 @@ export default defineComponent({
       })
     }
 
-
     return () => (
-        <div>
-          <NForm
-              class={styles.formContainer}
-              model={forms}
-              ref={formsRef}
-              label-placement="left"
-              label-width="85"
+      <div>
+        <NForm
+          class={styles.formContainer}
+          model={forms}
+          ref={formsRef}
+          label-placement="left"
+          label-width="85"
+        >
+          {/*<NText style={'color:red'}>*/}
+          {/*  注：应用无曲目声部时，适用应用不可选择*/}
+          {/*</NText>*/}
+          <NFormItem
+            label="适用应用"
+            path="useApplicationIds"
+            rule={[
+              {
+                required: true,
+                message: '请选择适用应用'
+              }
+            ]}
           >
-            {/*<NText style={'color:red'}>*/}
-            {/*  注：应用无曲目声部时，适用应用不可选择*/}
-            {/*</NText>*/}
-            <NFormItem
-                label="适用应用"
-                path="useApplicationIds"
-                rule={[
-                  {
-                    required: true,
-                    message: '请选择适用应用'
+            <NCheckboxGroup
+              v-model:value={forms.useApplicationIds}
+              onUpdateValue={(value) => {
+                state.selectAppKey = []
+                state.userProjectList.forEach((next: any) => {
+                  if (value.includes(next.id)) {
+                    state.selectAppKey.push(next.appKey)
                   }
-                ]}
-            >
-              <NCheckboxGroup
-                  v-model:value={forms.useApplicationIds}
-                  onUpdateValue={(value) => {
-                    state.selectAppKey = []
-                    state.userProjectList.forEach((next: any) => {
-                      if (value.includes(next.id)) {
-                        state.selectAppKey.push(next.appKey)
-                      }
-                    })
+                })
 
-                    // 反勾选时，更新选中的tab
-                    if (state.selectAppKey.length == 0) {
-                      state.tabName = '';
-                    } else {
-                      state.tabName = state.selectAppKey[0]
-                    }
-                  }}
-              >
-                {state.userProjectList.map((item: any) => (
-                    <NCheckbox value={item.value}>{item.label}</NCheckbox>
-                    // <NCheckbox value={item.value} disabled={item.disabled}>{item.label}</NCheckbox>
-                ))
+                // 反勾选时，更新选中的tab
+                if (state.selectAppKey.length == 0) {
+                  state.tabName = ''
+                } else {
+                  state.tabName = state.selectAppKey[0]
                 }
-              </NCheckboxGroup>
-            </NFormItem>
-            {state.selectAppKey.length > 0 && (
-                <NTabs
-                    type="line"
-                    v-model:value={state.tabName}
-
-                    onUpdate:value={(val: any) => {
-                      state.tabName = val
-                    }}
-                >
-                  {state.selectAppKey.map((item: any, index: number) => {
-                    return <NTabPane
-                        tab={state.appKeyNameMap.get(item)}
-                        name={item}
-                        displayDirective={"show"}
-                    >
-                      {item === 'GYM' &&
-                          <div>
-                              <NFormItem
-                                  label="曲目分类"
-                                  path="useProjectParamConfig.GYM.musicSheetCategoryId"
-                                  rule={[
-                                    {
-                                      required: gymFileRequire.value,
-                                      message: '请选择曲目分类',
-                                      trigger: ['input', 'blur']
-                                    }
-                                  ]}
-                              >
-                                  <NCascader
-                                      valueField="id"
-                                      labelField="name"
-                                      children-field="children"
-                                      placeholder="请选择分类"
-                                      v-model:value={forms.useProjectParamConfig.GYM.musicSheetCategoryId}
-                                      options={state.musicSheetCategoryOptions.GYM}
-                                      onChange={() => {
 
-                                      }}
-                                      clearable
-                                  />
-                              </NFormItem>
-                              <NFormItem
-                                  label="是否收费"
-                                  path="useProjectParamConfig.GYM.paymentType"
-                                  rule={[
-                                    {
-                                      required: gymFileRequire.value,
-                                      message: '请选择收费类型',
-                                      trigger: ['input', 'blur']
-                                    }
-                                  ]}
-                              >
-                                  <NSelect
-                                      placeholder="请选择收费类型"
-                                      clearable
-                                      v-model:value={forms.useProjectParamConfig.GYM.paymentType}
-                                      options={getSelectDataFromObj(musicSheetPaymentType)}
-                                  >
-                                  </NSelect>
-                              </NFormItem>
-                              <NFormItem
-                                  label="排序值"
-                                  path="useProjectParamConfig.GYM.sortNo"
-                              >
-                                  <NInputNumber
-                                      v-model:value={forms.useProjectParamConfig.GYM.sortNo}
-                                      placeholder="请输入排序值"
-                                      clearable
-                                      min={0}
-                                      max={9999}
-                                      style={{width: '100%'}}
-                                  />
-                              </NFormItem>
-                          </div>
-                      }
-                      {item === 'GYT' &&
-                          <div>
-                              <NFormItem
-                                  label="分类"
-                                  path="useProjectParamConfig.GYT.musicSheetCategoryId"
-                                  rule={[
-                                    {
-                                      required: gytFileRequire.value,
-                                      message: '请选择分类',
-                                      trigger: ['input', 'blur']
-                                    }
-                                  ]}
-                              >
-                                  <NCascader
-                                      valueField="id"
-                                      labelField="name"
-                                      children-field="children"
-                                      placeholder="请选择分类"
-                                      v-model:value={forms.useProjectParamConfig.GYT.musicSheetCategoryId}
-                                      options={state.musicSheetCategoryOptions.GYT}
-                                      clearable
-                                  />
-                              </NFormItem>
-                              <NFormItem
-                                  label="排序值"
-                                  path="useProjectParamConfig.GYT.sortNo"
-                              >
-                                  <NInputNumber
-                                      v-model:value={forms.useProjectParamConfig.GYT.sortNo}
-                                      placeholder="请输入排序值"
-                                      clearable
-                                      min={0}
-                                      max={9999}
-                                      style={{width: '100%'}}
-                                  />
-                              </NFormItem>
-                          </div>
-                      }
-                      {item === 'KLX' &&
-                          <div>
-                              <NFormItem
-                                  label="可用途径"
-                                  path="useProjectParamConfig.KLX.availableType"
-                                  rule={[
-                                    {
-                                      required: klxFileRequire.value,
-                                      message: '请选择可用途径',
-                                    }
-                                  ]}
-                              >
-                                  <NSelect
-                                      placeholder="请选择可用途径"
-                                      clearable
-                                      v-model:value={forms.useProjectParamConfig.KLX.availableType}
-                                      options={getSelectDataFromObj(musicSheetAvailableType)}
-                                  >
-                                  </NSelect>
-                              </NFormItem>
-                              <NFormItem
-                                  label="曲目标签"
-                                  path="useProjectParamConfig.KLX.musicSheetCategoryId"
-                                  rule={[
-                                    {
-                                      required: klxFileRequire.value,
-                                      message: '请选择曲目标签',
-                                      trigger: ['input', 'blur']
-                                    }
-                                  ]}
-                              >
-                                  <NSelect
-                                      placeholder="请选择曲目标签"
-                                      clearable
-                                      v-model:value={forms.useProjectParamConfig.KLX.musicSheetCategoryId}
-                                      options={[]}
-                                  >
-                                  </NSelect>
-                              </NFormItem>
-                              <NFormItem
-                                  label="是否收费"
-                                  path="useProjectParamConfig.KLX.paymentType"
-                                  rule={[
-                                    {
-                                      required: klxFileRequire.value,
-                                      message: '请选择是否收费',
-                                    }
-                                  ]}
-                              >
-                                  <NSelect
-                                      placeholder="请选择是否收费"
-                                      clearable
-                                      v-model:value={forms.useProjectParamConfig.KLX.paymentType}
-                                      options={[
-                                        {
-                                          label: '是',
-                                          value: 1
-                                        },
-                                        {
-                                          label: '否',
-                                          value: 0
-                                        }
-                                      ]}
-                                  >
-                                  </NSelect>
-                              </NFormItem>
-                              <NFormItem
-                                  label="曲目价格"
-                                  path="useProjectParamConfig.KLX.musicPrice"
-                                  rule={[
-                                    {
-                                      required: klxFileRequire.value,
-                                      message: '请输入曲目价格',
-                                      trigger: ['input', 'blur']
-                                    }
-                                  ]}
-                              >
-                                  <NInputNumber style={"width:100%"}
-                                                placeholder="请输入曲目价格"
-                                                v-model:value={forms.useProjectParamConfig.KLX.musicPrice}
-                                  />
-                              </NFormItem>
-                              <NFormItem
-                                  label="是否置顶"
-                                  path="useProjectParamConfig.KLX.topFlag"
-                                  rule={[
-                                    {
-                                      required: klxFileRequire.value,
-                                      message: '请选择是否置顶',
-                                    }
-                                  ]}
-                              >
-                                  <NSelect
-                                      placeholder="请选择是否置顶"
-                                      clearable
-                                      v-model:value={forms.useProjectParamConfig.KLX.topFlag}
-                                      options={[
-                                        {
-                                          label: '是',
-                                          value: 1
-                                        },
-                                        {
-                                          label: '否',
-                                          value: 0
-                                        }
-                                      ]}
-                                  >
-                                  </NSelect>
-                              </NFormItem>
-                              <NFormItem
-                                  label="精品乐谱"
-                                  path="useProjectParamConfig.KLX.exquisiteFlag"
-                                  rule={[
-                                    {
-                                      required: klxFileRequire.value,
-                                      message: '请选择是否精品乐谱',
-                                      trigger: ['input', 'blur']
-                                    }
-                                  ]}
-                              >
-                                  <NSelect
-                                      placeholder="请选择是否精品乐谱"
-                                      clearable
-                                      v-model:value={forms.useProjectParamConfig.KLX.exquisiteFlag}
-                                      options={[
-                                        {
-                                          label: '是',
-                                          value: 1
-                                        },
-                                        {
-                                          label: '否',
-                                          value: 0
-                                        }
-                                      ]}
-                                  >
-                                  </NSelect>
-                              </NFormItem>
-                              <NFormItem
-                                  label="排序值"
-                                  path="useProjectParamConfig.KLX.sortNo"
-                              >
-                                  <NInputNumber
-                                      v-model:value={forms.useProjectParamConfig.KLX.sortNo}
-                                      placeholder="请输入排序值"
-                                      clearable
-                                      min={0}
-                                      max={9999}
-                                      style={{width: '100%'}}
-                                  />
-                              </NFormItem>
-                          </div>
-                      }
-                      {item === 'KT' &&
-                          <div>
-                              <NFormItem
-                                  label="乐谱教材"
-                                  path="useProjectParamConfig.KT.musicSheetCategoryId"
-                                  rule={[
-                                    {
-                                      required: ktFileRequire.value,
-                                      message: '请选择乐谱教材',
-                                      trigger: ['input', 'blur']
-                                    }
-                                  ]}
-                              >
-                                  <NCascader
-                                      valueField="id"
-                                      labelField="name"
-                                      children-field="children"
-                                      placeholder="请选择乐谱教材"
-                                      v-model:value={forms.useProjectParamConfig.KT.musicSheetCategoryId}
-                                      options={state.musicSheetCategoryOptions.KT}
-                                      clearable
-                                  />
-                              </NFormItem>
-                              <NFormItem
-                                  label="排序值"
-                                  path="useProjectParamConfig.KT.sortNo"
-                              >
-                                  <NInputNumber
-                                      v-model:value={forms.useProjectParamConfig.KT.sortNo}
-                                      placeholder="请输入排序值"
-                                      clearable
-                                      min={0}
-                                      max={9999}
-                                      style={{width: '100%'}}
-                                  />
-                              </NFormItem>
-                          </div>
-                      }
-                    </NTabPane>
-                  })}
-                </NTabs>
-            )}
-          </NForm>
-          <NSpace justify="end" style={'margin-top: 10px'}>
-            <NButton type="default" onClick={() => emit('close')}>
-              取消
-            </NButton>
-            <NButton
-                type="primary"
-                onClick={() => onSubmit()}
-                loading={btnLoading.value}
-                disabled={btnLoading.value}
+                nextTick(() => tabsRef.value?.syncBarPosition())
+              }}
             >
-              确认
-            </NButton>
-          </NSpace>
-        </div>
+              {state.userProjectList.map((item: any) => (
+                <NCheckbox value={item.value}>{item.label}</NCheckbox>
+                // <NCheckbox value={item.value} disabled={item.disabled}>{item.label}</NCheckbox>
+              ))}
+            </NCheckboxGroup>
+          </NFormItem>
+          {state.selectAppKey.length > 0 && (
+            <NTabs
+              ref={tabsRef}
+              type="line"
+              v-model:value={state.tabName}
+              onUpdate:value={(val: any) => {
+                state.tabName = val
+              }}
+            >
+              {state.selectAppKey.map((item: any, index: number) => {
+                return (
+                  <NTabPane
+                    tab={state.appKeyNameMap.get(item)}
+                    name={item}
+                    displayDirective={'show'}
+                  >
+                    {item === 'GYM' && (
+                      <div>
+                        <NFormItem
+                          label="曲目分类"
+                          path="useProjectParamConfig.GYM.musicSheetCategoryId"
+                          rule={[
+                            {
+                              required: gymFileRequire.value,
+                              message: '请选择曲目分类',
+                              trigger:'change',
+                            }
+                          ]}
+                        >
+                          <NCascader
+                            valueField="id"
+                            labelField="name"
+                            children-field="children"
+                            placeholder="请选择分类"
+                            v-model:value={forms.useProjectParamConfig.GYM.musicSheetCategoryId}
+                            options={state.musicSheetCategoryOptions.GYM}
+                            onChange={() => {}}
+                            clearable
+                          />
+                        </NFormItem>
+                        <NFormItem
+                          label="是否收费"
+                          path="useProjectParamConfig.GYM.paymentType"
+                          rule={[
+                            {
+                              required: gymFileRequire.value,
+                              message: '请选择收费类型',
+                              trigger:'change'
+                            }
+                          ]}
+                        >
+                          <NSelect
+                            placeholder="请选择收费类型"
+                            clearable
+                            v-model:value={forms.useProjectParamConfig.GYM.paymentType}
+                            options={[
+                              {
+                                label:'免费',
+                                value:'FREE'
+                              },
+                              {
+                                label:'收费',
+                                value:'CHARGE'
+                              }
+                            ]}
+                          ></NSelect>
+                        </NFormItem>
+                        <NFormItem label="排序值" path="useProjectParamConfig.GYM.sortNo">
+                          <NInputNumber
+                            v-model:value={forms.useProjectParamConfig.GYM.sortNo}
+                            placeholder="请输入排序值"
+                            clearable
+                            min={0}
+                            max={9999}
+                            style={{ width: '100%' }}
+                          />
+                        </NFormItem>
+                      </div>
+                    )}
+                    {item === 'GYT' && (
+                      <div>
+                        <NFormItem
+                          label="分类"
+                          path="useProjectParamConfig.GYT.musicSheetCategoryId"
+                          rule={[
+                            {
+                              required: gytFileRequire.value,
+                              message: '请选择分类',
+                              trigger:'change'
+                            }
+                          ]}
+                        >
+                          <NCascader
+                            valueField="id"
+                            labelField="name"
+                            children-field="children"
+                            placeholder="请选择分类"
+                            v-model:value={forms.useProjectParamConfig.GYT.musicSheetCategoryId}
+                            options={state.musicSheetCategoryOptions.GYT}
+                            clearable
+                          />
+                        </NFormItem>
+                        <NFormItem label="排序值" path="useProjectParamConfig.GYT.sortNo">
+                          <NInputNumber
+                            v-model:value={forms.useProjectParamConfig.GYT.sortNo}
+                            placeholder="请输入排序值"
+                            clearable
+                            min={0}
+                            max={9999}
+                            style={{ width: '100%' }}
+                          />
+                        </NFormItem>
+                      </div>
+                    )}
+                    {item === 'KLX' && (
+                      <div>
+                        <NFormItem
+                          label="可用途径"
+                          path="useProjectParamConfig.KLX.availableType"
+                          rule={[
+                            {
+                              required: klxFileRequire.value,
+                              message: '请选择可用途径',
+                              trigger:'change'
+                            }
+                          ]}
+                        >
+                          <NSelect
+                            placeholder="请选择可用途径"
+                            clearable
+                            v-model:value={forms.useProjectParamConfig.KLX.availableType}
+                            options={getSelectDataFromObj(musicSheetAvailableType)}
+                          ></NSelect>
+                        </NFormItem>
+                        <NFormItem
+                          label="曲目标签"
+                          path="useProjectParamConfig.KLX.musicSheetCategoryId"
+                          rule={[
+                            {
+                              required: klxFileRequire.value,
+                              message: '请选择曲目标签',
+                              trigger:'change',
+                              type:'array'
+                            }
+                          ]}
+                        >
+                          <NSelect
+                            placeholder="请选择曲目标签"
+                            clearable
+                            multiple
+                            labelField={'name'}
+                            valueField={'id'}
+                            v-model:value={forms.useProjectParamConfig.KLX.musicSheetCategoryId}
+                            options={state.musicSheetCategoryOptions.KLX}
+                            maxTagCount={3}
+                          ></NSelect>
+                        </NFormItem>
+                        <NFormItem
+                          label="是否收费"
+                          path="useProjectParamConfig.KLX.paymentType"
+                          rule={[
+                            {
+                              required: klxFileRequire.value,
+                              message: '请选择是否收费',
+                              trigger:'change',
+                              type:'number'
+                            }
+                          ]}
+                        >
+                          <NSelect
+                            placeholder="请选择是否收费"
+                            clearable
+                            v-model:value={forms.useProjectParamConfig.KLX.paymentType}
+                            options={[
+                              {
+                                label: '是',
+                                value: 1
+                              },
+                              {
+                                label: '否',
+                                value: 0
+                              }
+                            ]}
+                          ></NSelect>
+                        </NFormItem>
+                        <NFormItem
+                          label="曲目价格"
+                          path="useProjectParamConfig.KLX.musicPrice"
+                          rule={[
+                            {
+                              required: klxFileRequire.value,
+                              message: '请输入曲目价格',
+                              trigger:['input','blur'],
+                              type:'number'
+                            }
+                          ]}
+                        >
+                          <NInputNumber
+                            style={'width:100%'}
+                            placeholder="请输入曲目价格"
+                            v-model:value={forms.useProjectParamConfig.KLX.musicPrice}
+                          />
+                        </NFormItem>
+                        <NFormItem
+                          label="是否置顶"
+                          path="useProjectParamConfig.KLX.topFlag"
+                          rule={[
+                            {
+                              required: klxFileRequire.value,
+                              message: '请选择是否置顶',
+                              trigger:'change',
+                              type:'number'
+                            }
+                          ]}
+                        >
+                          <NSelect
+                            placeholder="请选择是否置顶"
+                            clearable
+                            v-model:value={forms.useProjectParamConfig.KLX.topFlag}
+                            options={[
+                              {
+                                label: '是',
+                                value: 1
+                              },
+                              {
+                                label: '否',
+                                value: 0
+                              }
+                            ]}
+                          ></NSelect>
+                        </NFormItem>
+                        <NFormItem
+                          label="精品乐谱"
+                          path="useProjectParamConfig.KLX.exquisiteFlag"
+                          rule={[
+                            {
+                              required: klxFileRequire.value,
+                              message: '请选择是否精品乐谱',
+                              trigger:'change',
+                              type:'number'
+                            }
+                          ]}
+                        >
+                          <NSelect
+                            placeholder="请选择是否精品乐谱"
+                            clearable
+                            v-model:value={forms.useProjectParamConfig.KLX.exquisiteFlag}
+                            options={[
+                              {
+                                label: '是',
+                                value: 1
+                              },
+                              {
+                                label: '否',
+                                value: 0
+                              }
+                            ]}
+                          ></NSelect>
+                        </NFormItem>
+                        <NFormItem label="排序值" path="useProjectParamConfig.KLX.sortNo">
+                          <NInputNumber
+                            v-model:value={forms.useProjectParamConfig.KLX.sortNo}
+                            placeholder="请输入排序值"
+                            clearable
+                            min={0}
+                            max={9999}
+                            style={{ width: '100%' }}
+                          />
+                        </NFormItem>
+                      </div>
+                    )}
+                    {item === 'KT' && (
+                      <div>
+                        <NFormItem
+                          label="乐谱教材"
+                          path="useProjectParamConfig.KT.musicSheetCategoryId"
+                          rule={[
+                            {
+                              required: ktFileRequire.value,
+                              message: '请选择乐谱教材'
+                            }
+                          ]}
+                        >
+                          <NCascader
+                            valueField="id"
+                            labelField="name"
+                            children-field="children"
+                            placeholder="请选择乐谱教材"
+                            v-model:value={forms.useProjectParamConfig.KT.musicSheetCategoryId}
+                            options={state.musicSheetCategoryOptions.KT}
+                            clearable
+                          />
+                        </NFormItem>
+                        <NFormItem label="排序值" path="useProjectParamConfig.KT.sortNo">
+                          <NInputNumber
+                            v-model:value={forms.useProjectParamConfig.KT.sortNo}
+                            placeholder="请输入排序值"
+                            clearable
+                            min={0}
+                            max={9999}
+                            style={{ width: '100%' }}
+                          />
+                        </NFormItem>
+                      </div>
+                    )}
+                  </NTabPane>
+                )
+              })}
+            </NTabs>
+          )}
+        </NForm>
+        <NSpace justify="end" style={'margin-top: 10px'}>
+          <NButton type="default" onClick={() => emit('close')}>
+            取消
+          </NButton>
+          <NButton
+            type="primary"
+            onClick={() => onSubmit()}
+            loading={btnLoading.value}
+            disabled={btnLoading.value}
+          >
+            确认
+          </NButton>
+        </NSpace>
+      </div>
     )
   }
-})
+})

src/views/music-library/project-music-sheet/index.tsx

@@ -1,13 +1,13 @@
-import {NTabPane, NTabs} from 'naive-ui'
-import {defineComponent, h, onMounted, reactive} from 'vue'
-import {useRoute} from 'vue-router'
-import {getTabsCache, setTabsCaches} from '@/hooks/use-async'
-import {appKey} from "@/utils/constant";
-import {sysApplicationPage} from "@views/menu-manage/api";
-import MusicSheetKt from "@views/music-library/project-music-sheet/module/kt/music-sheet-kt";
-import MusicSheetGym from "@views/music-library/project-music-sheet/module/gym/music-sheet-gym";
-import MusicSheetGyt from "@views/music-library/project-music-sheet/module/gyt/music-sheet-gyt";
-import MusicSheetKlx from "@views/music-library/project-music-sheet/module/klx/music-sheet-klx";
+import { NTabPane, NTabs } from 'naive-ui'
+import { defineComponent, h, nextTick, onMounted, reactive, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import { getTabsCache, setTabsCaches } from '@/hooks/use-async'
+import { appKey } from '@/utils/constant'
+import { sysApplicationPage } from '@views/menu-manage/api'
+import MusicSheetKt from '@views/music-library/project-music-sheet/module/kt/music-sheet-kt'
+import MusicSheetGym from '@views/music-library/project-music-sheet/module/gym/music-sheet-gym'
+import MusicSheetGyt from '@views/music-library/project-music-sheet/module/gyt/music-sheet-gyt'
+import MusicSheetKlx from '@views/music-library/project-music-sheet/module/klx/music-sheet-klx'
 
 export default defineComponent({
   name: 'project-music-sheet',
@@ -15,12 +15,13 @@ export default defineComponent({
     const state = reactive({
       tabName: 'KT' as 'KT' | 'GYT' | 'KLX' | 'GYM',
       appKeyList: [] as any,
-      appNameList: [] as any,
+      appNameList: [] as any
     })
+    const tabsInstRef = ref()
     getTabsCache((val: any) => {
-      console.log(val)
       if (val.form.tabName) {
         state.tabName = val.form.tabName
+        nextTick(() => tabsInstRef.value?.syncBarPosition())
       }
     })
     const route = useRoute()
@@ -28,60 +29,42 @@ export default defineComponent({
       setTabsCaches(val, 'tabName', route)
     }
 
-
     onMounted(async () => {
       // 获取应用APP信息
-      {
-        const appKeys = Object.keys(appKey);
-        const {data} = await sysApplicationPage({page: 1, rows: 99, parentId: 0})
-        const tempList = data.rows || []
-        tempList.forEach((next: any) => {
-          if (appKeys.includes(next.appKey)) {
-            state.appKeyList.push(next.appKey)
-            state.appNameList.push(next.appName)
-          }
-        })
-      }
+      const appKeys = Object.keys(appKey)
+      const { data } = await sysApplicationPage({ page: 1, rows: 99, parentId: 0 })
+      const tempList = data.rows || []
+      tempList.forEach((next: any) => {
+        if (appKeys.includes(next.appKey)) {
+          state.appKeyList.push(next.appKey)
+          state.appNameList.push(next.appName)
+        }
+      })
+      nextTick(() => tabsInstRef.value?.syncBarPosition())
     })
 
-
     return () => {
       return (
-          <div class="system-menu-container">
-            <div class={['section-container']} style="padding-top: 0">
-              <NTabs
-                  type="line"
-                  size="large"
-                  v-model:value={state.tabName}
-                  onUpdate:value={(val: any) => setTabs(val)}
-              >
-                {state.appKeyList.map((app: any, index: number) => {
-                  return h(
-                      NTabPane,
-                      {
-                        name: app,
-                        tab: state.appNameList[index]
-                      },
-                      {
-                        default: () => {
-                          if (app == 'KT') {
-                            return h(MusicSheetKt, {'appKey': app})
-                          } else if (app == 'GYM') {
-                            return h(MusicSheetGym, {'appKey': app})
-                          } else if (app == 'KLX') {
-                            return h(MusicSheetKlx, {'appKey': app})
-                          } else if (app == 'GYT') {
-                            return h(MusicSheetGyt, {'appKey': app})
-                          } else {
-                            return h(MusicSheetKt)
-                          }
-                        }
-                      }
-                  )
-                })}
-              </NTabs>
-            </div>
+        <div class="system-menu-container">
+          <div class={['section-container']} style="padding-top: 0">
+            <NTabs
+              ref={tabsInstRef}
+              type="line"
+              size="large"
+              v-model:value={state.tabName}
+              onUpdate:value={(val: any) => setTabs(val)}
+            >
+              {state.appKeyList.map((app: any, index: number) => (
+                <NTabPane name={app} tab={state.appNameList[index]}>
+                  {app === 'KT' && <MusicSheetKt appKey={app} />}
+                  {app === 'GYM' && <MusicSheetGym appKey={app} />}
+                  {app === 'KLX' && <MusicSheetKlx appKey={app} />}
+                  {app === 'GYT' && <MusicSheetGyt appKey={app} />}
+                </NTabPane>
+              ))}
+            </NTabs>
           </div>
+        </div>
       )
     }
   }

src/views/music-library/project-music-sheet/module/gym/addMusic.tsx

@@ -1,12 +1,30 @@
-import {defineComponent, h, onMounted, reactive, ref} from "vue";
-import SaveForm from "@components/save-form";
-import {DataTableColumns, DataTableRowKey, NButton, NCascader, NDataTable, NFormItem, NIcon, NImage, NInput, NInputNumber, NSelect, NSpace, NStep, NSteps, useDialog, useMessage} from "naive-ui";
-import Pagination from "@components/pagination";
-import {getMapValueByKey, getSelectDataFromObj} from "@/utils/objectUtil";
-import {musicSheetPaymentType, musicSheetSourceType, musicSheetType} from "@/utils/constant";
-import {musicSheetApplicationExtendSaveBatch, musicSheetPage} from "@views/music-library/api";
-import deepClone from "@/utils/deep.clone";
-import {getOwnerName} from "@views/music-library/musicUtil";
+import { defineComponent, h, onMounted, reactive, ref } from 'vue'
+import SaveForm from '@components/save-form'
+import {
+  DataTableColumns,
+  DataTableRowKey,
+  NButton,
+  NCascader,
+  NDataTable,
+  NFormItem,
+  NIcon,
+  NImage,
+  NInput,
+  NInputNumber,
+  NSelect,
+  NSpace,
+  NStep,
+  NSteps,
+  useDialog,
+  useMessage
+} from 'naive-ui'
+import Pagination from '@components/pagination'
+import { getMapValueByKey, getSelectDataFromObj } from '@/utils/objectUtil'
+import { musicSheetPaymentType, musicSheetSourceType, musicSheetType } from '@/utils/constant'
+import { musicSheetApplicationExtendSaveBatch, musicSheetPage } from '@views/music-library/api'
+import deepClone from '@/utils/deep.clone'
+import { getOwnerName } from '@views/music-library/musicUtil'
+import TheTooltip from '@/components/TheTooltip'
 
 export default defineComponent({
   name: 'gym-addMusic',
@@ -25,7 +43,7 @@ export default defineComponent({
     }
   },
   emits: ['close', 'getList'],
-  setup(props, {slots, attrs, emit}) {
+  setup(props, { slots, attrs, emit }) {
     const dialogs = useDialog()
     const message = useMessage()
     const state = reactive({
@@ -44,18 +62,17 @@ export default defineComponent({
         keyword: null,
         musicSheetType: null,
         subjectId: null,
-        sourceType: null,
+        sourceType: null
       },
       subjectList: [] as any,
       showAdd: false,
       currentStep: 1,
       dataList: [],
-      selectRowData: [] as any,// 选择的数据列表
+      selectRowData: [] as any, // 选择的数据列表
       musicSheetCategories: [] as any,
-      startSortNum: null as any,// 排序起始值
-      projectMusicCategoryId: null as any,// 曲目分类ID
-      globalPaymentType: null as any, //收费方式
-
+      startSortNum: null as any, // 排序起始值
+      projectMusicCategoryId: null as any, // 曲目分类ID
+      globalPaymentType: null as any //收费方式
     })
 
     onMounted(() => {
@@ -67,15 +84,14 @@ export default defineComponent({
     const getList = async () => {
       try {
         state.loading = true
-        const {data} = await musicSheetPage({
+        const { data } = await musicSheetPage({
           ...state.pagination,
           ...state.searchForm,
           addAppId: props.appId
         })
         state.pagination.pageTotal = Number(data.total)
         state.dataList = data.rows || []
-      } catch {
-      }
+      } catch {}
       state.loading = false
     }
 
@@ -95,19 +111,19 @@ export default defineComponent({
 
     const onSave = async () => {
       if (state.selectRowData.length == 0) {
-        message.error('未选择曲目');
-        return;
+        message.error('未选择曲目')
+        return
       }
-      const params = [] as any[];
+      const params = [] as any[]
       for (let i = 0; i < state.selectRowData.length; i++) {
-        const item = state.selectRowData[i];
+        const item = state.selectRowData[i]
         if (!item.projectMusicCategoryId) {
           message.error('曲目分类不能为空')
-          return;
+          return
         }
         if (!item.sortNo || !item.projectMusicCategoryId) {
           message.error('排序号不能为空')
-          return;
+          return
         }
         params.push({
           ...item,
@@ -117,14 +133,12 @@ export default defineComponent({
           id: null
         })
       }
-      const res = await musicSheetApplicationExtendSaveBatch(params) as any
+      const res = (await musicSheetApplicationExtendSaveBatch(params)) as any
       if (res && res.code == '200') {
         message.success(`添加成功`)
         emit('getList')
         emit('close')
       }
-
-
     }
 
     const columnsField = [
@@ -133,39 +147,43 @@ export default defineComponent({
       },
       {
         title: '曲目编号',
-        key: 'id',
+        key: 'id'
       },
       {
         title: '封面图',
         key: 'titleImg',
         render(row: any) {
-          return <NImage width={40} height={40} src={row.musicCover}/>
+          return <NImage width={40} height={40} src={row.musicCover} />
         }
       },
       {
         title: '声部',
-        key: 'subjectNames',
+        key: 'subjectNames'
       },
       {
         title: '曲目名称',
-        key: 'name',
+        key: 'name'
       },
       {
         title: '音乐人',
-        key: 'composer',
+        key: 'composer'
       },
       {
         title: '曲目类型',
         key: 'musicSheetType',
         render: (row: any) => {
-          return <div>{getMapValueByKey(row.musicSheetType, new Map(Object.entries(musicSheetType)))}</div>
+          return (
+            <div>
+              {getMapValueByKey(row.musicSheetType, new Map(Object.entries(musicSheetType)))}
+            </div>
+          )
         }
       },
       {
         title: '作者属性',
         key: 'sourceType',
         render(row: any) {
-          return getMapValueByKey(row.sourceType, new Map(Object.entries(musicSheetSourceType)));
+          return getMapValueByKey(row.sourceType, new Map(Object.entries(musicSheetSourceType)))
         }
       },
       {
@@ -173,9 +191,9 @@ export default defineComponent({
         key: 'userName',
         width: 200,
         render: (row: any) => {
-          return <div>{getOwnerName(row.musicSheetExtend, row.sourceType)}</div>
+          return <TheTooltip content={getOwnerName(row.musicSheetExtend, row.sourceType)} />
         }
-      },
+      }
     ]
 
     const columns = (): any => {
@@ -183,206 +201,230 @@ export default defineComponent({
     }
 
     const stepColumns = (): DataTableColumns => {
-      const field = deepClone(columnsField);
+      const field = deepClone(columnsField)
       field.splice(0, 1)
       field.push({
         title(column: any) {
           return (
-              <NSpace>
-                曲目分类
-                <NButton type="primary"
-                         size="small"
-                         text
-                         onClick={() => {
-                           dialogs.create({
-                             title: "请选择曲目分类",
-                             showIcon: false,
-                             content: () => {
-                               return h(
-                                   "div",
-                                   {
-                                     class: "flex flex-col justify-center items-center text-14px",
-                                   },
-                                   [
-                                     // icon
-                                     h(NCascader, {
-                                       onUpdateValue(v) {
-                                         state.projectMusicCategoryId = v
-                                       },
-                                       valueField: 'id',
-                                       labelField: "name",
-                                       childrenField: 'children',
-                                       placeholderField: '请选择曲目分类',
-                                       options: state.musicSheetCategories
-                                     }),
-                                   ]
-                               )
-                             },
-                             positiveText: "确定",
-                             negativeText: '取消',
-                             onPositiveClick: () => {
-                               for (let i = 0; i < state.selectRowData.length; i++) {
-                                 const item = state.selectRowData[i];
-                                 item.projectMusicCategoryId = state.projectMusicCategoryId
-                               }
-                             },
-                           })
-                         }
-                         }
-                >
-                  <NIcon size={15} style="padding-left: 5px;margin-top:4px">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-                      <path d="M2 26h28v2H2z" fill="currentColor"></path>
-                      <path d="M25.4 9c.8-.8.8-2 0-2.8l-3.6-3.6c-.8-.8-2-.8-2.8 0l-15 15V24h6.4l15-15zm-5-5L24 7.6l-3 3L17.4 7l3-3zM6 22v-3.6l10-10l3.6 3.6l-10 10H6z" fill="currentColor"></path>
-                    </svg>
-                  </NIcon>
-                </NButton>
-              </NSpace>
+            <NSpace>
+              曲目分类
+              <NButton
+                type="primary"
+                size="small"
+                text
+                onClick={() => {
+                  dialogs.create({
+                    title: '请选择曲目分类',
+                    showIcon: false,
+                    content: () => {
+                      return h(
+                        'div',
+                        {
+                          class: 'flex flex-col justify-center items-center text-14px'
+                        },
+                        [
+                          // icon
+                          h(NCascader, {
+                            onUpdateValue(v) {
+                              state.projectMusicCategoryId = v
+                            },
+                            valueField: 'id',
+                            labelField: 'name',
+                            childrenField: 'children',
+                            placeholderField: '请选择曲目分类',
+                            options: state.musicSheetCategories
+                          })
+                        ]
+                      )
+                    },
+                    positiveText: '确定',
+                    negativeText: '取消',
+                    onPositiveClick: () => {
+                      for (let i = 0; i < state.selectRowData.length; i++) {
+                        const item = state.selectRowData[i]
+                        item.projectMusicCategoryId = state.projectMusicCategoryId
+                      }
+                    }
+                  })
+                }}
+              >
+                <NIcon size={15} style="padding-left: 5px;margin-top:4px">
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+                    <path d="M2 26h28v2H2z" fill="currentColor"></path>
+                    <path
+                      d="M25.4 9c.8-.8.8-2 0-2.8l-3.6-3.6c-.8-.8-2-.8-2.8 0l-15 15V24h6.4l15-15zm-5-5L24 7.6l-3 3L17.4 7l3-3zM6 22v-3.6l10-10l3.6 3.6l-10 10H6z"
+                      fill="currentColor"
+                    ></path>
+                  </svg>
+                </NIcon>
+              </NButton>
+            </NSpace>
           )
-
         },
         key: 'projectMusicCategoryId',
         width: 200,
         render: (row: any) => {
           // })
           return (
-              <NCascader
-                  valueField="id"
-                  labelField="name"
-                  children-field="children"
-                  placeholder="请选择曲目分类"
-                  value={row.projectMusicCategoryId}
-                  options={state.musicSheetCategories}
-                  onUpdateValue={(value: any) => {
-                    row.projectMusicCategoryId = value
-                  }}
-                  clearable
-              />
+            <NCascader
+              valueField="id"
+              labelField="name"
+              children-field="children"
+              placeholder="请选择曲目分类"
+              value={row.projectMusicCategoryId}
+              options={state.musicSheetCategories}
+              onUpdateValue={(value: any) => {
+                row.projectMusicCategoryId = value
+              }}
+              clearable
+            />
           )
         }
       })
       field.push({
         title(column: any) {
           return (
-              <NSpace>
-                收费方式
-                <NButton type="primary"
-                         size="small"
-                         text
-                         onClick={() => {
-                           dialogs.create({
-                             title: "请选择收费方式",
-                             showIcon: false,
-                             content: () => {
-                               return h(
-                                   "div",
-                                   {
-                                     class: "flex flex-col justify-center items-center text-14px",
-                                   },
-                                   [
-                                     h(NSelect, {
-                                       onUpdateValue(v) {
-                                         state.globalPaymentType = v
-                                       },
-                                       clearable: true,
-                                       options: getSelectDataFromObj(musicSheetPaymentType)
-                                     }),
-                                   ]
-                               )
-                             },
-                             positiveText: "确定",
-                             negativeText: '取消',
-                             onPositiveClick: () => {
-                               for (let i = 0; i < state.selectRowData.length; i++) {
-                                 const item = state.selectRowData[i];
-                                 item.paymentType = state.globalPaymentType
-                               }
-                             },
-                           })
-                         }
-                         }
-                >
-                  <NIcon size={15} style="padding-left: 5px;margin-top:4px">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-                      <path d="M2 26h28v2H2z" fill="currentColor"></path>
-                      <path d="M25.4 9c.8-.8.8-2 0-2.8l-3.6-3.6c-.8-.8-2-.8-2.8 0l-15 15V24h6.4l15-15zm-5-5L24 7.6l-3 3L17.4 7l3-3zM6 22v-3.6l10-10l3.6 3.6l-10 10H6z" fill="currentColor"></path>
-                    </svg>
-                  </NIcon>
-                </NButton>
-              </NSpace>
+            <NSpace>
+              收费方式
+              <NButton
+                type="primary"
+                size="small"
+                text
+                onClick={() => {
+                  dialogs.create({
+                    title: '请选择收费方式',
+                    showIcon: false,
+                    content: () => {
+                      return h(
+                        'div',
+                        {
+                          class: 'flex flex-col justify-center items-center text-14px'
+                        },
+                        [
+                          h(NSelect, {
+                            onUpdateValue(v) {
+                              state.globalPaymentType = v
+                            },
+                            clearable: true,
+                            options: [
+                              {
+                                label:'免费',
+                                value:'FREE'
+                              },
+                              {
+                                label:'收费',
+                                value:'CHARGE'
+                              }
+                            ]
+                          })
+                        ]
+                      )
+                    },
+                    positiveText: '确定',
+                    negativeText: '取消',
+                    onPositiveClick: () => {
+                      for (let i = 0; i < state.selectRowData.length; i++) {
+                        const item = state.selectRowData[i]
+                        item.paymentType = state.globalPaymentType
+                      }
+                    }
+                  })
+                }}
+              >
+                <NIcon size={15} style="padding-left: 5px;margin-top:4px">
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+                    <path d="M2 26h28v2H2z" fill="currentColor"></path>
+                    <path
+                      d="M25.4 9c.8-.8.8-2 0-2.8l-3.6-3.6c-.8-.8-2-.8-2.8 0l-15 15V24h6.4l15-15zm-5-5L24 7.6l-3 3L17.4 7l3-3zM6 22v-3.6l10-10l3.6 3.6l-10 10H6z"
+                      fill="currentColor"
+                    ></path>
+                  </svg>
+                </NIcon>
+              </NButton>
+            </NSpace>
           )
-
         },
         key: 'paymentType',
         width: 200,
         render: (row: any) => {
           return (
-              <NSelect
-                  placeholder="请选择收费方式"
-                  value={row.paymentType}
-                  options={getSelectDataFromObj(musicSheetPaymentType)}
-                  clearable
-                  onUpdateValue={(value) => {
-                    row['paymentType'] = value
-                  }}
-              />
+            <NSelect
+              placeholder="请选择收费方式"
+              value={row.paymentType}
+              options={[
+                {
+                  label:'免费',
+                  value:'FREE'
+                },
+                {
+                  label:'收费',
+                  value:'CHARGE'
+                }
+              ]}
+              clearable
+              onUpdateValue={(value) => {
+                row['paymentType'] = value
+              }}
+            />
           )
         }
       })
       field.push({
         title(column: any) {
           return (
-              <NSpace>
-                排序
-                <NButton type="primary"
-                         size="small"
-                         text
-                         onClick={() => {
-                           dialogs.create({
-                             title: "请输入排序起始值",
-                             showIcon: false,
-                             content: () => {
-                               return h(
-                                   "div",
-                                   {
-                                     class: "flex flex-col justify-center items-center text-14px",
-                                   },
-                                   [
-                                     // icon
-                                     h(NInputNumber, {
-                                       onUpdateValue(v) {
-                                         state.startSortNum = v
-                                       },
-                                       min: 0,
-                                       max: 9999,
-                                     }),
-                                   ]
-                               )
-                             },
-                             positiveText: "确定",
-                             negativeText: '取消',
-                             onPositiveClick: () => {
-                               if (state.startSortNum) {
-                                 for (let i = 0; i < state.selectRowData.length; i++) {
-                                   const item = state.selectRowData[i];
-                                   item.sortNo = state.startSortNum + i
-                                 }
-                               }
-                             },
-                           })
-                         }
-                         }
-                >
-                  <NIcon size={15} style="padding-left: 5px;margin-top:4px">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-                      <path d="M2 26h28v2H2z" fill="currentColor"></path>
-                      <path d="M25.4 9c.8-.8.8-2 0-2.8l-3.6-3.6c-.8-.8-2-.8-2.8 0l-15 15V24h6.4l15-15zm-5-5L24 7.6l-3 3L17.4 7l3-3zM6 22v-3.6l10-10l3.6 3.6l-10 10H6z" fill="currentColor"></path>
-                    </svg>
-                  </NIcon>
-                </NButton>
-              </NSpace>
+            <NSpace>
+              排序
+              <NButton
+                type="primary"
+                size="small"
+                text
+                onClick={() => {
+                  dialogs.create({
+                    title: '请输入排序起始值',
+                    showIcon: false,
+                    content: () => {
+                      return h(
+                        'div',
+                        {
+                          class: 'flex flex-col justify-center items-center text-14px'
+                        },
+                        [
+                          // icon
+                          h(NInputNumber, {
+                            onUpdateValue(v) {
+                              state.startSortNum = v
+                            },
+                            min: 0,
+                            max: 9999
+                          })
+                        ]
+                      )
+                    },
+                    positiveText: '确定',
+                    negativeText: '取消',
+                    onPositiveClick: () => {
+                      if (state.startSortNum) {
+                        for (let i = 0; i < state.selectRowData.length; i++) {
+                          const item = state.selectRowData[i]
+                          item.sortNo = state.startSortNum + i
+                        }
+                      }
+                    }
+                  })
+                }}
+              >
+                <NIcon size={15} style="padding-left: 5px;margin-top:4px">
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+                    <path d="M2 26h28v2H2z" fill="currentColor"></path>
+                    <path
+                      d="M25.4 9c.8-.8.8-2 0-2.8l-3.6-3.6c-.8-.8-2-.8-2.8 0l-15 15V24h6.4l15-15zm-5-5L24 7.6l-3 3L17.4 7l3-3zM6 22v-3.6l10-10l3.6 3.6l-10 10H6z"
+                      fill="currentColor"
+                    ></path>
+                  </svg>
+                </NIcon>
+              </NButton>
+            </NSpace>
           )
-
         },
         key: 'sortNo',
         width: 150,
@@ -403,49 +445,48 @@ export default defineComponent({
         fixed: 'right',
         render(row: any) {
           return (
-              <NSpace>
-                <NButton
-                    type="primary"
-                    size="small"
-                    text
-                    //v-auth="musicSheet/update1602302618558099458"
-                    onClick={() => {
-                      dialogs.warning({
-                        title: '警告',
-                        content: `是否删除该数据？`,
-                        positiveText: '确定',
-                        negativeText: '取消',
-                        onPositiveClick: async () => {
-                          try {
-                            const index = state.selectRowData.findIndex((item: any) => {
-                              if (item.id == row.id) {
-                                return true
-                              }
-                            })
-                            if (index > -1) {
-                              state.selectRowData.splice(index, 1)
-                            }
-                            const index1 = checkedRowKeysRef.value.findIndex((item: any) => {
-                              if (item == row.id) {
-                                return true
-                              }
-                            })
-                            if (index1 > -1) {
-                              checkedRowKeysRef.value.splice(index, 1)
-                            }
-                          } catch {
+            <NSpace>
+              <NButton
+                type="primary"
+                size="small"
+                text
+                //v-auth="musicSheet/update1602302618558099458"
+                onClick={() => {
+                  dialogs.warning({
+                    title: '警告',
+                    content: `是否删除该数据？`,
+                    positiveText: '确定',
+                    negativeText: '取消',
+                    onPositiveClick: async () => {
+                      try {
+                        const index = state.selectRowData.findIndex((item: any) => {
+                          if (item.id == row.id) {
+                            return true
+                          }
+                        })
+                        if (index > -1) {
+                          state.selectRowData.splice(index, 1)
+                        }
+                        const index1 = checkedRowKeysRef.value.findIndex((item: any) => {
+                          if (item == row.id) {
+                            return true
                           }
+                        })
+                        if (index1 > -1) {
+                          checkedRowKeysRef.value.splice(index, 1)
                         }
-                      })
-                    }}
-                >
-                  移除
-                </NButton>
-              </NSpace>
+                      } catch {}
+                    }
+                  })
+                }}
+              >
+                移除
+              </NButton>
+            </NSpace>
           )
         }
       })
-      return field;
+      return field
     }
 
     const checkedRowKeysRef = ref<DataTableRowKey[]>([])
@@ -456,7 +497,7 @@ export default defineComponent({
         if (checkedRowKeysRef.value.includes(next.id)) {
           const find = state.selectRowData.find((row: any) => {
             return row.id === next.id
-          });
+          })
           if (!find) {
             state.selectRowData.push(next)
           }
@@ -471,143 +512,139 @@ export default defineComponent({
 
     return () => {
       return (
-          <div class="system-menu-container">
-            <NSpace vertical size="medium">
-              <NSteps
-                  current={state.currentStep}
-                  // onUpdateCurrent={()=>{
-                  //   state.currentStep = val
-                  // }}
-                  style={"margin-bottom: 10px;margin-top: 10px"}
+        <div class="system-menu-container">
+          <NSpace vertical size="medium">
+            <NSteps
+              current={state.currentStep}
+              // onUpdateCurrent={()=>{
+              //   state.currentStep = val
+              // }}
+              style={'margin-bottom: 10px;margin-top: 10px'}
+            >
+              <NStep title="选择曲目" description=""></NStep>
+              <NStep title="设置曲目信息" description=""></NStep>
+            </NSteps>
+          </NSpace>
+          {state.currentStep === 1 && (
+            <div class="system-menu-container">
+              <SaveForm
+                ref={saveForm}
+                model={state.searchForm}
+                onSubmit={onSubmit}
+                // saveKey="cooleshow-edu-addMusic"
+                onSetModel={(val: any) => (state.searchForm = val)}
               >
-                <NStep
-                    title="选择曲目"
-                    description=""
-                >
-                </NStep>
-                <NStep
-                    title="设置曲目信息"
-                    description=""
-                >
-                </NStep>
-              </NSteps>
-            </NSpace>
-            {state.currentStep === 1 && (
-                <div class="system-menu-container">
-                  <SaveForm
-                      ref={saveForm}
-                      model={state.searchForm}
-                      onSubmit={onSubmit}
-                      // saveKey="cooleshow-edu-addMusic"
-                      onSetModel={(val: any) => (state.searchForm = val)}
-                  >
-                    <NFormItem label="关键词" path="keyword">
-                      <NInput
-                          v-model:value={state.searchForm.keyword}
-                          placeholder="请输入曲目名称/编号"
-                          clearable
-                      />
-                    </NFormItem>
-                    <NFormItem label="曲目类型" path="musicSheetType">
-                      <NSelect
-                          placeholder="请选择曲目类型"
-                          v-model:value={state.searchForm.musicSheetType}
-                          options={getSelectDataFromObj(musicSheetType)}
-                          clearable
-                      />
-                    </NFormItem>
-                    <NFormItem label="声部" path="musicSubject">
-                      <NSelect
-                          placeholder="请选择声部"
-                          v-model:value={state.searchForm.subjectId}
-                          options={state.subjectList}
-                          clearable
-                      />
-                    </NFormItem>
-                    <NFormItem label="曲目来源" path="sourceType">
-                      <NSelect
-                          placeholder="请选择曲目来源"
-                          v-model:value={state.searchForm.sourceType}
-                          options={getSelectDataFromObj(musicSheetSourceType)}
-                          // onUpdateValue={async (value: any) => {
-                          // }}
-                          clearable
-                      />
-                    </NFormItem>
-                    <NFormItem>
-                      <NSpace>
-                        <NButton type="primary" onClick={onSearch}>
-                          搜索
-                        </NButton>
-                        <NButton type="default" onClick={onBtnReset}>
-                          重置
-                        </NButton>
-                      </NSpace>
-                    </NFormItem>
-                  </SaveForm>
-                  <p style={{paddingBottom: '12px'}}>
-                    你选择了<span style={"color:red;padding:0 8px"}>{state.selectRowData.length}</span>条曲目
-                  </p>
-                  <NDataTable
-                      loading={state.loading}
-                      columns={columns()}
-                      data={state.dataList}
-                      rowKey={(row: any) => row.id}
-                      onUpdateCheckedRowKeys={handleCheck}
-                  ></NDataTable>
-                  <Pagination
-                      v-model:page={state.pagination.page}
-                      v-model:pageSize={state.pagination.rows}
-                      v-model:pageTotal={state.pagination.pageTotal}
-                      onList={getList}
-                      sync
-                      // saveKey="cooleshow-edu-addMusic"
-                  ></Pagination>
-                </div>
-            )}
-            {state.currentStep === 2 && (
-                <div class="system-menu-container" style={"margin-top: 15px;"}>
-                  <NDataTable
-                      loading={state.loading}
-                      columns={stepColumns()}
-                      data={state.selectRowData}
-                      rowKey={(row: any) => row.id}
-                      maxHeight={500}
-                      scrollX={1800}
-                  ></NDataTable>
-                </div>
-            )}
-            <NSpace justify="end" style={"margin-top:10px"}>
-              <NButton type="default" onClick={() => {
+                <NFormItem label="关键词" path="keyword">
+                  <NInput
+                    v-model:value={state.searchForm.keyword}
+                    placeholder="请输入曲目名称/编号"
+                    clearable
+                  />
+                </NFormItem>
+                <NFormItem label="曲目类型" path="musicSheetType">
+                  <NSelect
+                    placeholder="请选择曲目类型"
+                    v-model:value={state.searchForm.musicSheetType}
+                    options={getSelectDataFromObj(musicSheetType)}
+                    clearable
+                  />
+                </NFormItem>
+                <NFormItem label="声部" path="musicSubject">
+                  <NSelect
+                    placeholder="请选择声部"
+                    v-model:value={state.searchForm.subjectId}
+                    options={state.subjectList}
+                    clearable
+                  />
+                </NFormItem>
+                <NFormItem label="曲目来源" path="sourceType">
+                  <NSelect
+                    placeholder="请选择曲目来源"
+                    v-model:value={state.searchForm.sourceType}
+                    options={getSelectDataFromObj(musicSheetSourceType)}
+                    // onUpdateValue={async (value: any) => {
+                    // }}
+                    clearable
+                  />
+                </NFormItem>
+                <NFormItem>
+                  <NSpace>
+                    <NButton type="primary" onClick={onSearch}>
+                      搜索
+                    </NButton>
+                    <NButton type="default" onClick={onBtnReset}>
+                      重置
+                    </NButton>
+                  </NSpace>
+                </NFormItem>
+              </SaveForm>
+              <p style={{ paddingBottom: '12px' }}>
+                你选择了<span style={'color:red;padding:0 8px'}>{state.selectRowData.length}</span>
+                条曲目
+              </p>
+              <NDataTable
+                loading={state.loading}
+                columns={columns()}
+                data={state.dataList}
+                rowKey={(row: any) => row.id}
+                onUpdateCheckedRowKeys={handleCheck}
+              ></NDataTable>
+              <Pagination
+                v-model:page={state.pagination.page}
+                v-model:pageSize={state.pagination.rows}
+                v-model:pageTotal={state.pagination.pageTotal}
+                onList={getList}
+                sync
+                // saveKey="cooleshow-edu-addMusic"
+              ></Pagination>
+            </div>
+          )}
+          {state.currentStep === 2 && (
+            <div class="system-menu-container" style={'margin-top: 15px;'}>
+              <NDataTable
+                loading={state.loading}
+                columns={stepColumns()}
+                data={state.selectRowData}
+                rowKey={(row: any) => row.id}
+                maxHeight={500}
+                scrollX={1800}
+              ></NDataTable>
+            </div>
+          )}
+          <NSpace justify="end" style={'margin-top:10px'}>
+            <NButton
+              type="default"
+              onClick={() => {
                 if (state.currentStep > 1) {
-                  state.currentStep = state.currentStep - 1;
+                  state.currentStep = state.currentStep - 1
                 } else {
                   emit('close')
                 }
-              }}>
-                {state.currentStep === 1 ? '取消' : '上一步'}
-              </NButton>
-              <NButton
-                  type="primary"
-                  onClick={() => {
-                    if (state.currentStep < 2) {
-                      if (state.selectRowData.length == 0) {
-                        message.warning("请选择曲目")
-                        return
-                      }
-                      state.currentStep = state.currentStep + 1;
-                    } else {
-                      onSave()
-                    }
-                  }}
-                  // loading={btnLoading.value}
-                  // disabled={btnLoading.value}
-              >
-                {state.currentStep === 2 ? '确定' : '下一步'}
-              </NButton>
-            </NSpace>
-          </div>
+              }}
+            >
+              {state.currentStep === 1 ? '取消' : '上一步'}
+            </NButton>
+            <NButton
+              type="primary"
+              onClick={() => {
+                if (state.currentStep < 2) {
+                  if (state.selectRowData.length == 0) {
+                    message.warning('请选择曲目')
+                    return
+                  }
+                  state.currentStep = state.currentStep + 1
+                } else {
+                  onSave()
+                }
+              }}
+              // loading={btnLoading.value}
+              // disabled={btnLoading.value}
+            >
+              {state.currentStep === 2 ? '确定' : '下一步'}
+            </NButton>
+          </NSpace>
+        </div>
       )
     }
   }
-})
+})

src/views/music-library/project-music-sheet/module/gym/music-sheet-gym.tsx

@@ -1,5 +1,5 @@
-import {defineComponent, onMounted, reactive, ref} from "vue";
-import SaveForm from "@components/save-form";
+import { defineComponent, onMounted, reactive, ref } from 'vue'
+import SaveForm from '@components/save-form'
 import {
   DataTableRowKey,
   NButton,
@@ -17,18 +17,28 @@ import {
   NTag,
   useDialog,
   useMessage
-} from "naive-ui";
-import Pagination from "@components/pagination";
-import TheTooltip from "@components/TheTooltip";
-import AddMusic from "@views/music-library/project-music-sheet/module/gym/addMusic";
-import {getMapValueByKey, getSelectDataFromObj} from "@/utils/objectUtil";
-import {musicSheetAudioType, musicSheetPaymentType, musicSheetSourceType, musicSheetType} from "@/utils/constant";
-import {musicSheetApplicationExtendCategoryList, musicSheetApplicationOwnerList, musicSheetPageByApplication, musicSheetStatusList} from "@views/music-library/api";
-import UpdateMusic from "@views/music-library/project-music-sheet/module/gym/updateMusic";
-import {subjectPage, sysApplicationPage} from "@views/system-manage/api";
-import {filterTimes} from "@/utils/dateUtil";
-import deepClone from "@/utils/deep.clone";
-import {getOwnerName} from "@views/music-library/musicUtil";
+} from 'naive-ui'
+import Pagination from '@components/pagination'
+import TheTooltip from '@components/TheTooltip'
+import AddMusic from '@views/music-library/project-music-sheet/module/gym/addMusic'
+import { getMapValueByKey, getSelectDataFromObj } from '@/utils/objectUtil'
+import {
+  musicSheetAudioType,
+  musicSheetPaymentType,
+  musicSheetSourceType,
+  musicSheetType
+} from '@/utils/constant'
+import {
+  musicSheetApplicationExtendCategoryList,
+  musicSheetApplicationOwnerList,
+  musicSheetPageByApplication,
+  musicSheetStatusList
+} from '@views/music-library/api'
+import UpdateMusic from '@views/music-library/project-music-sheet/module/gym/updateMusic'
+import { subjectPage, sysApplicationPage } from '@views/system-manage/api'
+import { filterTimes } from '@/utils/dateUtil'
+import deepClone from '@/utils/deep.clone'
+import { getOwnerName } from '@views/music-library/musicUtil'
 
 export default defineComponent({
   name: 'project-music-sheet-mec',
@@ -67,7 +77,7 @@ export default defineComponent({
         topFlag: null, //是否置顶(0:否;1:是)
         availableType: null, //可用途径 ORG 机构 PLATFORM 平台
         appAuditFlag: null, //是否审核版本
-        detailFlag: null, //是否查询详情
+        detailFlag: null //是否查询详情
       },
       subjectList: [],
       dataList: [] as any[],
@@ -77,49 +87,51 @@ export default defineComponent({
       userIdDisable: true,
       userIdData: [] as any,
       updateRow: {} as any, // 修改选择的行
-      applicationId: null, //应用ID
+      applicationId: null //应用ID
     })
 
     onMounted(async () => {
       state.loading = true
       // 获取应用APP信息
-      {
-        const {data} = await sysApplicationPage({page: 1, rows: 1, appKey: props.appKey})
+
+      try {
+        const { data } = await sysApplicationPage({ page: 1, rows: 1, appKey: props.appKey })
         const tempList = data.rows || []
         if (!tempList || tempList.length == 0) {
           state.loading = false
-          message.error("加载项目信息失败");
+          message.error('加载项目信息失败')
           return
         }
         state.appId = tempList[0].id
         state.applicationId = tempList[0].id
-      }
+      } catch {}
+
       // 加载声部
-      {
-        try {
-          const {data} = await subjectPage({page: 1, rows: 999})
-          const tempList = data.rows || []
-          tempList.forEach((item: any) => {
-            item.label = item.name
-            item.value = item.id + ''
-          })
-          state.subjectList = tempList
-        } catch {
-        }
 
-        //加载曲目分类列表
-        {
-          const {data} = await musicSheetApplicationExtendCategoryList({applicationIds: state.appId})
-          if (data && data.length > 0) {
-            state.musicSheetCategories = data[0].musicSheetCategories
-          }
-        }
+      try {
+        const { data } = await subjectPage({ page: 1, rows: 999 })
+        const tempList = data.rows || []
+        tempList.forEach((item: any) => {
+          item.label = item.name
+          item.value = item.id + ''
+        })
+        state.subjectList = tempList
+      } catch {}
 
-        // 加载表格数据
-        {
-          getList()
+      //加载曲目分类列表
+
+      try {
+        const { data } = await musicSheetApplicationExtendCategoryList({
+          applicationIds: state.appId
+        })
+        if (data && data.length > 0) {
+          state.musicSheetCategories = data[0].musicSheetCategories
         }
-      }
+      } catch {}
+
+      // 加载表格数据
+
+      getList()
     })
 
     const saveForm = ref()
@@ -145,13 +157,13 @@ export default defineComponent({
       try {
         state.loading = true
         const sourceType = state.searchForm.sourceType
-        let userId = state.searchForm.userId;
-        let organizationRoleId = null;
+        let userId = state.searchForm.userId
+        let organizationRoleId = null
         if (sourceType && sourceType === 'ORG') {
           organizationRoleId = deepClone(userId)
           userId = null
         }
-        const {data} = await musicSheetPageByApplication({
+        const { data } = await musicSheetPageByApplication({
           ...state.pagination,
           ...state.searchForm,
           userId: userId,
@@ -161,8 +173,7 @@ export default defineComponent({
         })
         state.pagination.pageTotal = Number(data.total)
         state.dataList = data.rows || []
-      } catch {
-      }
+      } catch {}
       state.loading = false
     }
 
@@ -181,17 +192,15 @@ export default defineComponent({
             })
             getList()
             message.success(`${statusStr}成功`)
-          } catch {
-          }
+          } catch {}
         }
       })
     }
 
-
     const onBatchChangeStatus = (status: boolean) => {
-      const length = checkedRowKeysRef.value.length;
+      const length = checkedRowKeysRef.value.length
       if (length == 0) {
-        message.warning("未选择数据")
+        message.warning('未选择数据')
       }
       const statusStr = !status ? '停用' : '启用'
       dialog.warning({
@@ -207,8 +216,7 @@ export default defineComponent({
             })
             getList()
             message.success(`${statusStr}成功`)
-          } catch {
-          }
+          } catch {}
         }
       })
     }
@@ -222,49 +230,59 @@ export default defineComponent({
           title: '曲目信息',
           key: 'id',
           render: (row: any) => (
-              <>
-                <NDescriptions labelPlacement="left" column={1}>
-                  <NDescriptionsItem label="曲目名称">
-                    <TheTooltip content={row.name}/>{' '}
-                  </NDescriptionsItem>
-                  <NDescriptionsItem label="曲目编号">{row.id}</NDescriptionsItem>
-                </NDescriptions>
-              </>
+            <>
+              <NDescriptions labelPlacement="left" column={1}>
+                <NDescriptionsItem label="曲目名称">
+                  <TheTooltip content={row.name} />{' '}
+                </NDescriptionsItem>
+                <NDescriptionsItem label="曲目编号">{row.id}</NDescriptionsItem>
+              </NDescriptions>
+            </>
           )
         },
         {
           title: '曲目来源',
           key: 'musicSheetCategoriesName',
           render: (row: any) => (
-              <>
-                <NDescriptions labelPlacement="left" column={1}>
-                  <NDescriptionsItem label="曲目来源">
-                    {getMapValueByKey(row.sourceType, new Map(Object.entries(musicSheetSourceType)))}
-                  </NDescriptionsItem>
-                  <NDescriptionsItem label="所属人">{getOwnerName(row.musicSheetExtend,row.sourceType)}</NDescriptionsItem>
-                </NDescriptions>
-              </>
+            <>
+              <NDescriptions labelPlacement="left" column={1}>
+                <NDescriptionsItem label="曲目来源">
+                  {getMapValueByKey(row.sourceType, new Map(Object.entries(musicSheetSourceType)))}
+                </NDescriptionsItem>
+                <NDescriptionsItem label="所属人">
+                  {getOwnerName(row.musicSheetExtend, row.sourceType)}
+                </NDescriptionsItem>
+              </NDescriptions>
+            </>
           )
         },
         {
           title: '封面图',
           key: 'musicCover',
           render(row: any): JSX.Element {
-            return <NImage width={60} height={60} src={row.musicCover}/>
+            return <NImage width={60} height={60} src={row.musicCover} />
           }
         },
         {
           title: '曲目类型',
           key: 'musicSheetType',
           render: (row: any) => {
-            return <div>{getMapValueByKey(row.musicSheetType, new Map(Object.entries(musicSheetType)))}</div>
+            return (
+              <div>
+                {getMapValueByKey(row.musicSheetType, new Map(Object.entries(musicSheetType)))}
+              </div>
+            )
           }
         },
         {
           title: '伴奏类型',
           key: 'audioType',
           render: (row: any) => {
-            return <div>{getMapValueByKey(row.audioType, new Map(Object.entries(musicSheetAudioType)))}</div>
+            return (
+              <div>
+                {getMapValueByKey(row.audioType, new Map(Object.entries(musicSheetAudioType)))}
+              </div>
+            )
           }
         },
         {
@@ -286,7 +304,11 @@ export default defineComponent({
           title: '收费方式',
           key: 'paymentType',
           render: (row: any) => {
-            return <div>{getMapValueByKey(row.paymentType, new Map(Object.entries(musicSheetPaymentType)))}</div>
+            return (
+              <div>
+                {getMapValueByKey(row.paymentType, new Map(Object.entries(musicSheetPaymentType)))}
+              </div>
+            )
           }
         },
         {
@@ -302,7 +324,7 @@ export default defineComponent({
           key: 'status',
           render(row: any) {
             return (
-                <NTag type={row.status ? 'primary' : 'default'}>{row.status ? '启用' : '停用'}</NTag>
+              <NTag type={row.status ? 'primary' : 'default'}>{row.status ? '启用' : '停用'}</NTag>
             )
           }
         },
@@ -312,279 +334,276 @@ export default defineComponent({
           fixed: 'right',
           render(row: any) {
             return (
-                <NSpace>
-                  <NButton
-                      type="primary"
-                      size="small"
-                      text
-                      //v-auth="musicSheet/status1612431726029942786"
-                      onClick={() => onChangeStatus(row)}
-                  >
-                    {row.status ? '停用' : '启用'}
-                  </NButton>
-                  <NButton
-                      type="primary"
-                      size="small"
-                      text
-                      //v-auth="musicSheet/update1602302618558099458"
-                      onClick={() => {
-                        state.showEditDialog = true
-                        state.updateRow = row
-                      }}
-                  >
-                    修改
-                  </NButton>
-                </NSpace>
+              <NSpace>
+                <NButton
+                  type="primary"
+                  size="small"
+                  text
+                  //v-auth="musicSheet/status1612431726029942786"
+                  onClick={() => onChangeStatus(row)}
+                >
+                  {row.status ? '停用' : '启用'}
+                </NButton>
+                <NButton
+                  type="primary"
+                  size="small"
+                  text
+                  //v-auth="musicSheet/update1602302618558099458"
+                  onClick={() => {
+                    state.showEditDialog = true
+                    state.updateRow = row
+                  }}
+                >
+                  修改
+                </NButton>
+              </NSpace>
             )
           }
         }
       ]
     }
 
-
     return () => {
       return (
-          <div class="system-menu-container">
-            <SaveForm
-                ref={saveForm}
-                model={state.searchForm}
-                onSubmit={onSubmit}
-                saveKey="music-sheet-gym"
-                onSetModel={(val: any) => (state.searchForm = val)}
-            >
-
-              <NFormItem label="关键词" path="keyword">
-                <NInput
-                    placeholder="请输入曲目名称/编号"
-                    v-model:value={state.searchForm.keyword}
-                    clearable
-                />
-              </NFormItem>
-              <NFormItem label="曲目来源" path="sourceType">
-                <NSelect
-                    placeholder="请选择曲目来源"
-                    v-model:value={state.searchForm.sourceType}
-                    options={getSelectDataFromObj(musicSheetSourceType)}
-                    onUpdateValue={async (value: any) => {
-                      state.userIdData = []
-                      state.searchForm.userId = null
-                      if (value && value !== 'PLATFORM') {
-                        const {data} = await musicSheetApplicationOwnerList({page: 1, rows: 9999, sourceType: value, applicationId: state.appId})
-                        const temp = data.rows || []
-                        temp.forEach((next: any) => {
-                          state.userIdData.push({
-                            ...next,
-                            label: value === 'PERSON' ? next.userName : next.organizationRole,
-                            value: value === 'PERSON' ? next.userId : next.organizationRoleId
-                          })
-                        })
-                        state.userIdDisable = false
-                      } else {
-                        state.userIdDisable = true
-                      }
-                    }}
-                    clearable
-                />
-              </NFormItem>
-              <NFormItem label="所属人" path="userId">
-                <NSelect
-                    placeholder="请选择所属人"
-                    disabled={state.userIdDisable}
-                    v-model:value={state.searchForm.userId}
-                    options={state.userIdData}
-                    clearable
-                >
-                </NSelect>
-              </NFormItem>
-              <NFormItem label="曲目类型" path="subjectType">
-                <NSelect
-                    placeholder="请选择曲目类型"
-                    v-model:value={state.searchForm.musicSheetType}
-                    options={getSelectDataFromObj(musicSheetType)}
-                    clearable
-                />
-              </NFormItem>
-              <NFormItem label="伴奏类型" path="audioType">
-                <NSelect
-                    placeholder="请选择伴奏类型"
-                    v-model:value={state.searchForm.audioType}
-                    options={getSelectDataFromObj(musicSheetAudioType)}
-                    clearable
-                />
-              </NFormItem>
-              <NFormItem label="可用声部" path="subjectId">
-                <NSelect
-                    placeholder="请选择可用声部"
-                    v-model:value={state.searchForm.subjectId}
-                    options={state.subjectList}
-                    clearable
-                />
-              </NFormItem>
-              <NFormItem label="曲目分类" path="musicCategoryId">
-                <NCascader
-                    valueField="id"
-                    labelField="name"
-                    children-field="children"
-                    placeholder="请选择曲目分类"
-                    v-model:value={state.searchForm.musicCategoryId}
-                    options={state.musicSheetCategories}
-                    clearable
-                />
-              </NFormItem>
-              {/*<NFormItem*/}
-              {/*    label="可用途径"*/}
-              {/*    path="availableType"*/}
-              {/*>*/}
-              {/*  <NSelect*/}
-              {/*      placeholder="请选择可用途径"*/}
-              {/*      v-model:value={state.searchForm.availableType}*/}
-              {/*      options={getSelectDataFromObj(musicSheetAvailableType)}*/}
-              {/*      clearable*/}
-              {/*  >*/}
-              {/*  </NSelect>*/}
-              {/*</NFormItem>*/}
-              <NFormItem
-                  label="收费方式"
-                  path="paymentType"
-              >
-                <NSelect
-                    placeholder="请选择收费方式"
-                    v-model:value={state.searchForm.paymentType}
-                    options={getSelectDataFromObj(musicSheetPaymentType)}
-                    clearable
-                >
-                </NSelect>
-              </NFormItem>
-              <NFormItem label="状态" path="status">
-                <NSelect
-                    v-model:value={state.searchForm.status}
-                    placeholder="请选择状态"
-                    options={
-                      [
-                        {
-                          label: '启用',
-                          value: true
-                        },
-                        {
-                          label: '停用',
-                          value: false
-                        }
-                      ] as any
+        <div class="system-menu-container">
+          <SaveForm
+            ref={saveForm}
+            model={state.searchForm}
+            onSubmit={onSubmit}
+            saveKey="music-sheet-gym"
+            onSetModel={(val: any) => (state.searchForm = val)}
+          >
+            <NFormItem label="关键词" path="keyword">
+              <NInput
+                placeholder="请输入曲目名称/编号"
+                v-model:value={state.searchForm.keyword}
+                clearable
+              />
+            </NFormItem>
+            <NFormItem label="曲目来源" path="sourceType">
+              <NSelect
+                placeholder="请选择曲目来源"
+                v-model:value={state.searchForm.sourceType}
+                options={getSelectDataFromObj(musicSheetSourceType)}
+                onUpdateValue={async (value: any) => {
+                  state.userIdData = []
+                  state.searchForm.userId = null
+                  if (value && value !== 'PLATFORM') {
+                    const { data } = await musicSheetApplicationOwnerList({
+                      page: 1,
+                      rows: 9999,
+                      sourceType: value,
+                      applicationId: state.appId
+                    })
+                    const temp = data.rows || []
+                    temp.forEach((next: any) => {
+                      state.userIdData.push({
+                        ...next,
+                        label: value === 'PERSON' ? next.userName : next.organizationRole,
+                        value: value === 'PERSON' ? next.userId : next.organizationRoleId
+                      })
+                    })
+                    state.userIdDisable = false
+                  } else {
+                    state.userIdDisable = true
+                  }
+                }}
+                clearable
+              />
+            </NFormItem>
+            <NFormItem label="所属人" path="userId">
+              <NSelect
+                placeholder="请选择所属人"
+                disabled={state.userIdDisable}
+                v-model:value={state.searchForm.userId}
+                options={state.userIdData}
+                clearable
+              ></NSelect>
+            </NFormItem>
+            <NFormItem label="曲目类型" path="subjectType">
+              <NSelect
+                placeholder="请选择曲目类型"
+                v-model:value={state.searchForm.musicSheetType}
+                options={getSelectDataFromObj(musicSheetType)}
+                clearable
+              />
+            </NFormItem>
+            <NFormItem label="伴奏类型" path="audioType">
+              <NSelect
+                placeholder="请选择伴奏类型"
+                v-model:value={state.searchForm.audioType}
+                options={getSelectDataFromObj(musicSheetAudioType)}
+                clearable
+              />
+            </NFormItem>
+            <NFormItem label="可用声部" path="subjectId">
+              <NSelect
+                placeholder="请选择可用声部"
+                v-model:value={state.searchForm.subjectId}
+                options={state.subjectList}
+                clearable
+              />
+            </NFormItem>
+            <NFormItem label="曲目分类" path="musicCategoryId">
+              <NCascader
+                valueField="id"
+                labelField="name"
+                children-field="children"
+                placeholder="请选择曲目分类"
+                v-model:value={state.searchForm.musicCategoryId}
+                options={state.musicSheetCategories}
+                clearable
+              />
+            </NFormItem>
+            {/*<NFormItem*/}
+            {/*    label="可用途径"*/}
+            {/*    path="availableType"*/}
+            {/*>*/}
+            {/*  <NSelect*/}
+            {/*      placeholder="请选择可用途径"*/}
+            {/*      v-model:value={state.searchForm.availableType}*/}
+            {/*      options={getSelectDataFromObj(musicSheetAvailableType)}*/}
+            {/*      clearable*/}
+            {/*  >*/}
+            {/*  </NSelect>*/}
+            {/*</NFormItem>*/}
+            <NFormItem label="收费方式" path="paymentType">
+              <NSelect
+                placeholder="请选择收费方式"
+                v-model:value={state.searchForm.paymentType}
+                options={getSelectDataFromObj(musicSheetPaymentType)}
+                clearable
+              ></NSelect>
+            </NFormItem>
+            <NFormItem label="状态" path="status">
+              <NSelect
+                v-model:value={state.searchForm.status}
+                placeholder="请选择状态"
+                options={
+                  [
+                    {
+                      label: '启用',
+                      value: true
+                    },
+                    {
+                      label: '停用',
+                      value: false
                     }
-                    clearable
-                />
-              </NFormItem>
-              <NFormItem label="上传时间" path="authorFrom">
-                <NDatePicker
-                    v-model:value={state.searchForm.times}
-                    type="daterange"
-                    clearable
-                    value-format="yyyy.MM.dd"
-                    startPlaceholder="开始时间"
-                    endPlaceholder="结束时间"
-                />
-              </NFormItem>
-              <NFormItem>
-                <NSpace>
-                  <NButton type="primary" onClick={onSearch}>
-                    搜索
-                  </NButton>
-                  <NButton type="default" onClick={onBtnReset}>
-                    重置
-                  </NButton>
-                </NSpace>
-              </NFormItem>
-            </SaveForm>
-
-            <div class={['section-container']}>
-              <NSpace style={{paddingBottom: '12px'}}>
-                <NButton
-                    type="primary"
-                    //v-auth="musicSheet/save1602302550719426561"
-                    onClick={() => {
-                      state.showAddDialog = true
-                    }}
-                >
-                  添加曲目
-                </NButton>
-                <NButton
-                    disabled={checkedRowKeysRef.value.length == 0}
-                    //v-auth="musicSheet/save1602302550719426561"
-                    onClick={() => {
-                      onBatchChangeStatus(false)
-                    }}
-                >
-                  批量停用
+                  ] as any
+                }
+                clearable
+              />
+            </NFormItem>
+            <NFormItem label="上传时间" path="authorFrom">
+              <NDatePicker
+                v-model:value={state.searchForm.times}
+                type="daterange"
+                clearable
+                value-format="yyyy.MM.dd"
+                startPlaceholder="开始时间"
+                endPlaceholder="结束时间"
+              />
+            </NFormItem>
+            <NFormItem>
+              <NSpace>
+                <NButton type="primary" onClick={onSearch}>
+                  搜索
                 </NButton>
-                <NButton
-                    disabled={checkedRowKeysRef.value.length == 0}
-                    //v-auth="musicSheet/save1602302550719426561"
-                    onClick={() => {
-                      onBatchChangeStatus(true)
-                    }}
-                >
-                  批量启用
+                <NButton type="default" onClick={onBtnReset}>
+                  重置
                 </NButton>
               </NSpace>
+            </NFormItem>
+          </SaveForm>
 
-              <NDataTable
-                  loading={state.loading}
-                  columns={columns()}
-                  data={state.dataList}
-                  rowKey={(row: any) => row.applicationExtendId}
-                  onUpdateCheckedRowKeys={handleCheck}
-                  scrollX={'1600'}
-              ></NDataTable>
+          <div class={['section-container']}>
+            <NSpace style={{ paddingBottom: '12px' }}>
+              <NButton
+                type="primary"
+                //v-auth="musicSheet/save1602302550719426561"
+                onClick={() => {
+                  state.showAddDialog = true
+                }}
+              >
+                添加曲目
+              </NButton>
+              <NButton
+                disabled={checkedRowKeysRef.value.length == 0}
+                //v-auth="musicSheet/save1602302550719426561"
+                onClick={() => {
+                  onBatchChangeStatus(false)
+                }}
+              >
+                批量停用
+              </NButton>
+              <NButton
+                disabled={checkedRowKeysRef.value.length == 0}
+                //v-auth="musicSheet/save1602302550719426561"
+                onClick={() => {
+                  onBatchChangeStatus(true)
+                }}
+              >
+                批量启用
+              </NButton>
+            </NSpace>
 
-              <Pagination
-                  v-model:page={state.pagination.page}
-                  v-model:pageSize={state.pagination.rows}
-                  v-model:pageTotal={state.pagination.pageTotal}
-                  onList={getList}
-                  sync
-                  saveKey="music-sheet-gym"
-              ></Pagination>
-            </div>
+            <NDataTable
+              loading={state.loading}
+              columns={columns()}
+              data={state.dataList}
+              rowKey={(row: any) => row.applicationExtendId}
+              onUpdateCheckedRowKeys={handleCheck}
+              scrollX={'1600'}
+            ></NDataTable>
 
-            <NModal
-                v-model:show={state.showAddDialog}
-                preset="dialog"
-                showIcon={false}
-                title={'添加曲目'}
-                style={{width: '1200px'}}
-            >
-              <AddMusic
-                  onClose={() => (state.showAddDialog = false)}
-                  onGetList={() => {
-                    state.pagination.page = 1
-                    getList()
-                  }}
-                  subjectList={state.subjectList}
-                  appId={state.appId}
-                  musicSheetCategories={state.musicSheetCategories}
-              />
-            </NModal>
-            <NModal
-                v-model:show={state.showEditDialog}
-                preset="dialog"
-                showIcon={false}
-                title={'修改曲目'}
-                style={{width: '500px'}}
-            >
-              <UpdateMusic
-                  onClose={() => (state.showEditDialog = false)}
-                  onGetList={() => {
-                    state.pagination.page = 1
-                    getList()
-                  }}
-                  rowData={state.updateRow}
-                  appId={state.appId}
-                  musicSheetCategories={state.musicSheetCategories}
-              />
-            </NModal>
+            <Pagination
+              v-model:page={state.pagination.page}
+              v-model:pageSize={state.pagination.rows}
+              v-model:pageTotal={state.pagination.pageTotal}
+              onList={getList}
+              sync
+              saveKey="music-sheet-gym"
+            ></Pagination>
           </div>
+
+          <NModal
+            v-model:show={state.showAddDialog}
+            preset="dialog"
+            showIcon={false}
+            title={'添加曲目'}
+            style={{ width: '1200px' }}
+          >
+            <AddMusic
+              onClose={() => (state.showAddDialog = false)}
+              onGetList={() => {
+                state.pagination.page = 1
+                getList()
+              }}
+              subjectList={state.subjectList}
+              appId={state.appId}
+              musicSheetCategories={state.musicSheetCategories}
+            />
+          </NModal>
+          <NModal
+            v-model:show={state.showEditDialog}
+            preset="dialog"
+            showIcon={false}
+            title={'修改曲目'}
+            style={{ width: '500px' }}
+          >
+            <UpdateMusic
+              onClose={() => (state.showEditDialog = false)}
+              onGetList={() => {
+                state.pagination.page = 1
+                getList()
+              }}
+              rowData={state.updateRow}
+              appId={state.appId}
+              musicSheetCategories={state.musicSheetCategories}
+            />
+          </NModal>
+        </div>
       )
     }
-
   }
-})
+})

src/views/music-library/project-music-sheet/module/gym/updateMusic.tsx

@@ -117,7 +117,16 @@ export default defineComponent({
               >
                 <NSelect
                     placeholder="请选择收费方式"
-                    options={getSelectDataFromObj(musicSheetPaymentType)}
+                    options={[
+                      {
+                        label:'免费',
+                        value:'FREE'
+                      },
+                      {
+                        label:'收费',
+                        value:'CHARGE'
+                      }
+                    ]}
                     v-model:value={forms.paymentType}
                     clearable
                 />