2 veckor sedan · 3c418efd1b
--- a/colexiu-report.html
+++ b/colexiu-report.html
@@ -1,45 +0,0 @@
 
				-<!DOCTYPE html>
			
 
				-<html lang="en">
			
 
				-
			
 
				-<head>
			
 
				-  <meta charset="UTF-8" />
			
 
				-  <!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
			
 
				-  <meta name="viewport"
			
 
				-    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
			
 
				-  <title>管乐团云练习</title>
			
 
				-  <!-- <link rel="icon" href="/favicon.ico" /> -->
			
 
				-  <script src="/flexible.js" charset="UTF-8"></script>
			
 
				-  <script src="/helpers/lottie.min.js" charset="UTF-8"></script>
			
 
				-  <style>
			
 
				-    #loading {
			
 
				-      position: fixed;
			
 
				-      z-index: 100;
			
 
				-      top: 50%;
			
 
				-      left: 50%;
			
 
				-      width: 100Px;
			
 
				-      height: 100Px;
			
 
				-      transform: translate(-50%, -50%);
			
 
				-      pointer-events: none;
			
 
				-      transition: opacity .3s;
			
 
				-    }
			
 
				-  </style>
			
 
				-</head>
			
 
				-
			
 
				-<body>
			
 
				-  <div id="app"></div>
			
 
				-  <div id="loading"></div>
			
 
				-  <script>
			
 
				-    lottie.loadAnimation({
			
 
				-      container: document.getElementById('loading'),
			
 
				-      renderer: 'svg',
			
 
				-      width: '30px',
			
 
				-      height: '30px',
			
 
				-      loop: true,
			
 
				-      autoplay: true,
			
 
				-      path: './loading.json'
			
 
				-    });
			
 
				-  </script>
			
 
				-  <script type="module" src="/src/report-share/orchestra-share/main.ts"></script>
			
 
				-</body>
			
 
				-
			
 
				-</html>
			
--- a/colexiu.html
+++ b/colexiu.html
@@ -1,49 +0,0 @@
 
				-<!DOCTYPE html>
			
 
				-<html lang="en">
			
 
				-
			
 
				-<head>
			
 
				-  <meta charset="UTF-8" />
			
 
				-  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
			
 
				-  <meta name="viewport"
			
 
				-    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
			
 
				-  <title>小酷AI</title>
			
 
				-  <link rel="icon" href="/favicon.ico" />
			
 
				-  <script src="/flexible.js" charset="UTF-8"></script>
			
 
				-  <style>
			
 
				-    #loading {
			
 
				-      position: fixed;
			
 
				-      left: 50%;
			
 
				-      top: 50%;
			
 
				-      transform: translate(-50%, -50%);
			
 
				-      display: none;
			
 
				-    }
			
 
				-
			
 
				-    #loading.show {
			
 
				-      display: block;
			
 
				-    }
			
 
				-  </style>
			
 
				-  <script>
			
 
				-    function _postMessage(data, callback) {
			
 
				-      const instance = window.COLEXIU || (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.COLEXIU)
			
 
				-      if (instance) {
			
 
				-        console.log('h5发送开启全屏loading')
			
 
				-        instance.postMessage(JSON.stringify(data))
			
 
				-      }
			
 
				-    }
			
 
				-    _postMessage({
			
 
				-      api: 'cloudLoading',
			
 
				-      content: {
			
 
				-        show: true,
			
 
				-        type: 'fullscreen',
			
 
				-      },
			
 
				-    })
			
 
				-  </script>
			
 
				-</head>
			
 
				-
			
 
				-<body>
			
 
				-  <div id="app"></div>
			
 
				-  <img id="loading" class="show" src="/loading.svg" alt="loading" />
			
 
				-  <script type="module" src="/src/page-colexiu/main.ts"></script>
			
 
				-</body>
			
 
				-
			
 
				-</html>
			
--- a/index.html
+++ b/index.html
@@ -1,88 +0,0 @@
 
				-<!DOCTYPE html>
			
 
				-<html lang="ZH-cn">
			
 
				-
			
 
				-<head>
			
 
				-  <meta charset="UTF-8">
			
 
				-  <link rel="icon" href="/favicon.ico" />
			
 
				-  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
			
 
				-  <meta http-equiv="Cache-control" content="no-cache">
			
 
				-  <meta http-equiv="Cache" content="no-cache">
			
 
				-  <title>云练习</title>
			
 
				-  <script src="/flexible.js" charset="UTF-8"></script>
			
 
				-  <style>
			
 
				-    #loading {
			
 
				-      position: fixed;
			
 
				-      left: 50%;
			
 
				-      top: 50%;
			
 
				-      transform: translate(-50%, -50%);
			
 
				-      display: none;
			
 
				-    }
			
 
				-
			
 
				-    #loading.show {
			
 
				-      display: block;
			
 
				-    }
			
 
				-
			
 
				-    #update {
			
 
				-      position: fixed;
			
 
				-      left: 50%;
			
 
				-      top: 50%;
			
 
				-      transform: translate(-50%, -50%);
			
 
				-      display: none;
			
 
				-    }
			
 
				-
			
 
				-    #update.show {
			
 
				-      display: block;
			
 
				-    }
			
 
				-
			
 
				-    #update img {
			
 
				-      display: block;
			
 
				-      width: 2rem;
			
 
				-      height: 2rem;
			
 
				-      margin: auto;
			
 
				-    }
			
 
				-
			
 
				-    #update span {
			
 
				-      display: block;
			
 
				-      margin: auto;
			
 
				-      margin-top: 30px;
			
 
				-      color: rgba(0, 0, 0, .65);
			
 
				-      line-height: 1.8;
			
 
				-    }
			
 
				-  </style>
			
 
				-  <script>
			
 
				-    window.postMessageInstance = window.ORCHESTRA || (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.ORCHESTRA);
			
 
				-    if (window.navigator && navigator.serviceWorker) {
			
 
				-      navigator.serviceWorker.getRegistrations()
			
 
				-        .then(function (registrations) {
			
 
				-          for (let registration of registrations) {
			
 
				-            registration.unregister();
			
 
				-          }
			
 
				-        });
			
 
				-    }
			
 
				-    function getBroswer() {
			
 
				-      var Sys = {};
			
 
				-      var ua = navigator.userAgent.toLowerCase();
			
 
				-      var s = (s = ua.match(/chrome\/([\d.]+)/)) ? (s[1] && (Sys.chrome = s[1].split('.')[0])) : 0
			
 
				-      if (Sys.chrome) return { broswer: "Chrome", version: Sys.chrome };
			
 
				-      return { broswer: "", version: "0" };
			
 
				-    }
			
 
				-    var broswer = getBroswer();
			
 
				-    window.addEventListener('DOMContentLoaded', function () {
			
 
				-      if (broswer.broswer === 'Chrome' && parseFloat(broswer.version) <= 50) {
			
 
				-        document.getElementById('update').className = 'show'
			
 
				-      }
			
 
				-    })
			
 
				-  </script>
			
 
				-</head>
			
 
				-
			
 
				-<body>
			
 
				-  <div id="app"></div>
			
 
				-  <div id="update">
			
 
				-    <img src="/update.png" />
			
 
				-    <span>您的系统当前版本过低，请及时前往系统设置进行升级。</span>
			
 
				-  </div>
			
 
				-  <img id="loading" class="show" src="/loading.svg" alt="loading" />
			
 
				-  <script type="module" src="/src/page-gym/main.ts"></script>
			
 
				-</body>
			
 
				-
			
 
				-</html>
			
--- a/orchestra.html
+++ b/orchestra.html
@@ -1,61 +0,0 @@
 
				-<!DOCTYPE html>
			
 
				-<html lang="en">
			
 
				-
			
 
				-<head>
			
 
				-  <meta charset="UTF-8" />
			
 
				-  <!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
			
 
				-  <meta name="viewport"
			
 
				-    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
			
 
				-  <title>管乐团云练习</title>
			
 
				-  <script>
			
 
				-    function _postMessage(data, callback) {
			
 
				-      const instance = window.ORCHESTRA || (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.ORCHESTRA)
			
 
				-      if (instance) {
			
 
				-        console.log('h5发送开启全屏loading')
			
 
				-        instance.postMessage(JSON.stringify(data))
			
 
				-      }
			
 
				-    }
			
 
				-    _postMessage({
			
 
				-      api: 'cloudLoading',
			
 
				-      content: {
			
 
				-        show: true,
			
 
				-        type: 'fullscreen',
			
 
				-      },
			
 
				-    })
			
 
				-  </script>
			
 
				-  <!-- <link rel="icon" href="/favicon.ico" /> -->
			
 
				-  <script src="/flexible.js" charset="UTF-8"></script>
			
 
				-  <script src="/helpers/lottie.min.js" charset="UTF-8"></script>
			
 
				-  <style>
			
 
				-    #loading {
			
 
				-      position: fixed;
			
 
				-      z-index: 100;
			
 
				-      top: 50%;
			
 
				-      left: 50%;
			
 
				-      width: 100Px;
			
 
				-      height: 100Px;
			
 
				-      transform: translate(-50%, -50%);
			
 
				-      pointer-events: none;
			
 
				-      transition: opacity .3s;
			
 
				-    }
			
 
				-  </style>
			
 
				-</head>
			
 
				-
			
 
				-<body>
			
 
				-  <div id="app"></div>
			
 
				-  <div id="loading"></div>
			
 
				-  <script>
			
 
				-    lottie.loadAnimation({
			
 
				-      container: document.getElementById('loading'),
			
 
				-      renderer: 'svg',
			
 
				-      width: '30px',
			
 
				-      height: '30px',
			
 
				-      loop: true,
			
 
				-      autoplay: true,
			
 
				-      path: './loading.json'
			
 
				-    });
			
 
				-  </script>
			
 
				-  <script type="module" src="/src/page-orchestra/main.ts"></script>
			
 
				-</body>
			
 
				-
			
 
				-</html>
			
--- a/report-share.html
+++ b/report-share.html
@@ -1,45 +0,0 @@
 
				-<!DOCTYPE html>
			
 
				-<html lang="en">
			
 
				-
			
 
				-<head>
			
 
				-  <meta charset="UTF-8" />
			
 
				-  <!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
			
 
				-  <meta name="viewport"
			
 
				-    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
			
 
				-  <title>管乐团云练习</title>
			
 
				-  <!-- <link rel="icon" href="/favicon.ico" /> -->
			
 
				-  <script src="/flexible.js" charset="UTF-8"></script>
			
 
				-  <script src="/helpers/lottie.min.js" charset="UTF-8"></script>
			
 
				-  <style>
			
 
				-    #loading {
			
 
				-      position: fixed;
			
 
				-      z-index: 100;
			
 
				-      top: 50%;
			
 
				-      left: 50%;
			
 
				-      width: 100Px;
			
 
				-      height: 100Px;
			
 
				-      transform: translate(-50%, -50%);
			
 
				-      pointer-events: none;
			
 
				-      transition: opacity .3s;
			
 
				-    }
			
 
				-  </style>
			
 
				-</head>
			
 
				-
			
 
				-<body>
			
 
				-  <div id="app"></div>
			
 
				-  <div id="loading"></div>
			
 
				-  <script>
			
 
				-    lottie.loadAnimation({
			
 
				-      container: document.getElementById('loading'),
			
 
				-      renderer: 'svg',
			
 
				-      width: '30px',
			
 
				-      height: '30px',
			
 
				-      loop: true,
			
 
				-      autoplay: true,
			
 
				-      path: './loading.json'
			
 
				-    });
			
 
				-  </script>
			
 
				-  <script type="module" src="/src/report-share/orchestra-share/main.ts"></script>
			
 
				-</body>
			
 
				-
			
 
				-</html>
			
--- a/src/page-colexiu/App.tsx
+++ b/src/page-colexiu/App.tsx
@@ -1,49 +0,0 @@
 
				-import request from "umi-request";
			
 
				-import { computed, defineComponent, onBeforeMount, onMounted } from "vue";
			
 
				-import { RouterView } from "vue-router";
			
 
				-import TheError from "../components/The-error";
			
 
				-import { setUserInfo, storeData } from "../store";
			
 
				-import { getRandomKey, setBehaviorId, setToken } from "../utils";
			
 
				-import { getQuery } from "../utils/queryString";
			
 
				-import Notfind from "../view/notfind";
			
 
				-import { employeeQueryUserInfo, studentQueryUserInfo, teacherQueryUserInfo } from "./api";
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "App",
			
 
				-	setup() {
			
 
				-		const query: any = getQuery()
			
 
				-		/** 获取用户信息 */
			
 
				-		const getUserInfo = async () => {
			
 
				-			// const a = await request.get(`/student/queryUserInfo`)
			
 
				-			// console.log(a)
			
 
				-			if (storeData.platformType === "WEB") {
			
 
				-				return await employeeQueryUserInfo();
			
 
				-			} else if (storeData.platformType === "TEACHER") {
			
 
				-				return await teacherQueryUserInfo();
			
 
				-			}
			
 
				-			return await studentQueryUserInfo();
			
 
				-		};
			
 
				-		const setUser = async () => {
			
 
				-			const res = await getUserInfo();
			
 
				-			const student = res?.data || {};
			
 
				-			setUserInfo(student);
			
 
				-			// console.log("🚀 ~ res:", student);
			
 
				-		};
			
 
				-		onBeforeMount(() => {
			
 
				-			if (query.Authorization) {
			
 
				-				setToken(query.Authorization);
			
 
				-			}
			
 
				-			setUser();
			
 
				-			setBehaviorId(getRandomKey())
			
 
				-		});
			
 
				-		onMounted(() => {
			
 
				-			const _loading = document.getElementById("loading")
			
 
				-			_loading && (document.body.removeChild(_loading))
			
 
				-		})
			
 
				-
			
 
				-		const inited = computed(() => {
			
 
				-			return storeData.status === "login";
			
 
				-		});
			
 
				-		return () => <>{storeData.status === "error" ? <TheError /> : inited.value ? <RouterView /> : null}</>;
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/api.ts
+++ b/src/page-colexiu/api.ts
@@ -1,29 +0,0 @@
 
				-import request from "../utils/request";
			
 
				-
			
 
				-/** 获取学生信息 */
			
 
				-export const studentQueryUserInfo = async () => {
			
 
				-	return await request.get(`/student/queryUserInfo`);
			
 
				-};
			
 
				-/** 获取老师信息 */
			
 
				-export const teacherQueryUserInfo = () => {
			
 
				-	return request.get(`/student/queryUserInfo`);
			
 
				-};
			
 
				-/** 后台用户信息 */
			
 
				-export const employeeQueryUserInfo = () => {
			
 
				-	return request.get(`/employee/queryUserInfo`);
			
 
				-};
			
 
				-
			
 
				-/** 获取曲谱信息 */
			
 
				-export const sysMusicScoreAccompanimentQueryPage = (sysMusicScoreId: string) => {
			
 
				-	return request.get("/music/sheet/detail/" + sysMusicScoreId);
			
 
				-};
			
 
				-
			
 
				-/** 记录训练时长 */
			
 
				-export const sysMusicRecordAdd = (data: any) => {
			
 
				-	return request.post("/sysMusicRecord/add", { data });
			
 
				-};
			
 
				-
			
 
				-/** 提交意见反馈 */
			
 
				-export const sysSuggestionAdd = (data: any) => {
			
 
				-	return request.post("/sysSuggestion/add", { data });
			
 
				-};
			
--- a/src/page-colexiu/component/the-comfirm/index.json
+++ b/src/page-colexiu/component/the-comfirm/index.json
--- a/src/page-colexiu/component/the-comfirm/index.module.less
+++ b/src/page-colexiu/component/the-comfirm/index.module.less
@@ -1,44 +0,0 @@
 
				-.fraction {
			
 
				-    display: flex;
			
 
				-    flex-direction: column;
			
 
				-    align-items: center;
			
 
				-    color: #fff;
			
 
				-    background-color: #fff;
			
 
				-    border-radius: 18px;
			
 
				-    min-width: 244px;
			
 
				-}
			
 
				-
			
 
				-.title {
			
 
				-    position: relative;
			
 
				-    width: 100px;
			
 
				-    height: 30px;
			
 
				-    top: -4.5px;
			
 
				-
			
 
				-    img {
			
 
				-        display: block;
			
 
				-        width: 100%;
			
 
				-        height: 100%;
			
 
				-    }
			
 
				-}
			
 
				-
			
 
				-.tip {
			
 
				-    font-size: 13px;
			
 
				-    color: #808080;
			
 
				-    padding: 20px 0;
			
 
				-}
			
 
				-.btns{
			
 
				-    display: flex;
			
 
				-    justify-content: space-evenly;
			
 
				-    align-items: center;
			
 
				-    width: 100%;
			
 
				-    max-width: 244px;
			
 
				-}
			
 
				-.btn {
			
 
				-    width: 40%;
			
 
				-    height: 31px;
			
 
				-    margin: 11px 0 17px 0;
			
 
				-    line-height: 31px;
			
 
				-    text-align: center;
			
 
				-    border-radius: 36px;
			
 
				-    font-size: 13px;
			
 
				-}
			
--- a/src/page-colexiu/component/the-comfirm/index.tsx
+++ b/src/page-colexiu/component/the-comfirm/index.tsx
@@ -1,28 +0,0 @@
 
				-import { defineComponent } from "vue";
			
 
				-import styles from "./index.module.less";
			
 
				-import icons from "./index.json";
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "evaluat-audio",
			
 
				-	props: {
			
 
				-		tip: {
			
 
				-			type: String,
			
 
				-			default: () => ''
			
 
				-		}
			
 
				-	},
			
 
				-	emits: ["close"],
			
 
				-	setup(props, { emit }) {
			
 
				-		return () => (
			
 
				-			<div class={styles.fraction}>
			
 
				-				<div class={styles.title}>
			
 
				-					<img src={icons.title} />
			
 
				-				</div>
			
 
				-				<div class={styles.tip}>{props.tip}</div>
			
 
				-				<div class={styles.btns}>
			
 
				-					<img src={icons.cancel} class={styles.btn} onClick={() => emit("close")} />
			
 
				-					<img src={icons.confirm} class={styles.btn} onClick={() => emit("close", true)} />
			
 
				-				</div>
			
 
				-			</div>
			
 
				-		);
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/custom-plugins/helper-model/icons/close2.svg
+++ b/src/page-colexiu/custom-plugins/helper-model/icons/close2.svg
@@ -1,12 +0,0 @@
 
				-<?xml version="1.0" encoding="UTF-8"?>
			
 
				-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				-    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				-        <g transform="translate(-493.000000, -57.000000)" fill="#01C1B5" fill-rule="nonzero">
			
 
				-            <g transform="translate(143.000000, 40.000000)">
			
 
				-                <g transform="translate(350.000000, 17.000000)">
			
 
				-                    <path d="M1.05548433,1.07092551 L0.973890205,1.16134969 C0.666012474,1.54828454 0.694001358,2.11481906 1.05785686,2.46909941 L6.537,7.949 L1.05548433,13.4315873 C0.672191496,13.8148801 0.672191496,14.4441272 1.05548433,14.8274201 L1.08636669,14.8583024 L1.17896103,14.9399506 C1.56501142,15.2393273 2.12839072,15.2121112 2.48219949,14.8583024 L7.964,9.376 L13.4470285,14.8583024 C13.8303213,15.2415953 14.4595684,15.2415953 14.8428613,14.8583024 L14.8737436,14.8274201 L14.9553918,14.7348257 C15.2547684,14.3487753 15.2275524,13.785396 14.8737436,13.4315873 L9.391,7.949 L14.8737436,2.46675831 C15.2570364,2.08346548 15.2570364,1.45421835 14.8737436,1.07092551 L14.8428613,1.04004316 L14.7502669,0.958394979 C14.3642165,0.659018325 13.8008372,0.686234384 13.4470285,1.04004316 L7.964,6.53 L2.48231995,1.0401637 C2.09890665,0.65675032 1.46965952,0.65675032 1.08636669,1.04004316 L1.05548433,1.07092551 Z" id="路径"></path>
			
 
				-                </g>
			
 
				-            </g>
			
 
				-        </g>
			
 
				-    </g>
			
 
				-</svg>
			
--- a/src/page-colexiu/custom-plugins/helper-model/icons/icon-right-back.png
+++ b/src/page-colexiu/custom-plugins/helper-model/icons/icon-right-back.png
--- a/src/page-colexiu/custom-plugins/helper-model/icons/icon-right.png
+++ b/src/page-colexiu/custom-plugins/helper-model/icons/icon-right.png
--- a/src/page-colexiu/custom-plugins/helper-model/icons/icon-submit.png
+++ b/src/page-colexiu/custom-plugins/helper-model/icons/icon-submit.png
--- a/src/page-colexiu/custom-plugins/helper-model/index.module.less
+++ b/src/page-colexiu/custom-plugins/helper-model/index.module.less
@@ -1,19 +0,0 @@
 
				-.helperModel{
			
 
				-    position: fixed;
			
 
				-    right: 0;
			
 
				-    top: 50%;
			
 
				-    width: 26px;
			
 
				-    height: 50px;
			
 
				-    margin-top: -25px;
			
 
				-    & > img {
			
 
				-        display: block;
			
 
				-        width: 100%;
			
 
				-        height: 100%;
			
 
				-        &:active{
			
 
				-            opacity: .8;
			
 
				-        }
			
 
				-    }
			
 
				-}
			
 
				-.screen{
			
 
				-    overflow: initial;
			
 
				-}
			
--- a/src/page-colexiu/custom-plugins/helper-model/index.tsx
+++ b/src/page-colexiu/custom-plugins/helper-model/index.tsx
@@ -1,48 +0,0 @@
 
				-import { defineComponent, reactive } from "vue";
			
 
				-import styles from "./index.module.less";
			
 
				-import iconRight from "./icons/icon-right.png";
			
 
				-import { Popup } from "vant";
			
 
				-import ScreenModel from "./screen-model";
			
 
				-import Recommendation from "./recommendation";
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "helper-model",
			
 
				-	setup() {
			
 
				-		const helperData = reactive({
			
 
				-			show: false,
			
 
				-			recommendationShow: false, // 建议
			
 
				-		});
			
 
				-		return () => (
			
 
				-			<>
			
 
				-				<div class={styles.helperModel} onClick={() => (helperData.show = true)}>
			
 
				-					<img id="tips-step-0" src={iconRight} />
			
 
				-				</div>
			
 
				-				<Popup
			
 
				-					class={["popup-custom", styles.screen]}
			
 
				-					v-model:show={helperData.show}
			
 
				-					onClose={() => {
			
 
				-						helperData.show = false;
			
 
				-					}}
			
 
				-					position="right"
			
 
				-				>
			
 
				-					<ScreenModel
			
 
				-						onClose={(open: Boolean) => {
			
 
				-							if (open) {
			
 
				-								helperData.recommendationShow = true;
			
 
				-							} else {
			
 
				-								helperData.show = false;
			
 
				-							}
			
 
				-						}}
			
 
				-					/>
			
 
				-				</Popup>
			
 
				-				<Popup v-model:show={helperData.recommendationShow} class="popup-custom van-scale" transition="van-scale">
			
 
				-					<Recommendation
			
 
				-						onClose={() => {
			
 
				-							helperData.recommendationShow = false;
			
 
				-						}}
			
 
				-					/>
			
 
				-				</Popup>
			
 
				-			</>
			
 
				-		);
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/custom-plugins/helper-model/recommendation/index.module.less
+++ b/src/page-colexiu/custom-plugins/helper-model/recommendation/index.module.less
@@ -1,83 +0,0 @@
 
				-
			
 
				-.closeBtn {
			
 
				-    position: absolute;
			
 
				-    right: -34px;
			
 
				-    top: -6px;
			
 
				-    width: 24px;
			
 
				-    height: 24px;
			
 
				-    border-radius: 50%;
			
 
				-    background-color: #fff;
			
 
				-    overflow: hidden;
			
 
				-    padding: 6px;
			
 
				-
			
 
				-    img {
			
 
				-        width: 100%;
			
 
				-        height: 100%;
			
 
				-        display: block;
			
 
				-    }
			
 
				-
			
 
				-    &:active {
			
 
				-        opacity: .8;
			
 
				-    }
			
 
				-}
			
 
				-
			
 
				-.content {
			
 
				-    position: relative;
			
 
				-    border-radius: 8px;
			
 
				-    width: 300px;
			
 
				-    // height: 90vh;
			
 
				-    max-height: 370px;
			
 
				-    background-color: #fff;
			
 
				-    --van-tabs-line-height: 42px;
			
 
				-    overflow: hidden;
			
 
				-    :global {
			
 
				-        .van-tabs__wrap{
			
 
				-            border-bottom: 1Px solid #F0F0F0;
			
 
				-        }
			
 
				-        .van-tabs__content {
			
 
				-            max-height: calc(90vh - var(--van-tabs-line-height));
			
 
				-            overflow-y: auto;
			
 
				-
			
 
				-            &::-webkit-scrollbar {
			
 
				-                width: 0;
			
 
				-                display: none;
			
 
				-            }
			
 
				-        }
			
 
				-        .van-field{
			
 
				-            font-size: 12Px;
			
 
				-            line-height: 16Px;
			
 
				-        }
			
 
				-    }
			
 
				-}
			
 
				-
			
 
				-.tags {
			
 
				-    display: flex;
			
 
				-    justify-content: space-between;
			
 
				-    text-align: center;
			
 
				-    flex-wrap: wrap;
			
 
				-    padding: 0 var(--van-cell-horizontal-padding) var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);
			
 
				-    >span {
			
 
				-        margin: 3px 0;
			
 
				-        border-radius: 3PX;
			
 
				-        display: block;
			
 
				-        width: 30%;
			
 
				-        font-size: 12PX;
			
 
				-        padding: 6PX 0;
			
 
				-        background-color: #F8F8F8;
			
 
				-        color: #999999;
			
 
				-        border: 1PX solid #F8F8F8;
			
 
				-
			
 
				-        &.active {
			
 
				-            color: var(--van-primary-color);
			
 
				-            border-color: var(--van-primary-color);
			
 
				-            background-color: #E2FFF9;
			
 
				-            pointer-events: none;
			
 
				-        }
			
 
				-    }
			
 
				-}
			
 
				-.btn{
			
 
				-    display: block;
			
 
				-    height: 36px;
			
 
				-    font-size: 13px;
			
 
				-    margin: 0 auto;
			
 
				-}
			
--- a/src/page-colexiu/custom-plugins/helper-model/recommendation/index.tsx
+++ b/src/page-colexiu/custom-plugins/helper-model/recommendation/index.tsx
@@ -1,78 +0,0 @@
 
				-import { defineComponent, reactive, ref } from "vue";
			
 
				-import styles from "./index.module.less";
			
 
				-import iconClose from "../icons/close2.svg";
			
 
				-import { Button, Cell, Field, Tab, Tabs, showToast } from "vant";
			
 
				-import { sysSuggestionAdd } from "/src/page-colexiu/api";
			
 
				-import iconSubmit from "../icons/icon-submit.png";
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "recommendation",
			
 
				-	emits: ["close"],
			
 
				-	setup(props, { emit }) {
			
 
				-		const tags = ["识别不准", "无法评测", "不出评测结果", "曲谱不一致", "指法错误", "其他"];
			
 
				-		const recommenData = reactive({
			
 
				-			loading: false,
			
 
				-			active: "识别不准",
			
 
				-			message: "",
			
 
				-		});
			
 
				-
			
 
				-		/** 提交意见反馈 */
			
 
				-		const handleSubmit = async () => {
			
 
				-			if (!recommenData.message) {
			
 
				-				showToast({
			
 
				-					message: "请先填写意见反馈",
			
 
				-					position: "top",
			
 
				-				});
			
 
				-				return;
			
 
				-			}
			
 
				-			recommenData.loading = true;
			
 
				-			try {
			
 
				-				await sysSuggestionAdd({
			
 
				-					content: recommenData.message + "#" + recommenData.active,
			
 
				-					type: "SMART_PRACTICE",
			
 
				-				});
			
 
				-				showToast({
			
 
				-					message: "意见反馈已提交",
			
 
				-					position: "top",
			
 
				-				});
			
 
				-				emit("close");
			
 
				-			} catch (error) {}
			
 
				-			recommenData.loading = false;
			
 
				-		};
			
 
				-
			
 
				-		return () => (
			
 
				-			<>
			
 
				-				<div class={styles.closeBtn} onClick={() => emit("close")}>
			
 
				-					<img src={iconClose} />
			
 
				-				</div>
			
 
				-				<div class={styles.content}>
			
 
				-					<Tabs lineHeight={0} color="#1A1A1A">
			
 
				-						<Tab title="意见反馈">
			
 
				-							<Cell border={false} title="请选择问题类型" />
			
 
				-							<div class={styles.tags}>
			
 
				-								{tags.map((text) => (
			
 
				-									<span class={[styles.tag, recommenData.active === text && styles.active]} onClick={() => (recommenData.active = text)}>
			
 
				-										{text}
			
 
				-									</span>
			
 
				-								))}
			
 
				-							</div>
			
 
				-							<Field
			
 
				-								v-model={recommenData.message}
			
 
				-								rows="3"
			
 
				-								autosize={{ maxHeight: 128 }}
			
 
				-								border={false}
			
 
				-								type="textarea"
			
 
				-								maxlength={200}
			
 
				-								placeholder="请详细描述您遇到的问题，以便我们尽快为您解决！"
			
 
				-								show-word-limit
			
 
				-							/>
			
 
				-							<Cell>
			
 
				-								<img class={styles.btn} src={iconSubmit} onClick={handleSubmit} />
			
 
				-							</Cell>
			
 
				-						</Tab>
			
 
				-					</Tabs>
			
 
				-				</div>
			
 
				-			</>
			
 
				-		);
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/custom-plugins/helper-model/screen-model/index.module.less
+++ b/src/page-colexiu/custom-plugins/helper-model/screen-model/index.module.less
@@ -1,61 +0,0 @@
 
				-.container {
			
 
				-    position: relative;
			
 
				-    width: 40vw;
			
 
				-    height: 100vh;
			
 
				-    max-width: 295px;
			
 
				-    background: #fff;
			
 
				-    border-radius: 16px 0 0 16px;
			
 
				-    overflow-y: auto;
			
 
				-
			
 
				-    &::-webkit-scrollbar {
			
 
				-        width: 0;
			
 
				-        display: none;
			
 
				-    }
			
 
				-
			
 
				-    :global {
			
 
				-        .van-tabs__content {
			
 
				-            height: calc(100vh - var(--van-tabs-line-height));
			
 
				-        }
			
 
				-
			
 
				-        .van-tab__panel {
			
 
				-            display: flex;
			
 
				-            flex-direction: column;
			
 
				-            width: 100%;
			
 
				-            height: 100%;
			
 
				-        }
			
 
				-
			
 
				-        iframe {
			
 
				-            flex: 1;
			
 
				-            width: 100%;
			
 
				-            border: none;
			
 
				-            margin: 0;
			
 
				-
			
 
				-            &::-webkit-scrollbar {
			
 
				-                width: 0;
			
 
				-                display: none;
			
 
				-            }
			
 
				-        }
			
 
				-    }
			
 
				-}
			
 
				-
			
 
				-.closeBtn {
			
 
				-    position: absolute;
			
 
				-    left: -30px;
			
 
				-    top: 50%;
			
 
				-    margin-top: -20px;
			
 
				-    width: 30px;
			
 
				-    height: 40px;
			
 
				-}
			
 
				-.jianyi{
			
 
				-    flex-shrink: 0;
			
 
				-    height: 50px;
			
 
				-    display: flex;
			
 
				-    align-items: center;
			
 
				-    justify-content: center;
			
 
				-    color: var(--van-primary-color);
			
 
				-    border-top: 1px solid #F0F0F0;
			
 
				-    font-size: 13px;
			
 
				-    &:active{
			
 
				-        opacity: .8;
			
 
				-    }
			
 
				-}
			
--- a/src/page-colexiu/custom-plugins/helper-model/screen-model/index.tsx
+++ b/src/page-colexiu/custom-plugins/helper-model/screen-model/index.tsx
@@ -1,26 +0,0 @@
 
				-import { defineComponent, ref } from "vue";
			
 
				-import styles from "./index.module.less";
			
 
				-import iconBack from "../icons/icon-right-back.png";
			
 
				-import { Icon, ImagePreview, Tab, Tabs } from "vant";
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "screenModel",
			
 
				-	emits: ["close"],
			
 
				-	setup(props, { emit }) {
			
 
				-		return () => (
			
 
				-			<>
			
 
				-				<img class={styles.closeBtn} src={iconBack} onClick={() => emit("close")} />
			
 
				-				<div class={styles.container}>
			
 
				-					<Tabs swipeable animated>
			
 
				-						<Tab name="投屏" title="投屏">
			
 
				-							<iframe src="https://online.colexiu.com/student/#/guide" />
			
 
				-						</Tab>
			
 
				-						<Tab name="帮助" title="帮助">
			
 
				-							<iframe src="https://online.colexiu.com/student/#/helpCenter?platformType=ANALYSIS" />
			
 
				-						</Tab>
			
 
				-					</Tabs>
			
 
				-				</div>
			
 
				-			</>
			
 
				-		);
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/custom-plugins/recording-time/helper-model/icons/close2.svg
+++ b/src/page-colexiu/custom-plugins/recording-time/helper-model/icons/close2.svg
@@ -1,12 +0,0 @@
 
				-<?xml version="1.0" encoding="UTF-8"?>
			
 
				-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				-    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				-        <g transform="translate(-493.000000, -57.000000)" fill="#01C1B5" fill-rule="nonzero">
			
 
				-            <g transform="translate(143.000000, 40.000000)">
			
 
				-                <g transform="translate(350.000000, 17.000000)">
			
 
				-                    <path d="M1.05548433,1.07092551 L0.973890205,1.16134969 C0.666012474,1.54828454 0.694001358,2.11481906 1.05785686,2.46909941 L6.537,7.949 L1.05548433,13.4315873 C0.672191496,13.8148801 0.672191496,14.4441272 1.05548433,14.8274201 L1.08636669,14.8583024 L1.17896103,14.9399506 C1.56501142,15.2393273 2.12839072,15.2121112 2.48219949,14.8583024 L7.964,9.376 L13.4470285,14.8583024 C13.8303213,15.2415953 14.4595684,15.2415953 14.8428613,14.8583024 L14.8737436,14.8274201 L14.9553918,14.7348257 C15.2547684,14.3487753 15.2275524,13.785396 14.8737436,13.4315873 L9.391,7.949 L14.8737436,2.46675831 C15.2570364,2.08346548 15.2570364,1.45421835 14.8737436,1.07092551 L14.8428613,1.04004316 L14.7502669,0.958394979 C14.3642165,0.659018325 13.8008372,0.686234384 13.4470285,1.04004316 L7.964,6.53 L2.48231995,1.0401637 C2.09890665,0.65675032 1.46965952,0.65675032 1.08636669,1.04004316 L1.05548433,1.07092551 Z" id="路径"></path>
			
 
				-                </g>
			
 
				-            </g>
			
 
				-        </g>
			
 
				-    </g>
			
 
				-</svg>
			
--- a/src/page-colexiu/custom-plugins/recording-time/helper-model/icons/icon-right-back.png
+++ b/src/page-colexiu/custom-plugins/recording-time/helper-model/icons/icon-right-back.png
--- a/src/page-colexiu/custom-plugins/recording-time/helper-model/icons/icon-right.png
+++ b/src/page-colexiu/custom-plugins/recording-time/helper-model/icons/icon-right.png
--- a/src/page-colexiu/custom-plugins/recording-time/helper-model/index.module.less
+++ b/src/page-colexiu/custom-plugins/recording-time/helper-model/index.module.less
@@ -1,19 +0,0 @@
 
				-.helperModel{
			
 
				-    position: fixed;
			
 
				-    right: 0;
			
 
				-    top: 50%;
			
 
				-    width: 26px;
			
 
				-    height: 50px;
			
 
				-    margin-top: -25px;
			
 
				-    & > img {
			
 
				-        display: block;
			
 
				-        width: 100%;
			
 
				-        height: 100%;
			
 
				-        &:active{
			
 
				-            opacity: .8;
			
 
				-        }
			
 
				-    }
			
 
				-}
			
 
				-.screen{
			
 
				-    overflow: initial;
			
 
				-}
			
--- a/src/page-colexiu/custom-plugins/recording-time/helper-model/index.tsx
+++ b/src/page-colexiu/custom-plugins/recording-time/helper-model/index.tsx
@@ -1,48 +0,0 @@
 
				-import { defineComponent, reactive } from "vue";
			
 
				-import styles from "./index.module.less";
			
 
				-import iconRight from "./icons/icon-right.png";
			
 
				-import { Popup } from "vant";
			
 
				-import ScreenModel from "./screen-model";
			
 
				-import Recommendation from "./recommendation";
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "helper-model",
			
 
				-	setup() {
			
 
				-		const helperData = reactive({
			
 
				-			show: false,
			
 
				-			recommendationShow: false, // 建议
			
 
				-		});
			
 
				-		return () => (
			
 
				-			<>
			
 
				-				<div class={styles.helperModel} onClick={() => (helperData.show = true)}>
			
 
				-					<img id="tips-step-0" src={iconRight} />
			
 
				-				</div>
			
 
				-				<Popup
			
 
				-					class={["popup-custom", styles.screen]}
			
 
				-					v-model:show={helperData.show}
			
 
				-					onClose={() => {
			
 
				-						helperData.show = false;
			
 
				-					}}
			
 
				-					position="right"
			
 
				-				>
			
 
				-					<ScreenModel
			
 
				-						onClose={(open: Boolean) => {
			
 
				-							if (open) {
			
 
				-								helperData.recommendationShow = true;
			
 
				-							} else {
			
 
				-								helperData.show = false;
			
 
				-							}
			
 
				-						}}
			
 
				-					/>
			
 
				-				</Popup>
			
 
				-				<Popup v-model:show={helperData.recommendationShow} class="popup-custom van-scale" transition="van-scale">
			
 
				-					<Recommendation
			
 
				-						onClose={() => {
			
 
				-							helperData.recommendationShow = false;
			
 
				-						}}
			
 
				-					/>
			
 
				-				</Popup>
			
 
				-			</>
			
 
				-		);
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/custom-plugins/recording-time/helper-model/recommendation/index.module.less
+++ b/src/page-colexiu/custom-plugins/recording-time/helper-model/recommendation/index.module.less
@@ -1,83 +0,0 @@
 
				-
			
 
				-.closeBtn {
			
 
				-    position: absolute;
			
 
				-    right: -34px;
			
 
				-    top: -6px;
			
 
				-    width: 24px;
			
 
				-    height: 24px;
			
 
				-    border-radius: 50%;
			
 
				-    background-color: #fff;
			
 
				-    overflow: hidden;
			
 
				-    padding: 6px;
			
 
				-
			
 
				-    img {
			
 
				-        width: 100%;
			
 
				-        height: 100%;
			
 
				-        display: block;
			
 
				-    }
			
 
				-
			
 
				-    &:active {
			
 
				-        opacity: .8;
			
 
				-    }
			
 
				-}
			
 
				-
			
 
				-.content {
			
 
				-    position: relative;
			
 
				-    border-radius: 8px;
			
 
				-    width: 300px;
			
 
				-    // height: 90vh;
			
 
				-    max-height: 370px;
			
 
				-    background-color: #fff;
			
 
				-    --van-tabs-line-height: 42px;
			
 
				-    overflow: hidden;
			
 
				-    :global {
			
 
				-        .van-tabs__wrap{
			
 
				-            border-bottom: 1Px solid #F0F0F0;
			
 
				-        }
			
 
				-        .van-tabs__content {
			
 
				-            max-height: calc(90vh - var(--van-tabs-line-height));
			
 
				-            overflow-y: auto;
			
 
				-
			
 
				-            &::-webkit-scrollbar {
			
 
				-                width: 0;
			
 
				-                display: none;
			
 
				-            }
			
 
				-        }
			
 
				-        .van-field{
			
 
				-            font-size: 12Px;
			
 
				-            line-height: 16Px;
			
 
				-        }
			
 
				-    }
			
 
				-}
			
 
				-
			
 
				-.tags {
			
 
				-    display: flex;
			
 
				-    justify-content: space-between;
			
 
				-    text-align: center;
			
 
				-    flex-wrap: wrap;
			
 
				-    padding: 0 var(--van-cell-horizontal-padding) var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);
			
 
				-    >span {
			
 
				-        margin: 3px 0;
			
 
				-        border-radius: 3PX;
			
 
				-        display: block;
			
 
				-        width: 30%;
			
 
				-        font-size: 12PX;
			
 
				-        padding: 6PX 0;
			
 
				-        background-color: #F8F8F8;
			
 
				-        color: #999999;
			
 
				-        border: 1PX solid #F8F8F8;
			
 
				-
			
 
				-        &.active {
			
 
				-            color: var(--van-primary-color);
			
 
				-            border-color: var(--van-primary-color);
			
 
				-            background-color: #E2FFF9;
			
 
				-            pointer-events: none;
			
 
				-        }
			
 
				-    }
			
 
				-}
			
 
				-.btn{
			
 
				-    width: 80%;
			
 
				-    height: 30px;
			
 
				-    font-size: 13px;
			
 
				-    margin: 0 auto;
			
 
				-}
			
--- a/src/page-colexiu/custom-plugins/recording-time/helper-model/recommendation/index.tsx
+++ b/src/page-colexiu/custom-plugins/recording-time/helper-model/recommendation/index.tsx
@@ -1,79 +0,0 @@
 
				-import { defineComponent, reactive, ref } from "vue";
			
 
				-import styles from "./index.module.less";
			
 
				-import iconClose from "../icons/close2.svg";
			
 
				-import { Button, Cell, Field, Tab, Tabs, showToast } from "vant";
			
 
				-import { suggestionAdd } from "../../api";
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "recommendation",
			
 
				-	emits: ["close"],
			
 
				-	setup(props, { emit }) {
			
 
				-		const tags = ["识别不准", "无法评测", "不出评测结果", "曲谱不一致", "指法错误", "其他"];
			
 
				-		const recommenData = reactive({
			
 
				-			loading: false,
			
 
				-			active: "识别不准",
			
 
				-			message: "",
			
 
				-		});
			
 
				-
			
 
				-		/** 提交意见反馈 */
			
 
				-		const handleSubmit = async () => {
			
 
				-			if (!recommenData.message) {
			
 
				-				showToast({
			
 
				-					message: "请先填写意见反馈",
			
 
				-					position: "top",
			
 
				-				});
			
 
				-				return;
			
 
				-			}
			
 
				-			recommenData.loading = true;
			
 
				-			try {
			
 
				-				await suggestionAdd({
			
 
				-					content: recommenData.message + "#" + recommenData.active,
			
 
				-					type: "SMART_PRACTICE",
			
 
				-				});
			
 
				-				showToast({
			
 
				-					message: "意见反馈已提交",
			
 
				-					position: "top",
			
 
				-				});
			
 
				-                emit('close')
			
 
				-			} catch (error) {}
			
 
				-			recommenData.loading = false;
			
 
				-		};
			
 
				-
			
 
				-		return () => (
			
 
				-			<>
			
 
				-				<div class={styles.closeBtn} onClick={() => emit("close")}>
			
 
				-					<img src={iconClose} />
			
 
				-				</div>
			
 
				-				<div class={styles.content}>
			
 
				-					<Tabs lineHeight={0} color="#1A1A1A">
			
 
				-						<Tab title="意见反馈">
			
 
				-							<Cell border={false} title="请选择问题类型" />
			
 
				-							<div class={styles.tags}>
			
 
				-								{tags.map((text) => (
			
 
				-									<span class={[styles.tag, recommenData.active === text && styles.active]} onClick={() => (recommenData.active = text)}>
			
 
				-										{text}
			
 
				-									</span>
			
 
				-								))}
			
 
				-							</div>
			
 
				-							<Field
			
 
				-								v-model={recommenData.message}
			
 
				-								rows="3"
			
 
				-								autosize={{ maxHeight: 128 }}
			
 
				-								border={false}
			
 
				-								type="textarea"
			
 
				-								maxlength={200}
			
 
				-								placeholder="请详细描述您遇到的问题，以便我们尽快为您解决！"
			
 
				-								show-word-limit
			
 
				-							/>
			
 
				-							<Cell>
			
 
				-								<Button loading={recommenData.loading} class={styles.btn} block round type="primary" onClick={handleSubmit}>
			
 
				-									提交反馈
			
 
				-								</Button>
			
 
				-							</Cell>
			
 
				-						</Tab>
			
 
				-					</Tabs>
			
 
				-				</div>
			
 
				-			</>
			
 
				-		);
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/custom-plugins/recording-time/helper-model/screen-model/index.module.less
+++ b/src/page-colexiu/custom-plugins/recording-time/helper-model/screen-model/index.module.less
@@ -1,61 +0,0 @@
 
				-.container {
			
 
				-    position: relative;
			
 
				-    width: 40vw;
			
 
				-    height: 100vh;
			
 
				-    max-width: 295px;
			
 
				-    background: #fff;
			
 
				-    border-radius: 16px 0 0 16px;
			
 
				-    overflow-y: auto;
			
 
				-
			
 
				-    &::-webkit-scrollbar {
			
 
				-        width: 0;
			
 
				-        display: none;
			
 
				-    }
			
 
				-
			
 
				-    :global {
			
 
				-        .van-tabs__content {
			
 
				-            height: calc(100vh - var(--van-tabs-line-height));
			
 
				-        }
			
 
				-
			
 
				-        .van-tab__panel {
			
 
				-            display: flex;
			
 
				-            flex-direction: column;
			
 
				-            width: 100%;
			
 
				-            height: 100%;
			
 
				-        }
			
 
				-
			
 
				-        iframe {
			
 
				-            flex: 1;
			
 
				-            width: 100%;
			
 
				-            border: none;
			
 
				-            margin: 0;
			
 
				-
			
 
				-            &::-webkit-scrollbar {
			
 
				-                width: 0;
			
 
				-                display: none;
			
 
				-            }
			
 
				-        }
			
 
				-    }
			
 
				-}
			
 
				-
			
 
				-.closeBtn {
			
 
				-    position: absolute;
			
 
				-    left: -30px;
			
 
				-    top: 50%;
			
 
				-    margin-top: -20px;
			
 
				-    width: 30px;
			
 
				-    height: 40px;
			
 
				-}
			
 
				-.jianyi{
			
 
				-    flex-shrink: 0;
			
 
				-    height: 50px;
			
 
				-    display: flex;
			
 
				-    align-items: center;
			
 
				-    justify-content: center;
			
 
				-    color: var(--van-primary-color);
			
 
				-    border-top: 1px solid #F0F0F0;
			
 
				-    font-size: 13px;
			
 
				-    &:active{
			
 
				-        opacity: .8;
			
 
				-    }
			
 
				-}
			
--- a/src/page-colexiu/custom-plugins/recording-time/helper-model/screen-model/index.tsx
+++ b/src/page-colexiu/custom-plugins/recording-time/helper-model/screen-model/index.tsx
@@ -1,29 +0,0 @@
 
				-import { defineComponent, ref } from "vue";
			
 
				-import styles from "./index.module.less";
			
 
				-import iconBack from "../icons/icon-right-back.png";
			
 
				-import { Icon, ImagePreview, Tab, Tabs } from "vant";
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "screenModel",
			
 
				-	emits: ["close"],
			
 
				-	setup(props, { emit }) {
			
 
				-		return () => (
			
 
				-			<>
			
 
				-				<img class={styles.closeBtn} src={iconBack} onClick={() => emit("close")} />
			
 
				-				<div class={styles.container}>
			
 
				-					<Tabs swipeable animated>
			
 
				-						<Tab name="投屏" title="投屏">
			
 
				-							<iframe src="https://mteaonline.dayaedu.com/#/guide" />
			
 
				-						</Tab>
			
 
				-						<Tab name="帮助" title="帮助">
			
 
				-							<iframe src="https://mstuonline.dayaedu.com/#/KeepRepaire?mode=accompany" />
			
 
				-							<div class={styles.jianyi} onClick={() => emit('close', true)}>
			
 
				-								意见反馈 <Icon name="arrow" />
			
 
				-							</div>
			
 
				-						</Tab>
			
 
				-					</Tabs>
			
 
				-				</div>
			
 
				-			</>
			
 
				-		);
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/custom-plugins/recording-time/index.tsx
+++ b/src/page-colexiu/custom-plugins/recording-time/index.tsx
@@ -1,50 +0,0 @@
 
				-import { defineComponent, reactive, watch } from "vue";
			
 
				-import state from "/src/state";
			
 
				-import { sysMusicRecordAdd } from "../../api";
			
 
				-import { browser, getBehaviorId, getCampId } from "/src/utils";
			
 
				-
			
 
				-const recordData = reactive({
			
 
				-	starTime: 0,
			
 
				-});
			
 
				-const handleRecord = () => {
			
 
				-	// 不是练习模式不记录
			
 
				-	if (state.modeType !== "practise") return;
			
 
				-	let total = Date.now() - recordData.starTime;
			
 
				-	recordData.starTime = Date.now();
			
 
				-	if (total < 0) total = 0;
			
 
				-	const body = {
			
 
				-		musicSheetId: state.examSongId,
			
 
				-		sysMusicScoreId: state.examSongId,
			
 
				-		feature: "CLOUD_STUDY_TRAIN",
			
 
				-		playTime: total / 1000,
			
 
				-		deviceType: browser().android ? "ANDROID" : "IOS",
			
 
				-		behaviorId: getBehaviorId()
			
 
				-	};
			
 
				-	sysMusicRecordAdd(body);
			
 
				-};
			
 
				-
			
 
				-export const handleNoEndExit = () => {
			
 
				-    if (state.playState === 'play') {
			
 
				-        handleRecord()
			
 
				-    }
			
 
				-}
			
 
				-
			
 
				-/**
			
 
				- * 记录练习时长, 仅记录练习模式的时长
			
 
				- */
			
 
				-export default defineComponent({
			
 
				-	name: "recordingTime",
			
 
				-	setup() {
			
 
				-		watch(
			
 
				-			() => state.playState,
			
 
				-			() => {
			
 
				-				if (state.playState === "play") {
			
 
				-					recordData.starTime = Date.now();
			
 
				-				} else {
			
 
				-					handleRecord();
			
 
				-				}
			
 
				-			}
			
 
				-		);
			
 
				-		return () => <div></div>;
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/detail/index.module.less
+++ b/src/page-colexiu/detail/index.module.less
@@ -1,58 +0,0 @@
 
				-.skeleton {
			
 
				-    position: fixed;
			
 
				-    left: 0;
			
 
				-    top: 0;
			
 
				-    width: 100vw;
			
 
				-    height: 100vh;
			
 
				-    padding: 20px 30px;
			
 
				-    background-color: #fff;
			
 
				-    z-index: 10;
			
 
				-    --van-skeleton-paragraph-height: .8rem;
			
 
				-}
			
 
				-
			
 
				-.detail {
			
 
				-    width: 100vw;
			
 
				-    height: 100vh;
			
 
				-    overflow: hidden;
			
 
				-    --header-height: 62px;
			
 
				-    background: var(--container-background);
			
 
				-
			
 
				-    .headHeight {
			
 
				-        position: relative;
			
 
				-        width: 100%;
			
 
				-        height: var(--header-height);
			
 
				-        transition: margin .3s;
			
 
				-        z-index: 10;
			
 
				-        &.headHide{
			
 
				-            margin-top: calc(0Px - var(--header-height));
			
 
				-        }
			
 
				-    }
			
 
				-
			
 
				-    .container {
			
 
				-        position: sticky;
			
 
				-        top: 0;
			
 
				-        height: calc(100vh - var(--header-height));
			
 
				-        margin: 0 10px;
			
 
				-        border-radius: 10px;
			
 
				-        transition: height .3s;
			
 
				-        overflow: hidden;
			
 
				-    }
			
 
				-}
			
 
				-
			
 
				-:global {
			
 
				-    #cursorImg-0 {
			
 
				-        min-height: 58PX;
			
 
				-        content: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
			
 
				-        margin-top: -14PX;
			
 
				-        border-radius: 4Px;
			
 
				-        background-color: var(--van-primary-color);
			
 
				-        width: 8Px;
			
 
				-        transform: translateX(8Px);
			
 
				-        opacity: var(--corsor-opacity);
			
 
				-    }
			
 
				-    .eyeProtection{
			
 
				-        #cursorImg-0{
			
 
				-            background-color: rgb(255, 159, 88);
			
 
				-        }
			
 
				-    }
			
 
				-}
			
--- a/src/page-colexiu/detail/index.tsx
+++ b/src/page-colexiu/detail/index.tsx
@@ -1,277 +0,0 @@
 
				-import { Skeleton } from "vant";
			
 
				-import { computed, defineComponent, nextTick, onBeforeMount, onBeforeUnmount, onMounted, reactive, Transition, watch, watchEffect } from "vue";
			
 
				-import { useRoute } from "vue-router";
			
 
				-import { formateTimes } from "../../helpers/formateMusic";
			
 
				-import Metronome, { metronomeData } from "../../helpers/metronome";
			
 
				-import state, { isRhythmicExercises } from "../../state";
			
 
				-import { storeData } from "../../store";
			
 
				-import { setGlobalData } from "../../utils";
			
 
				-import AudioList from "../../view/audio-list";
			
 
				-import MusicScore from "../../view/music-score";
			
 
				-import { sysMusicScoreAccompanimentQueryPage } from "../api";
			
 
				-import EvaluatModel from "../evaluat-model";
			
 
				-import HeaderTop from "../header-top";
			
 
				-import styles from "./index.module.less";
			
 
				-import { api_cloudLoading, api_openCamera, api_setEventTracking, api_setStatusBarVisibility, isSpecialShapedScreen } from "/src/helpers/communication";
			
 
				-import { getQuery } from "/src/utils/queryString";
			
 
				-import Evaluating, { evaluatingData } from "/src/view/evaluating";
			
 
				-import MeasureSpeed from "/src/view/plugins/measure-speed";
			
 
				-import { mappingVoicePart, subjectFingering } from "/src/view/fingering/fingering-config";
			
 
				-import Fingering from "/src/view/fingering";
			
 
				-import store from "store";
			
 
				-import Tick, { handleInitTick } from "/src/view/tick";
			
 
				-import FollowPractice from "/src/view/follow-practice";
			
 
				-import FollowModel from "../follow-model";
			
 
				-import RecordingTime from "../custom-plugins/recording-time";
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "music-list",
			
 
				-	setup() {
			
 
				-		const query: any = getQuery();
			
 
				-
			
 
				-		const detailData = reactive({
			
 
				-			isLoading: true,
			
 
				-			paddingLeft: "",
			
 
				-			headerHide: false,
			
 
				-		});
			
 
				-		const getAPPData = async () => {
			
 
				-			const screenData = await isSpecialShapedScreen();
			
 
				-			if (screenData?.content) {
			
 
				-				// console.log("🚀 ~ screenData:", screenData.content);
			
 
				-				const { isSpecialShapedScreen, notchHeight } = screenData.content;
			
 
				-				if (isSpecialShapedScreen) {
			
 
				-					detailData.paddingLeft = 25 + "px";
			
 
				-				}
			
 
				-			}
			
 
				-		};
			
 
				-		onBeforeMount(() => {
			
 
				-			getAPPData();
			
 
				-			api_setStatusBarVisibility();
			
 
				-			const settting = store.get("musicscoresetting");
			
 
				-			if (settting) {
			
 
				-				state.setting = settting;
			
 
				-				if (state.setting.camera) {
			
 
				-					api_openCamera();
			
 
				-				}
			
 
				-				// console.log("🚀 ~ settting:", settting)
			
 
				-			}
			
 
				-		});
			
 
				-		// console.log(route.params, query)
			
 
				-		/** 获取曲谱数据 */
			
 
				-		const getMusicInfo = (res: any) => {
			
 
				-			const index = query["part-index"] ? parseInt(query["part-index"] as string) : 0;
			
 
				-			const musicInfo = {
			
 
				-				...res.data,
			
 
				-				accompany: res.data.audioFileUrl,
			
 
				-				...res.data.background[index],
			
 
				-			};
			
 
				-			// console.log("🚀 ~ musicInfo:", musicInfo);
			
 
				-			setState(musicInfo, index);
			
 
				-			setCustom();
			
 
				-			detailData.isLoading = false;
			
 
				-		};
			
 
				-
			
 
				-		const setState = (data: any, index: number) => {
			
 
				-			state.appName = "COLEXIU";
			
 
				-			state.detailId = data.id;
			
 
				-			state.xmlUrl = data.xmlFileUrl;
			
 
				-			state.partIndex = index;
			
 
				-			state.subjectId = data.musicSubject;
			
 
				-			state.categoriesId = data.categoriesId;
			
 
				-			state.categoriesName = data.musicTagNames;
			
 
				-			state.enableEvaluation = data.canEvaluate ? true : false;
			
 
				-			state.examSongId = data.id + "";
			
 
				-			state.examSongName = data.musicSheetName;
			
 
				-			// 解析扩展字段
			
 
				-			if (data.extConfigJson) {
			
 
				-				try {
			
 
				-					state.extConfigJson = JSON.parse(data.extConfigJson as string);
			
 
				-				} catch (error) {
			
 
				-					console.error("解析扩展字段错误:", error);
			
 
				-				}
			
 
				-			}
			
 
				-			state.isOpenMetronome = data.mp3Type === "MP3_METRONOME" ? true : false;
			
 
				-			state.needTick = true; // data.isOpenMetronome;
			
 
				-			state.isShowFingering = data.showFingering ? true : false;
			
 
				-			state.music = data.audioFileUrl;
			
 
				-			state.accompany = data.accompany;
			
 
				-			state.midiUrl = data.midiUrl;
			
 
				-			state.parentCategoriesId = data.musicTag;
			
 
				-			state.playMode = data.audioType === "MP3" ? "MP3" : "MIDI";
			
 
				-			// state.originSpeed = state.speed = parseFloat(data.playSpeed) || 0;
			
 
				-			state.originSpeed = state.speed = data.playSpeed;
			
 
				-			state.track = data.track;
			
 
				-			state.enableNotation = data.notation ? true : false;
			
 
				-
			
 
				-			// 映射声部ID
			
 
				-			state.subjectId = mappingVoicePart(state.track as any, "COLEXIU");
			
 
				-			// 是否打击乐
			
 
				-			state.isPercussion = state.subjectId == 23 || state.subjectId == 113 || state.subjectId == 121 || isRhythmicExercises();
			
 
				-
			
 
				-			// 设置指法
			
 
				-			state.fingeringInfo = subjectFingering(state.subjectId);
			
 
				-			// console.log("🚀 ~ state.fingeringInfo:", state.fingeringInfo, state.subjectId, state.track)
			
 
				-
			
 
				-			// 检测是否原音和伴奏都有
			
 
				-			if (!state.music || !state.accompany) {
			
 
				-				state.playSource = state.music ? "music" : "background";
			
 
				-			}
			
 
				-		};
			
 
				-
			
 
				-		const setCustom = () => {
			
 
				-			if (state.extConfigJson.multitrack) {
			
 
				-				setGlobalData("multitrack", state.extConfigJson.multitrack);
			
 
				-			}
			
 
				-		};
			
 
				-
			
 
				-		onMounted(() => {
			
 
				-			(window as any).appName = "colexiu";
			
 
				-			Promise.all([sysMusicScoreAccompanimentQueryPage(query.id)]).then((values) => {
			
 
				-				getMusicInfo(values[0]);
			
 
				-			});
			
 
				-			api_setEventTracking();
			
 
				-		});
			
 
				-
			
 
				-		/** 渲染完成 */
			
 
				-		const handleRendered = (osmd: any) => {
			
 
				-			state.musicRendered = true;
			
 
				-			state.osmd = osmd;
			
 
				-			const saveSpeed = (store.get("speeds") || {})[state.examSongId];
			
 
				-			const bpm = (osmd as any).bpm || osmd.Sheet.userStartTempoInBPM;
			
 
				-			state.originSpeed = state.speed = saveSpeed || bpm || 100;
			
 
				-			state.times = formateTimes(osmd);
			
 
				-			console.log("🚀 ~ state.times:", state.times);
			
 
				-			try {
			
 
				-				metronomeData.metro = new Metronome();
			
 
				-				metronomeData.metro.init(state.times);
			
 
				-			} catch (error) {}
			
 
				-			// 设置节拍器
			
 
				-			if (state.needTick) {
			
 
				-				const beatLengthInMilliseconds = osmd?.Sheet?.SheetPlaybackSetting?.beatLengthInMilliseconds || (60 / bpm) * 1000;
			
 
				-				handleInitTick(beatLengthInMilliseconds, osmd?.Sheet?.SheetPlaybackSetting?.Rhythm?.Numerator || 4);
			
 
				-			}
			
 
				-			api_cloudLoading();
			
 
				-		};
			
 
				-		/** 指法配置 */
			
 
				-		const fingerConfig = computed<any>(() => {
			
 
				-			if (state.setting.displayFingering && state.fingeringInfo?.name) {
			
 
				-				if (state.fingeringInfo.direction === "transverse") {
			
 
				-					return {
			
 
				-						container: {
			
 
				-							paddingBottom: state.fingeringInfo.height,
			
 
				-						},
			
 
				-						fingerBox: {
			
 
				-							height: state.fingeringInfo.height,
			
 
				-						},
			
 
				-					};
			
 
				-				} else {
			
 
				-					return {
			
 
				-						container: {
			
 
				-							paddingRight: state.fingeringInfo.width,
			
 
				-						},
			
 
				-						fingerBox: {
			
 
				-							position: "absolute",
			
 
				-							width: state.fingeringInfo.width,
			
 
				-							height: "100%",
			
 
				-							right: 0,
			
 
				-							top: 0,
			
 
				-						},
			
 
				-					};
			
 
				-				}
			
 
				-			}
			
 
				-			return {
			
 
				-				container: {},
			
 
				-				fingerBox: {},
			
 
				-			};
			
 
				-		});
			
 
				-
			
 
				-		// 监听指法显示
			
 
				-		// watch(
			
 
				-		// 	() => state.setting.displayFingering,
			
 
				-		// 	() => {
			
 
				-		// 		if (state.fingeringInfo.direction === "vertical") {
			
 
				-		// 			nextTick(() => {
			
 
				-		// 				resetMusicScore();
			
 
				-		// 			});
			
 
				-		// 		}
			
 
				-		// 	}
			
 
				-		// );
			
 
				-		// 监听播放状态
			
 
				-		watch(
			
 
				-			() => state.playState,
			
 
				-			() => {
			
 
				-				detailData.headerHide = state.playState === "play" ? true : false;
			
 
				-			}
			
 
				-		);
			
 
				-		onMounted(() => {
			
 
				-			// window.addEventListener("resize", resetMusicScore);
			
 
				-		});
			
 
				-		onBeforeUnmount(() => {
			
 
				-			// window.removeEventListener("resize", resetMusicScore);
			
 
				-		});
			
 
				-		return () => (
			
 
				-			<div
			
 
				-				class={[styles.detail, state.setting.eyeProtection && "eyeProtection"]}
			
 
				-				style={{ paddingLeft: detailData.paddingLeft, opacity: state.setting.camera ? `${state.setting.cameraOpacity / 100}` : "" }}
			
 
				-			>
			
 
				-				{!state.musicRendered && (
			
 
				-					<div class={styles.skeleton}>
			
 
				-						<Skeleton class={styles.skeleton} row={8} />
			
 
				-					</div>
			
 
				-				)}
			
 
				-				<div class={[styles.headHeight, detailData.headerHide && styles.headHide]}>
			
 
				-					<Transition name="van-slide-down">{state.musicRendered && <HeaderTop />}</Transition>
			
 
				-				</div>
			
 
				-				<div
			
 
				-					id="scrollContainer"
			
 
				-					style={{ ...fingerConfig.value.container, height: detailData.headerHide ? "100vh" : "" }}
			
 
				-					class={[styles.container, !state.setting.displayCursor && "hideCursor"]}
			
 
				-					onClick={(e: Event) => {
			
 
				-						if (state.playState === "play") {
			
 
				-							detailData.headerHide = !detailData.headerHide;
			
 
				-						}
			
 
				-					}}
			
 
				-				>
			
 
				-					{/* 曲谱渲染 */}
			
 
				-					{!detailData.isLoading && <MusicScore onRendered={handleRendered} />}
			
 
				-					{/* 播放 */}
			
 
				-					{!detailData.isLoading && <AudioList />}
			
 
				-					{/* 评测 */}
			
 
				-					{state.modeType === "evaluating" && (
			
 
				-						<>
			
 
				-							<Evaluating />
			
 
				-							{evaluatingData.rendered && <EvaluatModel />}
			
 
				-						</>
			
 
				-					)}
			
 
				-					{/* 指法 */}
			
 
				-					{state.setting.displayFingering && state.fingeringInfo?.name && (
			
 
				-						<div style={{ ...fingerConfig.value.fingerBox }}>
			
 
				-							<Fingering />
			
 
				-						</div>
			
 
				-					)}
			
 
				-				</div>
			
 
				-
			
 
				-				{/* 公用的插件 */}
			
 
				-				<div class={styles.plugins}>
			
 
				-					{state.musicRendered && (
			
 
				-						<>
			
 
				-							<MeasureSpeed />
			
 
				-							{/* 统计训练时长 */}
			
 
				-							<RecordingTime />
			
 
				-						</>
			
 
				-					)}
			
 
				-				</div>
			
 
				-				{/* 节拍器 */}
			
 
				-				{state.needTick && <Tick />}
			
 
				-
			
 
				-				{/* 跟练模式 */}
			
 
				-				{state.modeType === "follow" && (
			
 
				-					<>
			
 
				-						<FollowPractice />
			
 
				-						<FollowModel />
			
 
				-					</>
			
 
				-				)}
			
 
				-			</div>
			
 
				-		);
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/evaluat-model/data/start.json
+++ b/src/page-colexiu/evaluat-model/data/start.json
--- a/src/page-colexiu/evaluat-model/data/starting.json
+++ b/src/page-colexiu/evaluat-model/data/starting.json
--- a/src/page-colexiu/evaluat-model/earphone/index.module.less
+++ b/src/page-colexiu/evaluat-model/earphone/index.module.less
@@ -1,37 +0,0 @@
 
				-.fraction {
			
 
				-    
			
 
				-    color: #fff;
			
 
				-    border-radius: 18px;
			
 
				-    width: 244px;
			
 
				-    overflow: hidden;
			
 
				-}
			
 
				-.content{
			
 
				-    display: flex;
			
 
				-    flex-direction: column;
			
 
				-    align-items: center;
			
 
				-    width: 100%;
			
 
				-    background-color: #fff;
			
 
				-}
			
 
				-.title {
			
 
				-    color: #1A1A1A;
			
 
				-    font-size: 17px;
			
 
				-    padding: 16px 0 10px 0;
			
 
				-    font-weight: bold;
			
 
				-}
			
 
				-
			
 
				-.erji {
			
 
				-    width: 100%;
			
 
				-    display: block;
			
 
				-}
			
 
				-
			
 
				-.tip {
			
 
				-    font-size: 13px;
			
 
				-    color: #808080;
			
 
				-}
			
 
				-
			
 
				-.btn {
			
 
				-    display: block;
			
 
				-    width: 106px;
			
 
				-    height: 31px;
			
 
				-    margin: 11px 0 17px 0;
			
 
				-}
			
--- a/src/page-colexiu/evaluat-model/earphone/index.tsx
+++ b/src/page-colexiu/evaluat-model/earphone/index.tsx
@@ -1,20 +0,0 @@
 
				-import { defineComponent } from "vue";
			
 
				-import styles from "./index.module.less";
			
 
				-import icons from "../icons/index.json";
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "earphone",
			
 
				-	emits: ["close"],
			
 
				-	setup(props, { emit }) {
			
 
				-		return () => (
			
 
				-			<div class={styles.fraction}>
			
 
				-				<img class={styles.erji} src={icons.erji} />
			
 
				-				<div class={styles.content}>
			
 
				-					<div class={styles.title}>请佩戴耳机</div>
			
 
				-					<div class={styles.tip}>佩戴耳机以保证测评准确率～</div>
			
 
				-					<img src={icons.erjibtn} class={styles.btn} onClick={() => emit("close")} />
			
 
				-				</div>
			
 
				-			</div>
			
 
				-		);
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/evaluat-model/evaluat-audio/index.json
+++ b/src/page-colexiu/evaluat-model/evaluat-audio/index.json
--- a/src/page-colexiu/evaluat-model/evaluat-audio/index.module.less
+++ b/src/page-colexiu/evaluat-model/evaluat-audio/index.module.less
@@ -1,43 +0,0 @@
 
				-.fraction {
			
 
				-    display: flex;
			
 
				-    flex-direction: column;
			
 
				-    align-items: center;
			
 
				-    color: #fff;
			
 
				-    background-color: #fff;
			
 
				-    border-radius: 18px;
			
 
				-    min-width: 244px;
			
 
				-}
			
 
				-
			
 
				-.title {
			
 
				-    position: relative;
			
 
				-    width: 100px;
			
 
				-    height: 30px;
			
 
				-    top: -4.5px;
			
 
				-
			
 
				-    img {
			
 
				-        display: block;
			
 
				-        width: 100%;
			
 
				-        height: 100%;
			
 
				-    }
			
 
				-}
			
 
				-
			
 
				-.tip {
			
 
				-    font-size: 13px;
			
 
				-    color: #808080;
			
 
				-    padding: 20px 0;
			
 
				-}
			
 
				-.btns{
			
 
				-    display: flex;
			
 
				-    justify-content: space-evenly;
			
 
				-    align-items: center;
			
 
				-    width: 100%;
			
 
				-}
			
 
				-.btn {
			
 
				-    width: 40%;
			
 
				-    height: 31px;
			
 
				-    margin: 11px 0 17px 0;
			
 
				-    line-height: 31px;
			
 
				-    text-align: center;
			
 
				-    border-radius: 36px;
			
 
				-    font-size: 13px;
			
 
				-}
			
--- a/src/page-colexiu/evaluat-model/evaluat-audio/index.tsx
+++ b/src/page-colexiu/evaluat-model/evaluat-audio/index.tsx
@@ -1,23 +0,0 @@
 
				-import { defineComponent } from "vue";
			
 
				-import styles from "./index.module.less";
			
 
				-import icons from "./index.json";
			
 
				-import state from "/src/state";
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "evaluat-audio",
			
 
				-	emits: ["close"],
			
 
				-	setup(props, { emit }) {
			
 
				-		return () => (
			
 
				-			<div class={styles.fraction}>
			
 
				-				<div class={styles.title}>
			
 
				-					<img src={icons.title} />
			
 
				-				</div>
			
 
				-				<div class={styles.tip}>评测{state.setting.camera && state.setting.saveToAlbum ? "音视频" : "音频"}是否上传到云端？</div>
			
 
				-				<div class={styles.btns}>
			
 
				-					<img src={icons.cancel} class={styles.btn} onClick={() => emit("close")} />
			
 
				-					<img src={icons.confirm} class={styles.btn} onClick={() => emit("close", true)} />
			
 
				-				</div>
			
 
				-			</div>
			
 
				-		);
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/evaluat-model/evaluat-result/img/cadence.svg
+++ b/src/page-colexiu/evaluat-model/evaluat-result/img/cadence.svg
@@ -1,16 +0,0 @@
 
				-<?xml version="1.0" encoding="UTF-8"?>
			
 
				-<svg width="23px" height="21px" viewBox="0 0 23 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				-    <title>编组备份 10</title>
			
 
				-    <g id="修改" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				-        <g id="评测" transform="translate(-373.000000, -163.000000)">
			
 
				-            <g id="编组-10" transform="translate(211.000000, 63.000000)">
			
 
				-                <g id="编组-4" transform="translate(18.000000, 34.411322)">
			
 
				-                    <g id="编组-5" transform="translate(144.200000, 65.588678)">
			
 
				-                        <path d="M16.0007214,10.5467681 L15.4185357,10.5467681 L14.7313532,11.6196168 C14.6473534,11.7509497 14.5002017,11.8281126 14.3444036,11.8225241 C14.1886055,11.8169356 14.0473606,11.729428 13.9729864,11.5924143 L13.1708921,10.115849 L11.9394042,13.1368588 C11.7705957,13.5509988 11.1634955,13.479306 11.0956162,13.0372008 L10.396485,8.46539068 L9.78684248,11.6864792 C9.70599748,12.1143475 9.11974411,12.1781592 8.94864762,11.7780018 L8.15367179,9.91805838 L7.75453138,10.3904169 C7.67088986,10.4895664 7.54784275,10.5467681 7.41793145,10.5467681 L6.44474069,10.5467681 C6.24527423,10.8922541 5.8386268,11.060693 5.45328718,10.9574416 C5.06794756,10.8541901 4.8,10.5049941 4.8,10.1060611 C4.8,9.70712821 5.06794756,9.35793214 5.45328718,9.2546807 C5.8386268,9.15142927 6.24527423,9.31986815 6.44474069,9.6653542 L7.21353088,9.6653542 L7.94139011,8.80351599 C8.04003843,8.68670104 8.19219714,8.62938263 8.34339939,8.65207851 C8.49460164,8.67477439 8.62322675,8.77423924 8.68323196,8.91486854 L9.18991147,10.1000867 L10.0092933,5.77004889 C10.1013244,5.28319929 10.802998,5.2954023 10.8777415,5.78530266 L11.7255971,11.3264901 L12.7059063,8.92147851 C12.846241,8.57725168 13.3236841,8.55081181 13.5011363,8.87749679 L14.3914483,10.5162605 L14.8060967,9.86848361 C14.8870846,9.74190553 15.0270019,9.66533439 15.1772718,9.6653542 L15.8886061,9.6653542 C16.0443893,9.29876579 16.4266137,9.08215459 16.8211538,9.1368681 C17.2156939,9.1915816 17.5245501,9.50402956 17.5746985,9.89917587 C17.6248469,10.2943222 17.403831,10.6740167 17.035466,10.8255511 C16.6671011,10.9770856 16.2428849,10.8628205 16.0004671,10.5467681 L16.0007214,10.5467681 Z" id="路径" fill="#2DC7AA" fill-rule="nonzero"></path>
			
 
				-                        <rect id="矩形" stroke="#2DC7AA" x="3.3" y="3.91132219" width="15" height="11" rx="2"></rect>
			
 
				-                    </g>
			
 
				-                </g>
			
 
				-            </g>
			
 
				-        </g>
			
 
				-    </g>
			
 
				-</svg>
			
--- a/src/page-colexiu/evaluat-model/evaluat-result/img/icon-badge.svg
+++ b/src/page-colexiu/evaluat-model/evaluat-result/img/icon-badge.svg
@@ -1,43 +0,0 @@
 
				-<?xml version="1.0" encoding="UTF-8"?>
			
 
				-<svg width="78px" height="87px" viewBox="0 0 78 87" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				-    <title>徽章</title>
			
 
				-    <defs>
			
 
				-        <path d="M3.68074224,3.34475119 L26.209171,3.34475119 L26.209171,20.9920204 C26.209171,23.1071787 24.4944964,24.8218533 22.3793381,24.8218533 C21.7507061,24.8218533 21.1317391,24.6671115 20.5770638,24.3712847 L19.1802507,23.6263177 C16.5331919,22.214553 13.3567213,22.214553 10.7096625,23.6263177 L9.31284943,24.3712847 C7.44653328,25.3666533 5.12667942,24.6606108 4.13131081,22.7942947 C3.835484,22.2396194 3.68074224,21.6206524 3.68074224,20.9920204 L3.68074224,3.34475119 L3.68074224,3.34475119 Z" id="path-1"></path>
			
 
				-        <path d="M4.41275563,3.95453496 L26.9411844,3.95453496 L26.9411844,21.6018042 C26.9411844,23.7169625 25.2265098,25.431637 23.1113515,25.431637 C22.4827195,25.431637 21.8637525,25.2768953 21.3090772,24.9810685 L19.9122641,24.2361015 C17.2652053,22.8243368 14.0887347,22.8243368 11.4416759,24.2361015 L10.0448628,24.9810685 C8.17854667,25.9764371 5.85869282,25.2703946 4.86332421,23.4040785 C4.5674974,22.8494032 4.41275563,22.2304361 4.41275563,21.6018042 L4.41275563,3.95453496 L4.41275563,3.95453496 Z" id="path-3"></path>
			
 
				-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
			
 
				-            <stop stop-color="#FDB927" offset="0%"></stop>
			
 
				-            <stop stop-color="#FFBF69" offset="100%"></stop>
			
 
				-        </linearGradient>
			
 
				-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
			
 
				-            <stop stop-color="#FFE593" offset="0%"></stop>
			
 
				-            <stop stop-color="#FFEEB9" offset="100%"></stop>
			
 
				-        </linearGradient>
			
 
				-    </defs>
			
 
				-    <g id="修改" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				-        <g id="评测" transform="translate(-219.000000, -63.000000)">
			
 
				-            <g id="编组-10" transform="translate(211.000000, 63.000000)">
			
 
				-                <g id="徽章" transform="translate(47.000000, 43.047686) rotate(-14.000000) translate(-47.000000, -43.047686) translate(16.000000, 6.411322)">
			
 
				-                    <g id="矩形" transform="translate(4.131729, 41.943117)">
			
 
				-                        <mask id="mask-2" fill="white">
			
 
				-                            <use xlink:href="#path-1"></use>
			
 
				-                        </mask>
			
 
				-                        <use id="蒙版" fill="#FA753E" transform="translate(14.944957, 15.359913) rotate(22.000000) translate(-14.944957, -15.359913) " xlink:href="#path-1"></use>
			
 
				-                        <polygon fill="#FFA673" mask="url(#mask-2)" transform="translate(15.929541, 12.922980) rotate(22.000000) translate(-15.929541, -12.922980) " points="12.1748032 1.28329221 19.6842795 1.28329221 19.6842795 24.5626686 12.1748032 24.5626686"></polygon>
			
 
				-                    </g>
			
 
				-                    <g id="矩形备份" transform="translate(29.308827, 41.333333)">
			
 
				-                        <mask id="mask-4" fill="white">
			
 
				-                            <use xlink:href="#path-3"></use>
			
 
				-                        </mask>
			
 
				-                        <use id="蒙版" fill="#FA753E" transform="translate(15.676970, 15.969697) rotate(-29.000000) translate(-15.676970, -15.969697) " xlink:href="#path-3"></use>
			
 
				-                        <polygon id="矩形" fill="#FFA673" mask="url(#mask-4)" transform="translate(14.402737, 13.670919) rotate(-29.000000) translate(-14.402737, -13.670919) " points="10.6479987 2.03123121 18.1574749 2.03123121 18.1574749 25.3106076 10.6479987 25.3106076"></polygon>
			
 
				-                    </g>
			
 
				-                    <g id="编组-7" transform="translate(-0.000000, 0.000000)">
			
 
				-                        <path d="M29.6849268,58.2640829 L24.274802,58.5609751 C20.088091,58.79073 16.0757964,56.8585107 13.6450543,53.4419584 L10.5040164,49.0270432 C9.9953911,48.3121402 9.44794612,47.6256659 8.86414698,46.970712 L5.25886961,42.9260154 C2.4688684,39.7959627 1.47791348,35.4543055 2.63353872,31.4236893 L4.12685332,26.2152724 C4.36866433,25.3718783 4.56404519,24.5158589 4.71211593,23.6510693 L5.62653338,18.3105229 C6.33416986,14.1776561 9.11076385,10.6959174 12.9825471,9.08637347 L17.9857178,7.006499 C18.7958765,6.6697069 19.5869574,6.28874241 20.3553978,5.86532128 L25.100935,3.2504654 C28.7733445,1.2269176 33.2266555,1.2269176 36.899065,3.2504654 L41.6446022,5.86532128 C42.4130426,6.28874241 43.2041235,6.6697069 44.0142822,7.006499 L49.0174529,9.08637347 C52.8892362,10.6959174 55.6658301,14.1776561 56.3734666,18.3105229 L57.2878841,23.6510693 C57.4359548,24.5158589 57.6313357,25.3718783 57.8731467,26.2152724 L59.3664613,31.4236893 C60.5220865,35.4543055 59.5311316,39.7959627 56.7411304,42.9260154 L53.135853,46.970712 C52.5520539,47.6256659 52.0046089,48.3121402 51.4959836,49.0270432 L48.3549457,53.4419584 C45.9242036,56.8585107 41.911909,58.79073 37.725198,58.5609751 L32.3150732,58.2640829 C31.4390168,58.2160074 30.5609832,58.2160074 29.6849268,58.2640829 Z" id="星形" fill="url(#linearGradient-5)"></path>
			
 
				-                        <path d="M27.2931075,52.5100945 L25.5367564,52.796914 C22.2564324,53.3326045 18.991192,51.7601475 17.3647631,48.8614894 L16.4939406,47.3094898 C15.2767176,45.1401277 13.7156354,43.1825924 11.8715212,41.5131593 L10.5522098,40.3188178 C8.08814151,38.0881547 7.28169372,34.5548761 8.53389413,31.475999 L9.20434726,29.8275066 C10.1414968,27.5232682 10.6986406,25.0822617 10.8540696,22.5996007 L10.9652662,20.8234617 C11.1729474,17.5061799 13.4325639,14.6727104 16.6204611,13.7320717 L18.327325,13.2284349 C20.7131543,12.5244587 22.9689836,11.4381086 25.0069145,10.0117141 L26.4648858,8.99124657 C29.1879283,7.08532683 32.8120717,7.08532683 35.5351142,8.99124657 L36.9930855,10.0117141 C39.0310164,11.4381086 41.2868457,12.5244587 43.672675,13.2284349 L45.3795389,13.7320717 C48.5674361,14.6727104 50.8270526,17.5061799 51.0347338,20.8234617 L51.1459304,22.5996007 C51.3013594,25.0822617 51.8585032,27.5232682 52.7956527,29.8275066 L53.4661059,31.475999 C54.7183063,34.5548761 53.9118585,38.0881547 51.4477902,40.3188178 L50.1284788,41.5131593 C48.2843646,43.1825924 46.7232824,45.1401277 45.5060594,47.3094898 L44.6352369,48.8614894 C43.008808,51.7601475 39.7435676,53.3326045 36.4632436,52.796914 L34.7068925,52.5100945 C32.2518908,52.1091826 29.7481092,52.1091826 27.2931075,52.5100945 Z" id="星形" fill="url(#linearGradient-6)"></path>
			
 
				-                        <path d="M30.1394164,18.3657398 C31.0076456,18.1454972 31.9598946,18.256473 32.7903706,18.7508702 C33.2910341,19.0489241 33.7093657,19.4672557 34.0074197,19.9679192 L34.0074197,19.9679192 L36.262776,23.7564102 L40.5627885,24.7306735 C41.5053953,24.944242 42.2721998,25.5196588 42.7499605,26.2773352 C43.2277212,27.0350116 43.4164382,27.9749476 43.2028697,28.9175544 C43.0741171,29.4858174 42.8055316,30.012946 42.4214761,30.4511256 L42.4214761,30.4511256 L39.5153505,33.7668051 L39.917548,38.1574239 C40.0057138,39.1198925 39.6954155,40.0269805 39.1224586,40.7154928 C38.5495017,41.4040052 37.7138862,41.8739418 36.7514176,41.9621076 C36.1711806,42.0152596 35.5868541,41.9227113 35.0514408,41.6928578 L35.0514408,41.6928578 L31,39.9535693 L26.9485592,41.6928578 C26.060442,42.0741276 25.1018625,42.059322 24.269995,41.7271696 C23.4381274,41.3950172 22.7329717,40.745518 22.3517019,39.8574007 C22.1218483,39.3219874 22.0293001,38.7376609 22.082452,38.1574239 L22.082452,38.1574239 L22.4846495,33.7668051 L19.5785239,30.4511256 C18.9414714,29.7242948 18.6593351,28.8080564 18.7181695,27.9142626 C18.777004,27.0204688 19.1768093,26.1491196 19.9036402,25.5120671 C20.3418199,25.1280115 20.8689485,24.8594261 21.4372115,24.7306735 L21.4372115,24.7306735 L25.737224,23.7564102 L27.9925803,19.9679192 C28.4869775,19.1374432 29.2711871,18.5859824 30.1394164,18.3657398 Z" id="星形" stroke="#FFDB86" stroke-width="3" fill="#FF9F21"></path>
			
 
				-                    </g>
			
 
				-                </g>
			
 
				-            </g>
			
 
				-        </g>
			
 
				-    </g>
			
 
				-</svg>
			
--- a/src/page-colexiu/evaluat-model/evaluat-result/img/integrity.svg
+++ b/src/page-colexiu/evaluat-model/evaluat-result/img/integrity.svg
--- a/src/page-colexiu/evaluat-model/evaluat-result/img/intonation.svg
+++ b/src/page-colexiu/evaluat-model/evaluat-result/img/intonation.svg
--- a/src/page-colexiu/evaluat-model/evaluat-result/index.json
+++ b/src/page-colexiu/evaluat-model/evaluat-result/index.json
--- a/src/page-colexiu/evaluat-model/evaluat-result/index.module.less
+++ b/src/page-colexiu/evaluat-model/evaluat-result/index.module.less
@@ -1,226 +0,0 @@
 
				-.evaluatResult {
			
 
				-    position: relative;
			
 
				-    width: 100vw;
			
 
				-    height: 100vh;
			
 
				-    display: flex;
			
 
				-    justify-content: center;
			
 
				-    align-items: center;
			
 
				-}
			
 
				-
			
 
				-.closeBtn {
			
 
				-    position: absolute;
			
 
				-    left: 30px;
			
 
				-    top: 18px;
			
 
				-    width: 40px;
			
 
				-    height: 40px;
			
 
				-    z-index: 1;
			
 
				-
			
 
				-    img {
			
 
				-        width: 100%;
			
 
				-        height: 100%;
			
 
				-        display: block;
			
 
				-    }
			
 
				-
			
 
				-    &:active {
			
 
				-        opacity: .8;
			
 
				-    }
			
 
				-}
			
 
				-
			
 
				-.headerButton {
			
 
				-    position: absolute;
			
 
				-    right: 18px;
			
 
				-    top: 18px;
			
 
				-    display: flex;
			
 
				-    justify-content: space-between;
			
 
				-    align-items: center;
			
 
				-    padding: 12px;
			
 
				-    z-index: 1;
			
 
				-
			
 
				-    .headBtn {
			
 
				-        background-color: #fff;
			
 
				-        border-radius: 12px;
			
 
				-        height: 26px;
			
 
				-        line-height: 26px;
			
 
				-        font-size: 13px;
			
 
				-        color: var(--van-primary-color);
			
 
				-        padding: 0 10px;
			
 
				-        min-width: 61px;
			
 
				-        text-align: center;
			
 
				-
			
 
				-        &+.headBtn {
			
 
				-            margin-left: 8px;
			
 
				-        }
			
 
				-
			
 
				-        &:active {
			
 
				-            opacity: .8;
			
 
				-        }
			
 
				-    }
			
 
				-}
			
 
				-
			
 
				-.fraction {
			
 
				-    position: relative;
			
 
				-    border-radius: 18px;
			
 
				-    width: 361px;
			
 
				-    height: 238px;
			
 
				-    display: flex;
			
 
				-    flex-direction: column;
			
 
				-    justify-content: space-between;
			
 
				-    max-height: 310px;
			
 
				-
			
 
				-    .bg {
			
 
				-        position: absolute;
			
 
				-        left: 0;
			
 
				-        top: 0;
			
 
				-        width: 100%;
			
 
				-        height: 100%;
			
 
				-        display: block;
			
 
				-        z-index: -1;
			
 
				-
			
 
				-    }
			
 
				-
			
 
				-    .top {
			
 
				-        position: relative;
			
 
				-        display: flex;
			
 
				-        align-items: center;
			
 
				-        height: 50px;
			
 
				-
			
 
				-        .badge {
			
 
				-            width: 72px;
			
 
				-            transform: translateY(-7px);
			
 
				-        }
			
 
				-
			
 
				-        .text {
			
 
				-            position: relative;
			
 
				-            display: flex;
			
 
				-            font-size: 20px;
			
 
				-            font-family: DIN-Bold, DIN;
			
 
				-            font-weight: bold;
			
 
				-            color: #2DC7AA;
			
 
				-            line-height: 41px;
			
 
				-            align-items: flex-end;
			
 
				-            padding-left: 16px;
			
 
				-            z-index: 1;
			
 
				-            white-space: nowrap;
			
 
				-            margin-left: auto;
			
 
				-
			
 
				-            &::before {
			
 
				-                content: '';
			
 
				-                position: absolute;
			
 
				-                bottom: 8px;
			
 
				-                left: 6px;
			
 
				-                right: 0;
			
 
				-                height: 8px;
			
 
				-                background: #fcd660;
			
 
				-                border-radius: 10px;
			
 
				-                opacity: 0.59;
			
 
				-                z-index: -1;
			
 
				-            }
			
 
				-        }
			
 
				-
			
 
				-        .num {
			
 
				-            font-size: 30px;
			
 
				-        }
			
 
				-
			
 
				-        .rightBadge {
			
 
				-            position: relative;
			
 
				-            top: -8px;
			
 
				-            right: -8px;
			
 
				-            margin-left: auto;
			
 
				-            max-width: 146px;
			
 
				-            max-height: 105px;
			
 
				-            align-self: flex-end;
			
 
				-            z-index: -3;
			
 
				-        }
			
 
				-    }
			
 
				-
			
 
				-}
			
 
				-
			
 
				-
			
 
				-.tips {
			
 
				-    padding: 0 20px;
			
 
				-    font-size: 13px;
			
 
				-    color: #808080;
			
 
				-}
			
 
				-
			
 
				-.ctrls {
			
 
				-    display: flex;
			
 
				-    justify-content: space-evenly;
			
 
				-    align-items: center;
			
 
				-    margin: 0 20px 12px 20px;
			
 
				-    padding-top: 12px;
			
 
				-
			
 
				-    .ctrlsBtn {
			
 
				-        width: 94px;
			
 
				-    }
			
 
				-}
			
 
				-
			
 
				-.detail {
			
 
				-    display: flex;
			
 
				-    align-items: center;
			
 
				-    margin: 0 16px;
			
 
				-    padding: 0 12px;
			
 
				-    background: #fff;
			
 
				-    border-radius: 12px;
			
 
				-    padding: 10px 0;
			
 
				-}
			
 
				-
			
 
				-.progressitem {
			
 
				-    flex: 1;
			
 
				-    display: flex;
			
 
				-    flex-direction: column;
			
 
				-    justify-content: center;
			
 
				-    align-items: center;
			
 
				-    text-align: center;
			
 
				-    color: #1A1A1A;
			
 
				-    font-weight: 500;
			
 
				-    font-size: 14px;
			
 
				-    
			
 
				-    &>div {
			
 
				-        padding-left: 24px;
			
 
				-        background-repeat: no-repeat;
			
 
				-        background-position: left center;
			
 
				-        background-size: auto 100%;
			
 
				-        margin-bottom: 4px;
			
 
				-    }
			
 
				-    .intonation{
			
 
				-        background-image: url('./img/intonation.svg');
			
 
				-    }
			
 
				-    .cadence{
			
 
				-        background-image: url('./img/cadence.svg'); 
			
 
				-    }
			
 
				-    .integrity{
			
 
				-        background-image: url('./img/integrity.svg');
			
 
				-    }
			
 
				-    &:nth-child(2){
			
 
				-        border-left: 1px solid #F2F2F2;
			
 
				-        border-right: 1px solid #F2F2F2;
			
 
				-    }
			
 
				-    &>span {
			
 
				-        font-size: 16px;
			
 
				-        font-weight: 600;
			
 
				-        color: #FF6729;
			
 
				-    }
			
 
				-
			
 
				-}
			
 
				-
			
 
				-.percussion {
			
 
				-    display: flex;
			
 
				-    flex-direction: column;
			
 
				-    justify-content: center;
			
 
				-    align-items: center;
			
 
				-
			
 
				-    &>img {
			
 
				-        height: 74px;
			
 
				-        margin-bottom: 10px;
			
 
				-    }
			
 
				-
			
 
				-    .scoreDes {
			
 
				-        color: var(--van-primary-color);
			
 
				-        font-size: 18px;
			
 
				-
			
 
				-        .scoreNum {
			
 
				-            font-weight: bold;
			
 
				-            font-size: 28px;
			
 
				-        }
			
 
				-    }
			
 
				-}
			
--- a/src/page-colexiu/evaluat-model/evaluat-result/index.tsx
+++ b/src/page-colexiu/evaluat-model/evaluat-result/index.tsx
@@ -1,79 +0,0 @@
 
				-import { Popup } from "@varlet/ui";
			
 
				-import { defineComponent, ref } from "vue";
			
 
				-import styles from "./index.module.less";
			
 
				-import state from "/src/state";
			
 
				-import icon1 from "../icons/1.png";
			
 
				-import { storeData } from "/src/store";
			
 
				-import { Progress } from "vant";
			
 
				-import { evaluatingData } from "/src/view/evaluating";
			
 
				-import icons from "../icons/index.json";
			
 
				-import imgs from "./index.json";
			
 
				-import iconBadge from "./img/icon-badge.svg";
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "evaluatResult",
			
 
				-	emits: ["close"],
			
 
				-	setup(props, { emit }) {
			
 
				-		return () => (
			
 
				-			<div class={styles.evaluatResult}>
			
 
				-				<div class={styles.closeBtn} onClick={() => emit("close")}>
			
 
				-					<img src={icons["arrow-left-background"]} />
			
 
				-				</div>
			
 
				-
			
 
				-				<div class={styles.headerButton}>
			
 
				-					<div class={styles.headBtn} onClick={() => emit("close", "update")}>
			
 
				-						保存演奏
			
 
				-					</div>
			
 
				-					<div class={styles.headBtn} style={{ display: storeData.platformType === "STUDENT" ? "block" : "" }} onClick={() => emit("close", "share")}>
			
 
				-						分享
			
 
				-					</div>
			
 
				-				</div>
			
 
				-
			
 
				-				<div class={styles.fraction}>
			
 
				-					<img class={styles.bg} src={imgs.bg} />
			
 
				-					<div class={styles.top}>
			
 
				-						{evaluatingData.resultData.score > 79 && <img style={{}} class={styles.badge} src={iconBadge} />}
			
 
				-						<div class={styles.text}>
			
 
				-							<div>
			
 
				-								<span class={styles.num}>{evaluatingData.resultData.score}</span>分
			
 
				-							</div>
			
 
				-							<div style={{marginLeft: '6px'}}>{evaluatingData.resultData.clxmome}</div>
			
 
				-						</div>
			
 
				-						<img class={styles.rightBadge} src={evaluatingData.resultData.clxImg} />
			
 
				-					</div>
			
 
				-					{state.isPercussion ? (
			
 
				-						<div class={styles.percussion}>
			
 
				-							<img class={styles.leftIcon} src={evaluatingData.resultData.img || icon1} />
			
 
				-							<div class={styles.scoreDes}>
			
 
				-								<span class={styles.scoreNum}>{evaluatingData.resultData.score}</span>分
			
 
				-								<span style={{ marginLeft: "8px" }}>{evaluatingData.resultData.mome}</span>
			
 
				-							</div>
			
 
				-						</div>
			
 
				-					) : (
			
 
				-						<div class={styles.detail}>
			
 
				-							<div class={styles.progressitem}>
			
 
				-								<div class={styles.intonation}>音准</div>
			
 
				-								<span>{evaluatingData.resultData.intonation}分</span>
			
 
				-							</div>
			
 
				-							<div class={styles.progressitem}>
			
 
				-								<div class={styles.cadence}>节奏</div>
			
 
				-								<span>{evaluatingData.resultData.cadence}分</span>
			
 
				-							</div>
			
 
				-							<div class={styles.progressitem}>
			
 
				-								<div class={styles.integrity}>完成度</div>
			
 
				-								<span>{evaluatingData.resultData.integrity}分</span>
			
 
				-							</div>
			
 
				-						</div>
			
 
				-					)}
			
 
				-
			
 
				-					<div class={styles.tips}>{evaluatingData.resultData.clxtip}</div>
			
 
				-					<div class={styles.ctrls}>
			
 
				-						<img src={imgs.btn1} class={styles.ctrlsBtn} onClick={() => emit("close", "practise")} />
			
 
				-						<img src={imgs.btn2} class={styles.ctrlsBtn} onClick={() => emit("close", "tryagain")} />
			
 
				-						<img src={imgs.btn3} class={styles.ctrlsBtn} onClick={() => emit("close", "look")} />
			
 
				-					</div>
			
 
				-				</div>
			
 
				-			</div>
			
 
				-		);
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/evaluat-model/evaluat-share/index.module.less
+++ b/src/page-colexiu/evaluat-model/evaluat-share/index.module.less
@@ -1,30 +0,0 @@
 
				-.iframe {
			
 
				-    border: none;
			
 
				-    width: 500PX;
			
 
				-    height: 80vh;
			
 
				-}
			
 
				-
			
 
				-.btns {
			
 
				-    display: flex;
			
 
				-    font-size: 18PX;
			
 
				-    align-items: center;
			
 
				-    position: absolute;
			
 
				-    right: 10PX;
			
 
				-    top: 12PX;
			
 
				-
			
 
				-    >.sbtn {
			
 
				-        background-color: rgba(0, 0, 0, .23);
			
 
				-        width: 68PX;
			
 
				-        height: 32PX;
			
 
				-        border-radius: 19PX;
			
 
				-        text-align: center;
			
 
				-        line-height: 32PX;
			
 
				-        color: #fff;
			
 
				-        margin-left: 10PX;
			
 
				-    }
			
 
				-}
			
 
				-
			
 
				-.disabled {
			
 
				-    opacity: .5;
			
 
				-    pointer-events: none;
			
 
				-}
			
--- a/src/page-colexiu/evaluat-model/evaluat-share/index.tsx
+++ b/src/page-colexiu/evaluat-model/evaluat-share/index.tsx
@@ -1,75 +0,0 @@
 
				-import { Snackbar } from "@varlet/ui";
			
 
				-import { defineComponent, onMounted, ref } from "vue";
			
 
				-import styles from "./index.module.less";
			
 
				-import { api_shareAchievements } from "/src/helpers/communication";
			
 
				-import state from "/src/state";
			
 
				-import { storeData } from "/src/store";
			
 
				-import { evaluatingData } from "/src/view/evaluating";
			
 
				-import qs from 'query-string'
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "evaluat-share",
			
 
				-	emits: ["close"],
			
 
				-	setup(props, { emit }) {
			
 
				-		const src = ref("");
			
 
				-		const shareLoadedPngData = ref("");
			
 
				-		const shareDisabeled = ref(true);
			
 
				-		const getShareUrl = () => {
			
 
				-			const data: any = {
			
 
				-				name: storeData.user?.username || "",
			
 
				-				subjectName: (storeData.user?.subjectNames || "").split(",")[0] || "",
			
 
				-				avatar: encodeURIComponent(storeData.user?.avatar || ""),
			
 
				-				score: evaluatingData.resultData?.score || 0,
			
 
				-				examSongName: state.examSongName || "",
			
 
				-			};
			
 
				-			if (!state.isPercussion) {
			
 
				-				data.intonation = evaluatingData.resultData?.intonation;
			
 
				-				data.cadence = evaluatingData.resultData?.cadence;
			
 
				-				data.integrity = evaluatingData.resultData?.integrity;
			
 
				-			}
			
 
				-			// src.value = `${location.origin}/accompany/share-evaluating/index.html?${qs.stringify(data)}`;
			
 
				-			src.value = `${location.origin}/share-colexiu-evaluating/index.html?${qs.stringify(data)}`;
			
 
				-		};
			
 
				-		const shareLoaded = (evt: Event) => {
			
 
				-			const el = evt.target as HTMLIFrameElement;
			
 
				-			if (el) {
			
 
				-				// @ts-ignore
			
 
				-				el.contentWindow.setPng = (data: string) => {
			
 
				-					shareLoadedPngData.value = data;
			
 
				-                    shareDisabeled.value = false
			
 
				-				};
			
 
				-			}
			
 
				-		};
			
 
				-		const shareNext = async () => {
			
 
				-			const res = await api_shareAchievements({
			
 
				-				title: "分享我的乐器练习进度，一起见证我的成长！",
			
 
				-				desc: "晒一下我的评测分数，快来“小酷AI”上和我PK一下吧！",
			
 
				-				image: shareLoadedPngData.value,
			
 
				-				video: "",
			
 
				-				type: "image",
			
 
				-				button: ['copy'],
			
 
				-            	url: getShareUrl(),
			
 
				-			});
			
 
				-			if (!res?.content?.status && res?.content?.message) {
			
 
				-                Snackbar(res?.content?.message);
			
 
				-			}
			
 
				-            emit("close");
			
 
				-		};
			
 
				-		onMounted(() => {
			
 
				-			getShareUrl();
			
 
				-		});
			
 
				-		return () => (
			
 
				-			<div>
			
 
				-				<div class={styles.btns}>
			
 
				-					<div class={styles.sbtn} onClick={() => emit("close")}>
			
 
				-						取消
			
 
				-					</div>
			
 
				-					<div class={[styles.sbtn, shareDisabeled.value && styles.disabled]} onClick={shareNext}>
			
 
				-						继续
			
 
				-					</div>
			
 
				-				</div>
			
 
				-				<iframe class={styles.iframe} src={src.value} onLoad={shareLoaded} />
			
 
				-			</div>
			
 
				-		);
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/evaluat-model/icons/1.png
+++ b/src/page-colexiu/evaluat-model/icons/1.png
--- a/src/page-colexiu/evaluat-model/icons/2.png
+++ b/src/page-colexiu/evaluat-model/icons/2.png
--- a/src/page-colexiu/evaluat-model/icons/3.png
+++ b/src/page-colexiu/evaluat-model/icons/3.png
--- a/src/page-colexiu/evaluat-model/icons/4.png
+++ b/src/page-colexiu/evaluat-model/icons/4.png
--- a/src/page-colexiu/evaluat-model/icons/5.png
+++ b/src/page-colexiu/evaluat-model/icons/5.png
--- a/src/page-colexiu/evaluat-model/icons/arrow-left-background.svg
+++ b/src/page-colexiu/evaluat-model/icons/arrow-left-background.svg
@@ -1,9 +0,0 @@
 
				-<?xml version="1.0" encoding="UTF-8"?>
			
 
				-<svg width="15px" height="24px" viewBox="0 0 15 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				-    <title>形状</title>
			
 
				-    <g id="确定版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				-        <g transform="translate(-40.000000, -22.000000)" fill="#494949" fill-rule="nonzero" id="形状" stroke="#494949">
			
 
				-            <path d="M42.2681508,32.7499394 C42.5890877,32.7499394 42.9114702,32.8699082 43.168798,33.0950183 L53.620931,42.6520856 C53.8607785,42.8704624 53.997204,43.1690827 53.9999596,43.4816468 C54.0026326,43.7942108 53.8714111,44.0948519 53.6353876,44.3168215 C53.138464,44.7783404 52.3366638,44.7837362 51.8326476,44.3289532 L41.379069,34.7718859 C41.1392215,34.5535091 41.002796,34.2548888 41.0000404,33.9423247 C40.9973673,33.6297606 41.1285889,33.3291196 41.3646123,33.1071499 C41.5948722,32.8710256 41.9246144,32.7409471 42.2667051,32.7512873 L42.2681508,32.7499394 Z M52.7106158,23 C53.0356188,23 53.3591643,23.117702 53.6185837,23.3424057 C53.8599334,23.5590403 53.9971822,23.8550613 53.9999596,24.1648752 C54.0026536,24.474689 53.8706502,24.7727125 53.6331578,24.9929083 L43.1980856,34.5695682 C42.6976948,35.027014 41.8904764,35.0329595 41.3821498,34.5829434 C41.1403528,34.3662582 41.0028184,34.0699512 41.0000404,33.7598084 C40.9973456,33.4496656 41.1296337,33.1513535 41.3675757,32.9311033 L51.8026479,23.3544434 C52.0474932,23.117702 52.3856129,23 52.7106158,23 Z"></path>
			
 
				-        </g>
			
 
				-    </g>
			
 
				-</svg>
			
--- a/src/page-colexiu/evaluat-model/icons/bad.png
+++ b/src/page-colexiu/evaluat-model/icons/bad.png
--- a/src/page-colexiu/evaluat-model/icons/close.svg
+++ b/src/page-colexiu/evaluat-model/icons/close.svg
@@ -1,15 +0,0 @@
 
				-<?xml version="1.0" encoding="UTF-8"?>
			
 
				-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				-    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
			
 
				-    <title>编组</title>
			
 
				-    <desc>Created with Sketch.</desc>
			
 
				-    <g id="智能打分" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				-        <g id="81-100备份" transform="translate(-493.000000, -57.000000)" fill="#DBDBDB" fill-rule="nonzero">
			
 
				-            <g id="弹窗" transform="translate(143.000000, 40.000000)">
			
 
				-                <g id="编组" transform="translate(350.000000, 17.000000)">
			
 
				-                    <path d="M1.05548433,1.07092551 L0.973890205,1.16134969 C0.666012474,1.54828454 0.694001358,2.11481906 1.05785686,2.46909941 L6.537,7.949 L1.05548433,13.4315873 C0.672191496,13.8148801 0.672191496,14.4441272 1.05548433,14.8274201 L1.08636669,14.8583024 L1.17896103,14.9399506 C1.56501142,15.2393273 2.12839072,15.2121112 2.48219949,14.8583024 L7.964,9.376 L13.4470285,14.8583024 C13.8303213,15.2415953 14.4595684,15.2415953 14.8428613,14.8583024 L14.8737436,14.8274201 L14.9553918,14.7348257 C15.2547684,14.3487753 15.2275524,13.785396 14.8737436,13.4315873 L9.391,7.949 L14.8737436,2.46675831 C15.2570364,2.08346548 15.2570364,1.45421835 14.8737436,1.07092551 L14.8428613,1.04004316 L14.7502669,0.958394979 C14.3642165,0.659018325 13.8008372,0.686234384 13.4470285,1.04004316 L7.964,6.53 L2.48231995,1.0401637 C2.09890665,0.65675032 1.46965952,0.65675032 1.08636669,1.04004316 L1.05548433,1.07092551 Z" id="路径"></path>
			
 
				-                </g>
			
 
				-            </g>
			
 
				-        </g>
			
 
				-    </g>
			
 
				-</svg>
			
--- a/src/page-colexiu/evaluat-model/icons/close2.svg
+++ b/src/page-colexiu/evaluat-model/icons/close2.svg
@@ -1,12 +0,0 @@
 
				-<?xml version="1.0" encoding="UTF-8"?>
			
 
				-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				-    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				-        <g transform="translate(-493.000000, -57.000000)" fill="#01C1B5" fill-rule="nonzero">
			
 
				-            <g transform="translate(143.000000, 40.000000)">
			
 
				-                <g transform="translate(350.000000, 17.000000)">
			
 
				-                    <path d="M1.05548433,1.07092551 L0.973890205,1.16134969 C0.666012474,1.54828454 0.694001358,2.11481906 1.05785686,2.46909941 L6.537,7.949 L1.05548433,13.4315873 C0.672191496,13.8148801 0.672191496,14.4441272 1.05548433,14.8274201 L1.08636669,14.8583024 L1.17896103,14.9399506 C1.56501142,15.2393273 2.12839072,15.2121112 2.48219949,14.8583024 L7.964,9.376 L13.4470285,14.8583024 C13.8303213,15.2415953 14.4595684,15.2415953 14.8428613,14.8583024 L14.8737436,14.8274201 L14.9553918,14.7348257 C15.2547684,14.3487753 15.2275524,13.785396 14.8737436,13.4315873 L9.391,7.949 L14.8737436,2.46675831 C15.2570364,2.08346548 15.2570364,1.45421835 14.8737436,1.07092551 L14.8428613,1.04004316 L14.7502669,0.958394979 C14.3642165,0.659018325 13.8008372,0.686234384 13.4470285,1.04004316 L7.964,6.53 L2.48231995,1.0401637 C2.09890665,0.65675032 1.46965952,0.65675032 1.08636669,1.04004316 L1.05548433,1.07092551 Z" id="路径"></path>
			
 
				-                </g>
			
 
				-            </g>
			
 
				-        </g>
			
 
				-    </g>
			
 
				-</svg>
			
--- a/src/page-colexiu/evaluat-model/icons/erji.png
+++ b/src/page-colexiu/evaluat-model/icons/erji.png
--- a/src/page-colexiu/evaluat-model/icons/evaluating.json
+++ b/src/page-colexiu/evaluat-model/icons/evaluating.json
--- a/src/page-colexiu/evaluat-model/icons/good.png
+++ b/src/page-colexiu/evaluat-model/icons/good.png
--- a/src/page-colexiu/evaluat-model/icons/great.png
+++ b/src/page-colexiu/evaluat-model/icons/great.png
--- a/src/page-colexiu/evaluat-model/icons/index.json
+++ b/src/page-colexiu/evaluat-model/icons/index.json
--- a/src/page-colexiu/evaluat-model/icons/left-bg.png
+++ b/src/page-colexiu/evaluat-model/icons/left-bg.png
--- a/src/page-colexiu/evaluat-model/icons/perfect.png
+++ b/src/page-colexiu/evaluat-model/icons/perfect.png
--- a/src/page-colexiu/evaluat-model/icons/student.png
+++ b/src/page-colexiu/evaluat-model/icons/student.png
--- a/src/page-colexiu/evaluat-model/icons/task-bg.svg
+++ b/src/page-colexiu/evaluat-model/icons/task-bg.svg
@@ -1,9 +0,0 @@
 
				-<?xml version="1.0" encoding="UTF-8"?>
			
 
				-<svg width="208px" height="70px" viewBox="0 0 208 70" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				-    <title>矩形</title>
			
 
				-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				-        <g id="曲谱评测" transform="translate(-582.000000, -215.000000)" fill="#FFE1B8" stroke="#FFFFFF" stroke-width="2">
			
 
				-            <path d="M591,216.506546 L781,216.506546 C785.418278,216.506546 789,220.088268 789,224.506546 L789,278.353946 C789,281.11537 786.761424,283.353946 784,283.353946 C783.212178,283.353946 782.435504,283.167782 781.733289,282.810629 L768.300488,275.978581 L768.300488,275.978581 L591,275.978581 C586.581722,275.978581 583,272.396859 583,267.978581 L583,224.506546 C583,220.088268 586.581722,216.506546 591,216.506546 Z" id="矩形"></path>
			
 
				-        </g>
			
 
				-    </g>
			
 
				-</svg>
			
--- a/src/page-colexiu/evaluat-model/icons/title.png
+++ b/src/page-colexiu/evaluat-model/icons/title.png
--- a/src/page-colexiu/evaluat-model/index.module.less
+++ b/src/page-colexiu/evaluat-model/index.module.less
@@ -1,96 +0,0 @@
 
				-:global {
			
 
				-    .var-popup .var-popup--center {
			
 
				-        overflow: initial;
			
 
				-    }
			
 
				-}
			
 
				-
			
 
				-.startBtn {
			
 
				-    position: fixed;
			
 
				-    left: 50%;
			
 
				-    top: 50%;
			
 
				-    margin-left: -70px;
			
 
				-    margin-top: -70px;
			
 
				-    width: 140px;
			
 
				-    height: 140px;
			
 
				-    z-index: 11;
			
 
				-    & > img {
			
 
				-      display: block;
			
 
				-      width: 100%;
			
 
				-      height: 100%;
			
 
				-    }
			
 
				-  }
			
 
				-  .endBtn{
			
 
				-    position: fixed;
			
 
				-    left: 50%;
			
 
				-    bottom: 16px;
			
 
				-    width: 120px;
			
 
				-    height: 40px;
			
 
				-    margin-left: -70px;
			
 
				-    z-index: 11;
			
 
				-    & > img {
			
 
				-      display: block;
			
 
				-      width: 100%;
			
 
				-      height: 100%;
			
 
				-    }
			
 
				-  }
			
 
				-
			
 
				-.dialogueBox {
			
 
				-    position: fixed;
			
 
				-    bottom: -1px;
			
 
				-    right: 0;
			
 
				-    z-index: 9;
			
 
				-    display: flex;
			
 
				-    flex-direction: column;
			
 
				-    align-items: flex-end;
			
 
				-
			
 
				-    .dialogue {
			
 
				-        position: relative;
			
 
				-        right: 21px;
			
 
				-        top: 15px;
			
 
				-        width: 190px;
			
 
				-        height: 50px;
			
 
				-
			
 
				-        .dialoguebg {
			
 
				-            position: absolute;
			
 
				-            left: 0;
			
 
				-            top: 0;
			
 
				-            width: 100%;
			
 
				-        }
			
 
				-
			
 
				-        &>div {
			
 
				-            position: relative;
			
 
				-            z-index: 1;
			
 
				-            padding: 10px;
			
 
				-            font-size: 11px;
			
 
				-            font-weight: 400;
			
 
				-            color: #6F4900;
			
 
				-            line-height: 18px;
			
 
				-        }
			
 
				-    }
			
 
				-
			
 
				-    .dialogueing {
			
 
				-        position: absolute;
			
 
				-        bottom: 10px;
			
 
				-        right: 70%;
			
 
				-        width: 54px;
			
 
				-        line-height: 23px;
			
 
				-        background: #FFE1B8;
			
 
				-        border-radius: 12px;
			
 
				-        border: 1px solid #FFFFFF;
			
 
				-        font-size: 11px;
			
 
				-        color: #6F4900;
			
 
				-        text-align: center;
			
 
				-        z-index: 1;
			
 
				-    }
			
 
				-
			
 
				-    .dialogueIcon {
			
 
				-        width: 100px;
			
 
				-        height: 100px;
			
 
				-    }
			
 
				-
			
 
				-    .inRadioIcon {
			
 
				-        width: 66px;
			
 
				-        height: 72px;
			
 
				-        margin-right: 6px;
			
 
				-    }
			
 
				-}
			
--- a/src/page-colexiu/evaluat-model/index.tsx
+++ b/src/page-colexiu/evaluat-model/index.tsx
@@ -1,283 +0,0 @@
 
				-import { Popup } from "@varlet/ui";
			
 
				-import { Transition, defineComponent, onMounted, reactive, watch } from "vue";
			
 
				-import {
			
 
				-	connectWebsocket,
			
 
				-	evaluatingData,
			
 
				-	handleEndBegin,
			
 
				-	handleEndSoundCheck,
			
 
				-	handlePerformDetection,
			
 
				-	handleStartBegin,
			
 
				-	handleStartEvaluat,
			
 
				-	handleViewReport,
			
 
				-} from "/src/view/evaluating";
			
 
				-import Earphone from "./earphone";
			
 
				-import styles from "./index.module.less";
			
 
				-import SoundEffect from "./sound-effect";
			
 
				-import state from "/src/state";
			
 
				-import { storeData } from "/src/store";
			
 
				-import { browser } from "/src/utils";
			
 
				-import { getNoteByMeasuresSlursStart } from "/src/helpers/formateMusic";
			
 
				-import { Icon, showToast } from "vant";
			
 
				-import EvaluatResult from "./evaluat-result";
			
 
				-import EvaluatAudio from "./evaluat-audio";
			
 
				-import { api_openWebView, api_proxyServiceMessage, api_videoUpdate } from "/src/helpers/communication";
			
 
				-import EvaluatShare from "./evaluat-share";
			
 
				-import { Vue3Lottie } from "vue3-lottie";
			
 
				-import startData from "./data/start.json";
			
 
				-import startingData from "./data/starting.json";
			
 
				-import iconTastBg from "./icons/task-bg.svg";
			
 
				-import iconEvaluat from "./icons/evaluating.json";
			
 
				-
			
 
				-// frequency 频率, amplitude 振幅, decibels 分贝
			
 
				-type TCriteria = "frequency" | "amplitude" | "decibels";
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "evaluat-model",
			
 
				-	setup() {
			
 
				-		const evaluatModel = reactive({
			
 
				-			tips: true,
			
 
				-			evaluatUpdateAudio: false,
			
 
				-			isSaveVideo: state.setting.camera && state.setting.saveToAlbum,
			
 
				-			shareMode: false,
			
 
				-		});
			
 
				-		const browserInfo = browser();
			
 
				-		/** 是否是节奏练习 */
			
 
				-		const isRhythmicExercises = () => {
			
 
				-			const examSongName = state.examSongName || "";
			
 
				-			return examSongName.indexOf("节奏练习") > -1;
			
 
				-		};
			
 
				-
			
 
				-		/** 获取评测标准 */
			
 
				-		const getEvaluationCriteria = () => {
			
 
				-			let criteria: TCriteria = "frequency";
			
 
				-			// 声部打击乐
			
 
				-			if ([23, 113, 121].includes(state.subjectId)) {
			
 
				-				criteria = "amplitude";
			
 
				-			} else if (isRhythmicExercises()) {
			
 
				-				// 分类为节奏练习
			
 
				-				criteria = "decibels";
			
 
				-			}
			
 
				-			return criteria;
			
 
				-		};
			
 
				-
			
 
				-		/** 生成评测曲谱数据 */
			
 
				-		const formatTimes = () => {
			
 
				-			let ListenMode = false;
			
 
				-			let dontEvaluatingMode = false;
			
 
				-			let skip = false;
			
 
				-			const datas = [];
			
 
				-			for (let index = 0; index < state.times.length; index++) {
			
 
				-				const item = state.times[index];
			
 
				-				const note = getNoteByMeasuresSlursStart(item);
			
 
				-				const rate = state.speed / state.originSpeed;
			
 
				-				const difftime = item.difftime;
			
 
				-				const start = difftime + (item.sourceRelativeTime || item.relativeTime);
			
 
				-				const end = difftime + (item.sourceRelaEndtime || item.relaEndtime);
			
 
				-				const isStaccato = note.noteElement.voiceEntry.isStaccato();
			
 
				-				const noteRate = isStaccato ? 0.5 : 1;
			
 
				-				if (note.formatLyricsEntries.contains("Play") || note.formatLyricsEntries.contains("Play...")) {
			
 
				-					ListenMode = false;
			
 
				-				}
			
 
				-				if (note.formatLyricsEntries.contains("Listen")) {
			
 
				-					ListenMode = true;
			
 
				-				}
			
 
				-				if (note.formatLyricsEntries.contains("纯律结束")) {
			
 
				-					dontEvaluatingMode = false;
			
 
				-				}
			
 
				-				if (note.formatLyricsEntries.contains("纯律")) {
			
 
				-					dontEvaluatingMode = true;
			
 
				-				}
			
 
				-				const nextNote = state.times[index + 1];
			
 
				-				// console.log("noteinfo", note.noteElement.isRestFlag && !!note.stave && !!nextNote)
			
 
				-				if (skip && (note.stave || !item.noteElement.isRestFlag || (nextNote && !nextNote.noteElement.isRestFlag))) {
			
 
				-					skip = false;
			
 
				-				}
			
 
				-				if (note.noteElement.isRestFlag && !!note.stave && !!nextNote && nextNote.noteElement.isRestFlag) {
			
 
				-					skip = true;
			
 
				-				}
			
 
				-				// console.log(note.measureOpenIndex, item.measureOpenIndex, note);
			
 
				-				// console.log("skip", skip)
			
 
				-				const data = {
			
 
				-					timeStamp: (start * 1000) / rate,
			
 
				-					duration: ((end * 1000) / rate - (start * 1000) / rate) * noteRate,
			
 
				-					frequency: item.frequency,
			
 
				-					nextFrequency: item.nextFrequency,
			
 
				-					prevFrequency: item.prevFrequency,
			
 
				-					// 重复的情况index会自然累加,render的index是谱面渲染的index
			
 
				-					measureIndex: note.measureOpenIndex,
			
 
				-					measureRenderIndex: item.measureListIndex,
			
 
				-					dontEvaluating: ListenMode || dontEvaluatingMode || item.skipMode,
			
 
				-					musicalNotesIndex: item.i,
			
 
				-					denominator: note.noteElement?.Length.denominator,
			
 
				-					isOrnament: !!note?.voiceEntry?.ornamentContainer,
			
 
				-				};
			
 
				-				datas.push(data);
			
 
				-			}
			
 
				-			return datas;
			
 
				-		};
			
 
				-		/** 连接websocket */
			
 
				-		const handleConnect = async () => {
			
 
				-			const behaviorId = localStorage.getItem("behaviorId") || undefined;
			
 
				-			const rate = state.speed / state.originSpeed;
			
 
				-			const content = {
			
 
				-				musicXmlInfos: formatTimes(),
			
 
				-				subjectId: state.subjectId,
			
 
				-				detailId: state.detailId,
			
 
				-				examSongId: state.examSongId,
			
 
				-				xmlUrl: state.xmlUrl,
			
 
				-				partIndex: state.partIndex,
			
 
				-				behaviorId,
			
 
				-				platform: browserInfo.ios ? "IOS" : browserInfo.android ? "ANDROID" : "WEB",
			
 
				-				clientId: storeData.platformType === "STUDENT" ? "student" : storeData.platformType === "TEACHER" ? "teacher" : "education",
			
 
				-				hertz: state.setting.frequency,
			
 
				-				reactionTimeMs: state.setting.reactionTimeMs,
			
 
				-				speed: state.speed,
			
 
				-				heardLevel: state.setting.evaluationDifficulty,
			
 
				-				beatLength: Math.round((state.fixtime * 1000) / rate),
			
 
				-			};
			
 
				-			await connectWebsocket(content);
			
 
				-			// state.playSource = "music";
			
 
				-		};
			
 
				-
			
 
				-		/** 评测结果按钮处理 */
			
 
				-		const handleEvaluatResult = (type: "practise" | "tryagain" | "look" | "share" | "update") => {
			
 
				-			if (type === "update") {
			
 
				-				// 上传云端
			
 
				-				evaluatModel.evaluatUpdateAudio = true;
			
 
				-				return;
			
 
				-			} else if (type === "share") {
			
 
				-				// 分享
			
 
				-				evaluatModel.shareMode = true;
			
 
				-				return;
			
 
				-			} else if (type === "look") {
			
 
				-				// 跳转
			
 
				-				handleViewReport('recordId', 'colexiu');
			
 
				-				return;
			
 
				-			} else if (type === "practise") {
			
 
				-				// 去练习
			
 
				-				handleStartEvaluat();
			
 
				-			} else if (type === "tryagain") {
			
 
				-				// 再来一次
			
 
				-				handleStartBegin();
			
 
				-			}
			
 
				-			evaluatingData.resulstMode = false;
			
 
				-		};
			
 
				-
			
 
				-		/** 上传音视频 */
			
 
				-		const hanldeUpdateVideoAndAudio = async (update = false) => {
			
 
				-			if (!update) {
			
 
				-				evaluatModel.evaluatUpdateAudio = false;
			
 
				-				return;
			
 
				-			}
			
 
				-			if (state.setting.camera && state.setting.saveToAlbum) {
			
 
				-				evaluatModel.evaluatUpdateAudio = false;
			
 
				-				api_videoUpdate((res: any) => {
			
 
				-					if (res) {
			
 
				-						if (res?.content?.type === 'success'){
			
 
				-							handleSaveResult({
			
 
				-								recordId: evaluatingData.resultData?.recordId,
			
 
				-								filePath: res?.content?.filePath,
			
 
				-							})
			
 
				-						} else if (res?.content?.type === 'error') {
			
 
				-							showToast({
			
 
				-								message: res.content?.message || "上传失败",
			
 
				-							});
			
 
				-						}
			
 
				-					}
			
 
				-				});
			
 
				-				return;
			
 
				-			}
			
 
				-			evaluatModel.evaluatUpdateAudio = false;
			
 
				-			handleSaveResult({
			
 
				-				recordId: evaluatingData.resultData?.recordId,
			
 
				-			});
			
 
				-		};
			
 
				-		const handleSaveResult = (_body: any) => {
			
 
				-			api_proxyServiceMessage({
			
 
				-				header: {
			
 
				-					commond: "videoUpload",
			
 
				-					status: 200,
			
 
				-					type: "SOUND_COMPARE",
			
 
				-				},
			
 
				-				body: _body,
			
 
				-			});
			
 
				-			showToast({
			
 
				-				message: "上传成功",
			
 
				-			});
			
 
				-		};
			
 
				-
			
 
				-		onMounted(() => {
			
 
				-			handlePerformDetection();
			
 
				-		});
			
 
				-		watch(
			
 
				-			() => evaluatingData.checkEnd,
			
 
				-			() => {
			
 
				-				if (evaluatingData.checkEnd) {
			
 
				-					console.log("检测结束,生成数据");
			
 
				-					handleConnect();
			
 
				-				}
			
 
				-			}
			
 
				-		);
			
 
				-		return () => (
			
 
				-			<div>
			
 
				-				<Transition name="pop-center">
			
 
				-					{evaluatingData.websocketState && !evaluatingData.startBegin && (
			
 
				-						<div class={styles.startBtn} onClick={handleStartBegin}>
			
 
				-							<img src={iconEvaluat.evaluatingStart} />
			
 
				-						</div>
			
 
				-					)}
			
 
				-				</Transition>
			
 
				-				<Transition name="pop-center">
			
 
				-					{evaluatingData.websocketState && evaluatingData.startBegin && (
			
 
				-						<div class={styles.endBtn} onClick={() => handleEndBegin()}>
			
 
				-							<img src={iconEvaluat.evaluatingEnd} />
			
 
				-						</div>
			
 
				-					)}
			
 
				-				</Transition>
			
 
				-
			
 
				-				<div style={{ display: !evaluatingData.startBegin ? "" : "none" }} class={styles.dialogueBox} key="start">
			
 
				-					<div class={styles.dialogue}>
			
 
				-						<img class={styles.dialoguebg} src={iconTastBg} />
			
 
				-						<div>演奏前请调整好乐器，保证最佳演奏状态。</div>
			
 
				-					</div>
			
 
				-					<Vue3Lottie class={styles.dialogueIcon} animationData={startData}></Vue3Lottie>
			
 
				-				</div>
			
 
				-				<div style={{ display: evaluatingData.startBegin ? "" : "none" }} class={styles.dialogueBox} key="start">
			
 
				-					<div class={styles.dialogueing}>收音中...</div>
			
 
				-					<Vue3Lottie class={styles.dialogueIcon} animationData={startingData}></Vue3Lottie>
			
 
				-				</div>
			
 
				-
			
 
				-				<Popup teleport="body" closeOnClickOverlay={false} defaultStyle={false} v-model:show={evaluatingData.earphoneMode}>
			
 
				-					<Earphone
			
 
				-						onClose={() => {
			
 
				-							evaluatingData.earphoneMode = false;
			
 
				-							handlePerformDetection();
			
 
				-						}}
			
 
				-					/>
			
 
				-				</Popup>
			
 
				-				<Popup teleport="body" closeOnClickOverlay={false} defaultStyle={false} v-model:show={evaluatingData.soundEffectMode}>
			
 
				-					<SoundEffect
			
 
				-						onClose={(value: any) => {
			
 
				-							evaluatingData.soundEffectMode = false;
			
 
				-							if (value) {
			
 
				-								state.setting.soundEffect = false;
			
 
				-							}
			
 
				-							handleEndSoundCheck();
			
 
				-							handlePerformDetection();
			
 
				-						}}
			
 
				-					/>
			
 
				-				</Popup>
			
 
				-
			
 
				-				<Popup teleport="body" closeOnClickOverlay={false} defaultStyle={false} v-model:show={evaluatingData.resulstMode}>
			
 
				-					<EvaluatResult onClose={handleEvaluatResult} />
			
 
				-				</Popup>
			
 
				-				<Popup teleport="body" closeOnClickOverlay={false} defaultStyle={false} v-model:show={evaluatModel.evaluatUpdateAudio}>
			
 
				-					<EvaluatAudio onClose={hanldeUpdateVideoAndAudio} />
			
 
				-				</Popup>
			
 
				-				<Popup teleport="body" defaultStyle={false} v-model:show={evaluatModel.shareMode}>
			
 
				-					<EvaluatShare onClose={() => (evaluatModel.shareMode = false)} />
			
 
				-				</Popup>
			
 
				-			</div>
			
 
				-		);
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/evaluat-model/sound-effect/data.ts
+++ b/src/page-colexiu/evaluat-model/sound-effect/data.ts
@@ -1,54 +0,0 @@
 
				-import iconSound_12_4 from "./icons/icon-sound_12_4.svg";
			
 
				-import iconsound_5_6 from "./icons/icon-sound_5_6.svg";
			
 
				-import iconsound_13 from "./icons/icon-sound_13.svg";
			
 
				-import iconsound_14_15 from "./icons/icon-sound_14_15.svg";
			
 
				-import iconsound_120 from "./icons/icon-sound_120.svg";
			
 
				-import iconsound_default from "./icons/icon-sound_default.svg";
			
 
				-export const getScoreData = (subjectId: number) => {
			
 
				-	// 小号、单簧管
			
 
				-	if (subjectId == 12 || subjectId == 4) {
			
 
				-		return {
			
 
				-			src: iconSound_12_4,
			
 
				-			text: "",
			
 
				-			frequency: 525.6295448312027,
			
 
				-		};
			
 
				-	}
			
 
				-	// 萨克斯
			
 
				-	if (subjectId == 5 || subjectId == 6) {
			
 
				-		return {
			
 
				-			src: iconsound_5_6,
			
 
				-			text: "C",
			
 
				-			frequency: 525.6295448312027,
			
 
				-		};
			
 
				-	}
			
 
				-	// 圆号
			
 
				-	if (subjectId == 13) {
			
 
				-		return {
			
 
				-			src: iconsound_13,
			
 
				-			text: "F",
			
 
				-			frequency: 350.8156324849721,
			
 
				-		};
			
 
				-	}
			
 
				-	// 长号 上低音号
			
 
				-	if (subjectId == 14 || subjectId == 15) {
			
 
				-		return {
			
 
				-			src: iconsound_14_15,
			
 
				-			text: "S",
			
 
				-			frequency: 117.07067192670213,
			
 
				-		};
			
 
				-	}
			
 
				-	// 长号 上低音号
			
 
				-	if (subjectId == 120) {
			
 
				-		return {
			
 
				-			src: iconsound_120,
			
 
				-			text: "A",
			
 
				-			frequency: 884,
			
 
				-		};
			
 
				-	}
			
 
				-	// 剩余声部
			
 
				-	return {
			
 
				-		src: iconsound_default,
			
 
				-		text: "Bb",
			
 
				-		frequency: 468.28268770680853,
			
 
				-	};
			
 
				-};
			
--- a/src/page-colexiu/evaluat-model/sound-effect/icons/bg-note.png
+++ b/src/page-colexiu/evaluat-model/sound-effect/icons/bg-note.png
--- a/src/page-colexiu/evaluat-model/sound-effect/icons/bg.png
+++ b/src/page-colexiu/evaluat-model/sound-effect/icons/bg.png
--- a/src/page-colexiu/evaluat-model/sound-effect/icons/child.png
+++ b/src/page-colexiu/evaluat-model/sound-effect/icons/child.png
--- a/src/page-colexiu/evaluat-model/sound-effect/icons/content-bg.png
+++ b/src/page-colexiu/evaluat-model/sound-effect/icons/content-bg.png
--- a/src/page-colexiu/evaluat-model/sound-effect/icons/dot-active.png
+++ b/src/page-colexiu/evaluat-model/sound-effect/icons/dot-active.png
--- a/src/page-colexiu/evaluat-model/sound-effect/icons/dot-error.png
+++ b/src/page-colexiu/evaluat-model/sound-effect/icons/dot-error.png
--- a/src/page-colexiu/evaluat-model/sound-effect/icons/dot.png
+++ b/src/page-colexiu/evaluat-model/sound-effect/icons/dot.png
--- a/src/page-colexiu/evaluat-model/sound-effect/icons/icon-sound_120.svg
+++ b/src/page-colexiu/evaluat-model/sound-effect/icons/icon-sound_120.svg
--- a/src/page-colexiu/evaluat-model/sound-effect/icons/icon-sound_12_4.svg
+++ b/src/page-colexiu/evaluat-model/sound-effect/icons/icon-sound_12_4.svg
--- a/src/page-colexiu/evaluat-model/sound-effect/icons/icon-sound_13.svg
+++ b/src/page-colexiu/evaluat-model/sound-effect/icons/icon-sound_13.svg
--- a/src/page-colexiu/evaluat-model/sound-effect/icons/icon-sound_14_15.svg
+++ b/src/page-colexiu/evaluat-model/sound-effect/icons/icon-sound_14_15.svg
--- a/src/page-colexiu/evaluat-model/sound-effect/icons/icon-sound_5_6.svg
+++ b/src/page-colexiu/evaluat-model/sound-effect/icons/icon-sound_5_6.svg
--- a/src/page-colexiu/evaluat-model/sound-effect/icons/icon-sound_default.svg
+++ b/src/page-colexiu/evaluat-model/sound-effect/icons/icon-sound_default.svg
--- a/src/page-colexiu/evaluat-model/sound-effect/icons/notes.png
+++ b/src/page-colexiu/evaluat-model/sound-effect/icons/notes.png
--- a/src/page-colexiu/evaluat-model/sound-effect/index.module.less
+++ b/src/page-colexiu/evaluat-model/sound-effect/index.module.less
@@ -1,104 +0,0 @@
 
				-.sound-effect {
			
 
				-  position: relative;
			
 
				-  width: 100vw;
			
 
				-  height: 100vh;
			
 
				-  display: flex;
			
 
				-  flex-direction: column;
			
 
				-  background-image: url('./icons/bg.png');
			
 
				-  background-size: 100% 100%;
			
 
				-  background-repeat: no-repeat;
			
 
				-  background-position: center;
			
 
				-
			
 
				-}
			
 
				-
			
 
				-.top {
			
 
				-  display: flex;
			
 
				-  justify-content: space-between;
			
 
				-  padding: 18px 34px 10px 30px;
			
 
				-  flex-shrink: 0;
			
 
				-}
			
 
				-
			
 
				-.back {
			
 
				-  width: 40px;
			
 
				-  height: 40px;
			
 
				-
			
 
				-  img {
			
 
				-    width: 100%;
			
 
				-    height: 100%;
			
 
				-    display: block;
			
 
				-  }
			
 
				-}
			
 
				-
			
 
				-.skibtns {
			
 
				-  z-index: 9999 !important;
			
 
				-  :global {
			
 
				-    --van-popover-action-width: 100px;
			
 
				-    --van-popover-action-font-size: 14px;
			
 
				-    --van-popover-light-text-color: #999999;
			
 
				-  }
			
 
				-}
			
 
				-
			
 
				-.rightSkipBtn {
			
 
				-  font-size: 15px;
			
 
				-  padding: 6px 16px;
			
 
				-  background-color: #fff;
			
 
				-  border-radius: 20px;
			
 
				-  &:active{
			
 
				-    opacity: .8;
			
 
				-  }
			
 
				-  .tran {
			
 
				-    margin-left: 2px;
			
 
				-    transform: rotate(90deg);
			
 
				-  }
			
 
				-}
			
 
				-
			
 
				-.content {
			
 
				-  flex: 1;
			
 
				-  display: flex;
			
 
				-  justify-content: center;
			
 
				-  background-image: url('./icons/bg-note.png');
			
 
				-  background-repeat: no-repeat;
			
 
				-  background-size: 76%;
			
 
				-  background-position: center 30%;
			
 
				-}
			
 
				-
			
 
				-.heiban {
			
 
				-  position: relative;
			
 
				-  width: 60%;
			
 
				-  height: 61vh;
			
 
				-  background-image: url('./icons/content-bg.png');
			
 
				-  background-repeat: no-repeat;
			
 
				-  background-size: 100% 100%;
			
 
				-  background-position: center;
			
 
				-  max-height: 370PX;
			
 
				-  display: flex;
			
 
				-  flex-direction: column;
			
 
				-  justify-content: center;
			
 
				-}
			
 
				-
			
 
				-.iconChild {
			
 
				-  position: absolute;
			
 
				-  bottom: -30%;
			
 
				-  left: -6%;
			
 
				-  width: 26vw;
			
 
				-}
			
 
				-.scoreContent{
			
 
				-  text-align: center;
			
 
				-}
			
 
				-.tips{
			
 
				-  text-align: center;
			
 
				-  color: #fff;
			
 
				-  font-size: 13px;
			
 
				-  padding: 4px 0;
			
 
				-}
			
 
				-.steps{
			
 
				-  margin: 0 auto;
			
 
				-  padding: 10px 0;
			
 
				-  width: 40%;
			
 
				-  display: flex;
			
 
				-  justify-content: space-evenly;
			
 
				-  & > img {
			
 
				-    width: 20px;
			
 
				-    height: 20px;
			
 
				-  }
			
 
				-}
			
--- a/src/page-colexiu/evaluat-model/sound-effect/index.tsx
+++ b/src/page-colexiu/evaluat-model/sound-effect/index.tsx
@@ -1,84 +0,0 @@
 
				-import { defineComponent, reactive, ref, watch } from "vue";
			
 
				-import { Popover, Icon } from "vant";
			
 
				-import icons from "../icons/index.json";
			
 
				-import iconChild from "./icons/child.png";
			
 
				-import DotIcon from "./icons/dot.png";
			
 
				-import DotActiveIcon from "./icons/dot-active.png";
			
 
				-import DotErrorIcon from "./icons/dot-error.png";
			
 
				-
			
 
				-import styles from "./index.module.less";
			
 
				-import state from "/src/state";
			
 
				-import { evaluatingData } from "/src/view/evaluating";
			
 
				-import { getScoreData } from "./data";
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "sound-effect",
			
 
				-	emits: ["close"],
			
 
				-	setup(props, { emit }) {
			
 
				-		const scoreData = getScoreData(state.subjectId);
			
 
				-		const soundEffectData = reactive({
			
 
				-			step: 0,
			
 
				-			tips: ["左边红灯表示吹奏的音过低", "吹奏时请保持中间绿灯亮起", "右边红灯表示吹奏的音过高"],
			
 
				-			time: 1,
			
 
				-		});
			
 
				-		watch(
			
 
				-			() => evaluatingData.soundEffectFrequency,
			
 
				-			() => {
			
 
				-        // console.log('吹奏',evaluatingData.soundEffectFrequency , scoreData.frequency)
			
 
				-				const trend =
			
 
				-					Math.abs(evaluatingData.soundEffectFrequency - scoreData.frequency) <= 10 ? 1 : evaluatingData.soundEffectFrequency > scoreData.frequency ? 2 : 0;
			
 
				-				soundEffectData.step = trend;
			
 
				-				if (trend !== 1) {
			
 
				-					soundEffectData.time = Date.now();
			
 
				-				}
			
 
				-        // 持续时间达到3秒钟,效音成功
			
 
				-				if (Date.now() - soundEffectData.time > 3000) {
			
 
				-					// console.log("效音完成");
			
 
				-          emit('close')
			
 
				-				}
			
 
				-			}
			
 
				-		);
			
 
				-
			
 
				-		/** 跳过本次 */
			
 
				-		const handleSelect = (e: {text: string}) => {
			
 
				-      if (e.text === '关闭校音'){
			
 
				-        emit('close', true)
			
 
				-        return
			
 
				-      } 
			
 
				-      emit('close')
			
 
				-		};
			
 
				-		return () => (
			
 
				-			<div class={styles["sound-effect"]}>
			
 
				-				<div class={styles.top}>
			
 
				-					<div class={styles.back} onClick={() => emit('close')}>
			
 
				-						<img src={icons["arrow-left-background"]} />
			
 
				-					</div>
			
 
				-					<Popover trigger="click" class={styles.skibtns} actions={[{ text: "跳过本次" }, { text: "关闭校音" }]} onSelect={handleSelect}>
			
 
				-						{{
			
 
				-							reference: () => (
			
 
				-								<div class={styles.rightSkipBtn}>
			
 
				-									<span>跳过本次</span>
			
 
				-									<Icon name="play" color="var(--van-primary-color)" class={styles.tran}/>
			
 
				-								</div>
			
 
				-							),
			
 
				-						}}
			
 
				-					</Popover>
			
 
				-				</div>
			
 
				-				<div class={styles.content}>
			
 
				-					<div class={styles.heiban}>
			
 
				-						<img class={styles.iconChild} src={iconChild} />
			
 
				-						<div class={styles.scoreContent}>
			
 
				-							<img src={scoreData.src} />
			
 
				-						</div>
			
 
				-						<div class={styles.tips}>{soundEffectData.tips[soundEffectData.step]}</div>
			
 
				-						<div class={styles.steps}>
			
 
				-							<img src={soundEffectData.step === 0 ? DotErrorIcon : DotIcon} />
			
 
				-							<img src={soundEffectData.step === 1 ? DotActiveIcon : DotIcon} />
			
 
				-							<img src={soundEffectData.step === 2 ? DotErrorIcon : DotIcon} />
			
 
				-						</div>
			
 
				-					</div>
			
 
				-				</div>
			
 
				-			</div>
			
 
				-		);
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/follow-model/icons.json
+++ b/src/page-colexiu/follow-model/icons.json
--- a/src/page-colexiu/follow-model/index.module.less
+++ b/src/page-colexiu/follow-model/index.module.less
@@ -1,36 +0,0 @@
 
				-:global{
			
 
				-    .green{
			
 
				-        .vf-notehead > path {
			
 
				-            fill: green;
			
 
				-        }
			
 
				-    }
			
 
				-}
			
 
				-.startBtn {
			
 
				-  position: fixed;
			
 
				-  left: 50%;
			
 
				-  top: 50%;
			
 
				-  margin-left: -70px;
			
 
				-  margin-top: -70px;
			
 
				-  width: 140px;
			
 
				-  height: 140px;
			
 
				-  z-index: 11;
			
 
				-  & > img {
			
 
				-    display: block;
			
 
				-    width: 100%;
			
 
				-    height: 100%;
			
 
				-  }
			
 
				-}
			
 
				-.endBtn{
			
 
				-  position: fixed;
			
 
				-  left: 50%;
			
 
				-  top: 16px;
			
 
				-  width: 120px;
			
 
				-  height: 40px;
			
 
				-  margin-left: -70px;
			
 
				-  z-index: 11;
			
 
				-  & > img {
			
 
				-    display: block;
			
 
				-    width: 100%;
			
 
				-    height: 100%;
			
 
				-  }
			
 
				-}
			
--- a/src/page-colexiu/follow-model/index.tsx
+++ b/src/page-colexiu/follow-model/index.tsx
@@ -1,50 +0,0 @@
 
				-import { Transition, defineComponent, onBeforeUnmount, onMounted, ref } from "vue";
			
 
				-import styles from "./index.module.less";
			
 
				-import icons from "./icons.json";
			
 
				-import { handleFollowEnd, handleFollowStart } from "/src/view/follow-practice";
			
 
				-
			
 
				-export default defineComponent({
			
 
				-	name: "follow-model",
			
 
				-	setup() {
			
 
				-		const startBtn = ref(false);
			
 
				-		const endBtn = ref(false);
			
 
				-		onMounted(() => {
			
 
				-			startBtn.value = true;
			
 
				-		});
			
 
				-		onBeforeUnmount(() => {
			
 
				-			startBtn.value = false;
			
 
				-		});
			
 
				-		return () => (
			
 
				-			<>
			
 
				-				<Transition name="pop-center">
			
 
				-					{startBtn.value && (
			
 
				-						<div class={styles.startBtn} key="start">
			
 
				-							<img
			
 
				-								src={icons.start}
			
 
				-								onClick={() => {
			
 
				-									startBtn.value = false;
			
 
				-									endBtn.value = true;
			
 
				-									handleFollowStart();
			
 
				-								}}
			
 
				-							/>
			
 
				-						</div>
			
 
				-					)}
			
 
				-				</Transition>
			
 
				-				<Transition name="pop-center">
			
 
				-					{endBtn.value && (
			
 
				-						<div class={styles.endBtn} key="end">
			
 
				-							<img
			
 
				-								src={icons.end}
			
 
				-								onClick={() => {
			
 
				-									startBtn.value = true;
			
 
				-                                    endBtn.value = false;
			
 
				-									handleFollowEnd();
			
 
				-								}}
			
 
				-							/>
			
 
				-						</div>
			
 
				-					)}
			
 
				-				</Transition>
			
 
				-			</>
			
 
				-		);
			
 
				-	},
			
 
				-});
			
--- a/src/page-colexiu/header-top/image/arrow.svg
+++ b/src/page-colexiu/header-top/image/arrow.svg
--- a/src/page-colexiu/header-top/image/close2.svg
+++ b/src/page-colexiu/header-top/image/close2.svg
@@ -1,12 +0,0 @@
 
				-<?xml version="1.0" encoding="UTF-8"?>
			
 
				-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				-    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				-        <g transform="translate(-493.000000, -57.000000)" fill="#01C1B5" fill-rule="nonzero">
			
 
				-            <g transform="translate(143.000000, 40.000000)">
			
 
				-                <g transform="translate(350.000000, 17.000000)">
			
 
				-                    <path d="M1.05548433,1.07092551 L0.973890205,1.16134969 C0.666012474,1.54828454 0.694001358,2.11481906 1.05785686,2.46909941 L6.537,7.949 L1.05548433,13.4315873 C0.672191496,13.8148801 0.672191496,14.4441272 1.05548433,14.8274201 L1.08636669,14.8583024 L1.17896103,14.9399506 C1.56501142,15.2393273 2.12839072,15.2121112 2.48219949,14.8583024 L7.964,9.376 L13.4470285,14.8583024 C13.8303213,15.2415953 14.4595684,15.2415953 14.8428613,14.8583024 L14.8737436,14.8274201 L14.9553918,14.7348257 C15.2547684,14.3487753 15.2275524,13.785396 14.8737436,13.4315873 L9.391,7.949 L14.8737436,2.46675831 C15.2570364,2.08346548 15.2570364,1.45421835 14.8737436,1.07092551 L14.8428613,1.04004316 L14.7502669,0.958394979 C14.3642165,0.659018325 13.8008372,0.686234384 13.4470285,1.04004316 L7.964,6.53 L2.48231995,1.0401637 C2.09890665,0.65675032 1.46965952,0.65675032 1.08636669,1.04004316 L1.05548433,1.07092551 Z" id="路径"></path>
			
 
				-                </g>
			
 
				-            </g>
			
 
				-        </g>
			
 
				-    </g>
			
 
				-</svg>
			
--- a/src/page-colexiu/header-top/image/down.svg
+++ b/src/page-colexiu/header-top/image/down.svg
@@ -1,16 +0,0 @@
 
				-<?xml version="1.0" encoding="UTF-8"?>
			
 
				-<svg width="22px" height="23px" viewBox="0 0 22 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				-    <title>编组</title>
			
 
				-    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				-        <g id="全局设置" transform="translate(-269.000000, -299.000000)" fill-rule="nonzero">
			
 
				-            <g id="编组-22" transform="translate(246.000000, 23.000000)">
			
 
				-                <g id="编组-16" transform="translate(16.000000, 272.000000)">
			
 
				-                    <g id="编组" transform="translate(7.000000, 4.500000)">
			
 
				-                        <path d="M15.5714286,14.2142857 L15.5714286,15.0714286 C15.5714286,15.1472047 15.5413266,15.2198773 15.4877448,15.2734591 C15.434163,15.3270409 15.3614904,15.3571429 15.2857143,15.3571429 L6.71428572,15.3571429 C6.63850958,15.3571429 6.56583703,15.3270409 6.5122552,15.2734591 C6.45867338,15.2198773 6.42857142,15.1472047 6.42857142,15.0714286 L6.42857142,14.2142857 C6.42857142,13.5831031 5.91689685,13.0714286 5.28571428,13.0714286 L4.14285714,13.0714286 C3.51167457,13.0714286 3,13.5831031 3,14.2142857 L3,16.7857143 C3,17.7324881 3.76751186,18.5 4.71428572,18.5 L17.2857143,18.5 C18.2324881,18.5 19,17.7324881 19,16.7857143 L19,14.2142857 C19,13.5831031 18.4883254,13.0714286 17.8571429,13.0714286 L16.7142857,13.0714286 C16.0831031,13.0714286 15.5714286,13.5831031 15.5714286,14.2142857 Z" id="路径" fill="#07D085"></path>
			
 
				-                        <path d="M13,4.64285714 C13,4.01167457 12.4883254,3.5 11.8571429,3.5 L10.1428571,3.5 C9.51167457,3.5 9,4.01167457 9,4.64285714 L9,8.02285714 C9,8.18065278 8.87208136,8.30857142 8.71428572,8.30857142 L7.37714286,8.30857142 C7.15520126,8.30949809 6.95387202,8.43885339 6.8607871,8.64033324 C6.76770218,8.84181309 6.79970163,9.07896767 6.94285714,9.24857142 L10.5657143,13.5114286 C10.6741903,13.6344288 10.8302854,13.7048927 10.9942857,13.7048927 C11.158286,13.7048927 11.3143811,13.6344288 11.4228571,13.5114286 L15.0571429,9.24857142 C15.2002984,9.07896767 15.2322978,8.84181309 15.1392129,8.64033324 C15.046128,8.43885339 14.8447987,8.30949809 14.6228571,8.30857142 L13.2857143,8.30857142 C13.1279186,8.30857142 13,8.18065278 13,8.02285714 L13,4.64285714 Z" id="路径" fill="#F9BA48"></path>
			
 
				-                    </g>
			
 
				-                </g>
			
 
				-            </g>
			
 
				-        </g>
			
 
				-    </g>
			
 
				-</svg>
			
--- a/src/page-colexiu/header-top/image/guding-active.svg
+++ b/src/page-colexiu/header-top/image/guding-active.svg
--- a/src/page-colexiu/header-top/image/guding.svg
+++ b/src/page-colexiu/header-top/image/guding.svg
--- a/src/page-colexiu/header-top/image/headerTop.json
+++ b/src/page-colexiu/header-top/image/headerTop.json
--- a/src/page-colexiu/header-top/image/icon-back.svg
+++ b/src/page-colexiu/header-top/image/icon-back.svg
@@ -1,8 +0,0 @@
 
				-<?xml version="1.0" encoding="UTF-8"?>
			
 
				-<svg width="15px" height="24px" viewBox="0 0 15 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				-    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				-        <g transform="translate(-40.000000, -22.000000)" fill="#494949" fill-rule="nonzero" id="形状" stroke="#494949">
			
 
				-            <path d="M42.2681508,32.7499394 C42.5890877,32.7499394 42.9114702,32.8699082 43.168798,33.0950183 L53.620931,42.6520856 C53.8607785,42.8704624 53.997204,43.1690827 53.9999596,43.4816468 C54.0026326,43.7942108 53.8714111,44.0948519 53.6353876,44.3168215 C53.138464,44.7783404 52.3366638,44.7837362 51.8326476,44.3289532 L41.379069,34.7718859 C41.1392215,34.5535091 41.002796,34.2548888 41.0000404,33.9423247 C40.9973673,33.6297606 41.1285889,33.3291196 41.3646123,33.1071499 C41.5948722,32.8710256 41.9246144,32.7409471 42.2667051,32.7512873 L42.2681508,32.7499394 Z M52.7106158,23 C53.0356188,23 53.3591643,23.117702 53.6185837,23.3424057 C53.8599334,23.5590403 53.9971822,23.8550613 53.9999596,24.1648752 C54.0026536,24.474689 53.8706502,24.7727125 53.6331578,24.9929083 L43.1980856,34.5695682 C42.6976948,35.027014 41.8904764,35.0329595 41.3821498,34.5829434 C41.1403528,34.3662582 41.0028184,34.0699512 41.0000404,33.7598084 C40.9973456,33.4496656 41.1296337,33.1513535 41.3675757,32.9311033 L51.8026479,23.3544434 C52.0474932,23.117702 52.3856129,23 52.7106158,23 Z"></path>
			
 
				-        </g>
			
 
				-    </g>
			
 
				-</svg>
			
--- a/src/page-colexiu/header-top/image/icon-staff-active.svg
+++ b/src/page-colexiu/header-top/image/icon-staff-active.svg
--- a/src/page-colexiu/header-top/image/icon-staff.svg
+++ b/src/page-colexiu/header-top/image/icon-staff.svg
--- a/src/page-colexiu/header-top/image/icon-zhuanpu.svg
+++ b/src/page-colexiu/header-top/image/icon-zhuanpu.svg
--- a/src/page-colexiu/header-top/image/iconStep.png
+++ b/src/page-colexiu/header-top/image/iconStep.png