liushengqiang 2 years ago
parent
commit
d4ccc73101

BIN
dist/assets/background-c3e6a4b2.png


+ 1 - 1
dist/assets/index-e8d55d05.js → dist/assets/index-319f98e2.js

@@ -1 +1 @@
-import{d as g,F as w,V as y,br as i,M as h,U as r,ao as v,j as c,aJ as b,aq as _}from"./index-5e1d3fe4.js";import{s as T}from"./instrument-17a86ffd.js";import"./vue3-lottie.es-98b0f73e.js";import"./index-656117a3.js";import"./index-6204849d.js";import"./index-0e54d08f.js";const L="_skeleton_vtlsh_1",x="_detail_vtlsh_12",R="_container_vtlsh_20",l={skeleton:L,detail:x,container:R},k=g({name:"music-list",setup(){const u=w(),e=y({isLoading:!0,isProductLoading:!1,product:[{state:!1,name:"五线谱",type:i.staff,base64:""},{state:!1,name:"首调",type:i.firstTone,base64:""},{state:!1,name:"固定调",type:i.fixedTone,base64:""}]});h(()=>{window.appName="colexiu",r.xmlUrl=u.xmlUrl,r.musicRenderType=i.staff,e.isLoading=!1,v({message:"生成中",duration:0})});const m=async()=>{var o;const s=e.product.find(n=>n.type===r.musicRenderType);if(!s)return;s.state=!0,s.base64=await p();const t=e.product.find(n=>!n.state);if(t){r.musicRenderType=t.type,e.isLoading=!0,setTimeout(()=>e.isLoading=!1,500);return}_(),console.log(e.product),(o=window.parent)==null||o.postMessage({api:"webApi_renderSvg",product:JSON.stringify(e.product)},"*")},p=()=>new Promise(s=>{setTimeout(async()=>{var d;const t=(d=document.getElementById("osmdSvgPage1"))==null?void 0:d.cloneNode(!0);if(!t){s("");return}const o=t.width.animVal.value,n=t.height.animVal.value,a=document.createElementNS("http://www.w3.org/2000/svg","rect");a.setAttribute("x","0"),a.setAttribute("y","0"),a.setAttribute("width",`${o*2}`),a.setAttribute("height",`${n*2}`),a.setAttribute("fill","#fff"),t.prepend(a);const f=T(t.outerHTML).toDataURL("image/png",1);s(f)},500)});return()=>c("div",{class:l.detail},[c("div",{id:"scrollContainer",class:[l.container,"hideCursor"]},[!e.isLoading&&c(b,{showSelection:!1,onRendered:m},null)])])}});export{k as default};
+import{d as g,F as w,V as y,br as i,M as h,U as r,ao as v,j as c,aJ as b,aq as _}from"./index-5e1d3fe4.js";import{s as T}from"./instrument-3d10a26a.js";import"./vue3-lottie.es-98b0f73e.js";import"./index-656117a3.js";import"./index-6204849d.js";import"./index-0e54d08f.js";const L="_skeleton_vtlsh_1",x="_detail_vtlsh_12",R="_container_vtlsh_20",l={skeleton:L,detail:x,container:R},k=g({name:"music-list",setup(){const u=w(),e=y({isLoading:!0,isProductLoading:!1,product:[{state:!1,name:"五线谱",type:i.staff,base64:""},{state:!1,name:"首调",type:i.firstTone,base64:""},{state:!1,name:"固定调",type:i.fixedTone,base64:""}]});h(()=>{window.appName="colexiu",r.xmlUrl=u.xmlUrl,r.musicRenderType=i.staff,e.isLoading=!1,v({message:"生成中",duration:0})});const m=async()=>{var o;const s=e.product.find(n=>n.type===r.musicRenderType);if(!s)return;s.state=!0,s.base64=await p();const t=e.product.find(n=>!n.state);if(t){r.musicRenderType=t.type,e.isLoading=!0,setTimeout(()=>e.isLoading=!1,500);return}_(),console.log(e.product),(o=window.parent)==null||o.postMessage({api:"webApi_renderSvg",product:JSON.stringify(e.product)},"*")},p=()=>new Promise(s=>{setTimeout(async()=>{var d;const t=(d=document.getElementById("osmdSvgPage1"))==null?void 0:d.cloneNode(!0);if(!t){s("");return}const o=t.width.animVal.value,n=t.height.animVal.value,a=document.createElementNS("http://www.w3.org/2000/svg","rect");a.setAttribute("x","0"),a.setAttribute("y","0"),a.setAttribute("width",`${o*2}`),a.setAttribute("height",`${n*2}`),a.setAttribute("fill","#fff"),t.prepend(a);const f=T(t.outerHTML).toDataURL("image/png",1);s(f)},500)});return()=>c("div",{class:l.detail},[c("div",{id:"scrollContainer",class:[l.container,"hideCursor"]},[!e.isLoading&&c(b,{showSelection:!1,onRendered:m},null)])])}});export{k as default};

File diff suppressed because it is too large
+ 0 - 0
dist/assets/index-39957edd.js


File diff suppressed because it is too large
+ 0 - 0
dist/assets/index-legacy-1bb5b43c.js


File diff suppressed because it is too large
+ 0 - 0
dist/assets/index-legacy-be91420c.js


File diff suppressed because it is too large
+ 0 - 0
dist/assets/instrument-13a8b294.css


File diff suppressed because it is too large
+ 0 - 0
dist/assets/instrument-17a86ffd.js


File diff suppressed because it is too large
+ 0 - 0
dist/assets/instrument-3d10a26a.js


File diff suppressed because it is too large
+ 0 - 0
dist/assets/instrument-6cb8f7a4.css


File diff suppressed because it is too large
+ 0 - 0
dist/assets/instrument-legacy-a515c1d7.js


File diff suppressed because it is too large
+ 0 - 0
dist/assets/instrument-legacy-d4665a0c.js


File diff suppressed because it is too large
+ 0 - 0
dist/assets/polyfills-legacy-e54b8271.js


+ 1 - 1
dist/colexiu.html

@@ -55,7 +55,7 @@
   <img id="loading" class="show" src="./loading.svg" alt="loading" />
   
   <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
-  <script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-b8502ddb.js"></script>
+  <script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-e54b8271.js"></script>
   <script nomodule crossorigin id="vite-legacy-entry" data-src="./assets/colexiu-legacy-85452e72.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 </body>
 

+ 1 - 1
dist/index.html

@@ -98,7 +98,7 @@
   <img id="loading" class="show" src="./loading.svg" alt="loading" />
   
   <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
-  <script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-b8502ddb.js"></script>
+  <script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-e54b8271.js"></script>
   <script nomodule crossorigin id="vite-legacy-entry" data-src="./assets/index-legacy-a73baa47.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 </body>
 

+ 4 - 4
dist/instrument.html

@@ -36,7 +36,7 @@
       },
     })
   </script>
-  <script type="module" crossorigin src="./assets/instrument-17a86ffd.js"></script>
+  <script type="module" crossorigin src="./assets/instrument-3d10a26a.js"></script>
   <link rel="modulepreload" crossorigin href="./assets/index-5e1d3fe4.js">
   <link rel="modulepreload" crossorigin href="./assets/vue3-lottie.es-98b0f73e.js">
   <link rel="modulepreload" crossorigin href="./assets/index-656117a3.js">
@@ -44,7 +44,7 @@
   <link rel="modulepreload" crossorigin href="./assets/index-0e54d08f.js">
   <link rel="stylesheet" href="./assets/index-4cfc339c.css">
   <link rel="stylesheet" href="./assets/index-c7a13191.css">
-  <link rel="stylesheet" href="./assets/instrument-6cb8f7a4.css">
+  <link rel="stylesheet" href="./assets/instrument-13a8b294.css">
   <script type="module">import.meta.url;import("_").catch(()=>1);async function* g(){};window.__vite_is_modern_browser=true;</script>
   <script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
 </head>
@@ -54,8 +54,8 @@
   <img id="loading" class="show" src="./loading.svg" alt="loading" />
   
   <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
-  <script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-b8502ddb.js"></script>
-  <script nomodule crossorigin id="vite-legacy-entry" data-src="./assets/instrument-legacy-d4665a0c.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+  <script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-e54b8271.js"></script>
+  <script nomodule crossorigin id="vite-legacy-entry" data-src="./assets/instrument-legacy-a515c1d7.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 </body>
 
 </html>

+ 1 - 1
dist/orchestra.html

@@ -70,7 +70,7 @@
   </script>
   
   <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
-  <script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-b8502ddb.js"></script>
+  <script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-e54b8271.js"></script>
   <script nomodule crossorigin id="vite-legacy-entry" data-src="./assets/orchestra-legacy-bf771767.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 </body>
 

+ 1 - 1
dist/report-share.html

@@ -49,7 +49,7 @@
   </script>
   
   <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
-  <script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-b8502ddb.js"></script>
+  <script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-e54b8271.js"></script>
   <script nomodule crossorigin id="vite-legacy-entry" data-src="./assets/report-share-legacy-286a20dd.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 </body>
 

BIN
src/page-instrument/evaluat-model/delay-check/background.png


+ 9 - 3
src/page-instrument/evaluat-model/delay-check/index.module.less

@@ -8,16 +8,22 @@
     right: 0;
     top: 0;
     bottom: 0;
-    background: linear-gradient(to bottom, rgba(62,122,246,1), rgba(120,206,115,1));
+    background: url('./background.png') center center / 100% 100%;
+    background-repeat: no-repeat;
 }
 .item{
     position: absolute;
     left: 0;
     top: 0;
-    right: 0;
-    bottom: 0;
     width: 100%;
     height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    opacity: 0;
+}
+.show{
+    opacity: 1;
 }
 .btn{
     position: absolute;

+ 71 - 14
src/page-instrument/evaluat-model/delay-check/index.tsx

@@ -1,20 +1,28 @@
 import { Button, Popup } from "vant";
 import styles from "./index.module.less";
-import { defineComponent, onMounted, onUnmounted, reactive } from "vue";
+import { defineComponent, onMounted, onUnmounted, reactive, ref } from "vue";
 import { api_toggleTune, removeResult, sendResult } from "/src/helpers/communication";
 import { Vue3Lottie } from "vue3-lottie";
 import bg from "./json/bg.json";
+import bg1 from "./json/bg1.json";
 import f1 from "./json/f1.json";
 import f2 from "./json/f2.json";
+import f3 from "./json/f3.json";
+import f4 from "./json/f4.json";
+import f5 from "./json/f5.json";
+import f6 from "./json/f6.json";
+import f7 from "./json/f7.json";
 
 export default defineComponent({
 	name: "delay-check",
 	setup() {
+		const anim = ref();
 		const data = reactive({
 			show: false,
 			/** 检测状态 */
 			checkStatus: "init" as "init" | "ing" | "error",
 			count: 0,
+			step: 1,
 		});
 		const listenerResult = () => {
 			if (data.checkStatus !== "ing") return;
@@ -30,22 +38,52 @@ export default defineComponent({
 		onMounted(() => {
 			data.show = true;
 			sendResult(listenerResult);
+			console.log(anim.value);
 		});
 		onUnmounted(() => {
 			removeResult(listenerResult);
 		});
 
 		const toggleTune = async (state: "start" | "stop" | "finishTune") => {
-            if(state === 'start') {
-                await api_toggleTune('start', data.count);
-                setTimeout(() => {
-                    api_toggleTune('stop');
-                }, 1500)
-            } else if (state === 'finishTune') {
-                await api_toggleTune('finishTune');
-
-            }
+			if (state === "start") {
+				api_toggleTune("start", data.count);
+				setTimeout(() => {
+					api_toggleTune("stop");
+				}, 1500);
+			} else if (state === "finishTune") {
+				api_toggleTune("finishTune");
+			}
 		};
+		const list = [
+			{
+				id: 1,
+				json: f1,
+			},
+			{
+				id: 2,
+				json: f2,
+			},
+			{
+				id: 3,
+				json: f3,
+			},
+			{
+				id: 4,
+				json: f4,
+			},
+			{
+				id: 5,
+				json: f5,
+			},
+			{
+				id: 6,
+				json: f6,
+			},
+			{
+				id: 7,
+				json: f7,
+			},
+		];
 		return () => (
 			<Popup
 				teleport="body"
@@ -55,11 +93,30 @@ export default defineComponent({
 				v-model:show={data.show}
 			>
 				<div class={styles.delayBox}>
-					<Vue3Lottie width={"100%"} height={"100%"} animationData={bg}></Vue3Lottie>
-					{/* <Vue3Lottie class={styles.item} animationData={f1} loop={false}></Vue3Lottie> */}
-					<Vue3Lottie class={styles.item} animationData={f2}></Vue3Lottie>
+					<div class={[styles.item, data.step !== 7 && styles.show]}>
+						<Vue3Lottie animationData={bg}></Vue3Lottie>
+					</div>
+					<div class={[styles.item, data.step === 7 && styles.show]}>
+						<Vue3Lottie animationData={bg1}></Vue3Lottie>
+					</div>
+					<div class={[styles.item, data.step === 7 && styles.show]}>
+						<Vue3Lottie
+							ref={anim}
+							animationData={bg1}
+							onOnComplete={() => {
+								console.log(123, anim.value);
+							}}
+						></Vue3Lottie>
+					</div>
+					{list.map((item, index) => {
+						return (
+							<div class={[styles.item, data.step === item.id && styles.show]}>
+								<Vue3Lottie animationData={item.json} loop={false}></Vue3Lottie>
+							</div>
+						);
+					})}
 					<Button
-                        class={styles.btn}
+						class={styles.btn}
 						disabled={data.checkStatus !== "init"}
 						onClick={() => {
 							data.checkStatus = "ing";

+ 0 - 0
src/page-instrument/evaluat-model/delay-check/json/6 飞机飞走背景.json → src/page-instrument/evaluat-model/delay-check/json/bg1.json


+ 0 - 0
src/page-instrument/evaluat-model/delay-check/json/第二步 断开耳机.json → src/page-instrument/evaluat-model/delay-check/json/f3.json


+ 0 - 0
src/page-instrument/evaluat-model/delay-check/json/第三步 调整设备音量75%.json → src/page-instrument/evaluat-model/delay-check/json/f4.json


+ 0 - 0
src/page-instrument/evaluat-model/delay-check/json/第四步 正在进行检测.json → src/page-instrument/evaluat-model/delay-check/json/f5.json


+ 0 - 0
src/page-instrument/evaluat-model/delay-check/json/第五步 开始评测.json → src/page-instrument/evaluat-model/delay-check/json/f6.json


+ 0 - 0
src/page-instrument/evaluat-model/delay-check/json/第六步 飞机飞走.json → src/page-instrument/evaluat-model/delay-check/json/f7.json


Some files were not shown because too many files changed in this diff