Browse Source

feat: 评测异常流程优化

TIANYONG 1 year ago
parent
commit
80b165c7bc

+ 8 - 0
src/view/abnormal-pop/index.module.less

@@ -48,6 +48,14 @@
     background: #fff;
     border-radius: 10px;
     padding: 18px;
+    position: relative;
+    .close {
+        position: absolute;
+        width: 19px;
+        height: 19px;
+        right: -30px;
+        top: -22px;
+    }
     .loadIcon {
         width: 17px;
         height: 17px;

+ 1 - 0
src/view/abnormal-pop/index.tsx

@@ -34,6 +34,7 @@ export default defineComponent({
 					evaluatingData.socketErrorStatus === 1 && 
 					<div class={styles.loadColumn}>
 						<Vue3Lottie class={styles.loadIcon} animationData={loading} loop={true}></Vue3Lottie>
+						<img class={styles.close} src={icon_close} onClick={() => emit("close")} />
 						<p>正在连接服务器,请稍后…</p>
 					</div>
 				}

+ 3 - 1
src/view/evaluating/index.tsx

@@ -501,6 +501,7 @@ const handleAccompanyError = (res?: IPostMessage) => {
 				// socket连接断开,评测中,则取消评测
 				// 延迟检测中
 				if (evaluatingData.soundEffectMode) {
+					evaluatingData.socketErrorStatus = 0
 					evaluatingData.delayCheckSocketError = true
 					evaluatingData.socketErrorPop = true
 					// api_checkSocketStatus()
@@ -510,6 +511,7 @@ const handleAccompanyError = (res?: IPostMessage) => {
 				if (state.modeType === "evaluating" && evaluatingData.startBegin) {
 					handleCancelEvaluat();
 				}
+				evaluatingData.socketErrorStatus = 0
 				evaluatingData.socketErrorPop = true
 				break;	
 			case "recordError":
@@ -600,7 +602,7 @@ export default defineComponent({
 				if (evaluatingData.socketErrorStatus === 2) {
 					setTimeout(() => {
 						evaluatingData.socketErrorPop = false
-						evaluatingData.socketErrorStatus = 0
+						// evaluatingData.socketErrorStatus = 0
 					}, 1000);
 				}
 			}