|
@@ -7,8 +7,8 @@
|
|
|
<span v-if="!isRecord"></span>
|
|
|
<span v-else class="timer-display">{{ formatTime(recordingTime) }}</span>
|
|
|
<span class="tabs-right-img">
|
|
|
- <img v-if="!isRecord" src="@/assets/record_n.svg" alt="" @click="startRecord('start')">
|
|
|
- <img v-else src="@/assets/record_s.svg" alt="" @click="startRecord('stop')">
|
|
|
+ <img v-show="!isRecord" src="@/assets/record_n.svg" alt="" @click="startRecord('start')">
|
|
|
+ <img v-show="isRecord" src="@/assets/record_s.svg" alt="" @click="startRecord('stop')">
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -21,7 +21,8 @@
|
|
|
import { RightFillPano } from "@/layout";
|
|
|
import mediaList from "./components/mediaList.vue";
|
|
|
import { nextTick, reactive, ref, watchEffect, onUnmounted } from "vue";
|
|
|
-import { guides, isEdit, paths, enterEdit } from "@/store";
|
|
|
+import { enterOld, enterEdit } from "@/store";
|
|
|
+import { loadPack } from '@/utils'
|
|
|
|
|
|
const isRecord = ref(false);
|
|
|
const startTime = ref<number>(0);
|
|
@@ -53,7 +54,7 @@ const startRecord = (type: string) => {
|
|
|
timer = setInterval(() => {
|
|
|
recordingTime.value = Math.floor((Date.now() - startTime.value) / 1000);
|
|
|
}, 1000);
|
|
|
-
|
|
|
+ let isSave = false;
|
|
|
} else {
|
|
|
// 停止录制
|
|
|
isRecord.value = false;
|
|
@@ -69,10 +70,12 @@ const startRecord = (type: string) => {
|
|
|
recordingTime.value = 0;
|
|
|
|
|
|
console.log('录制时间段:', {
|
|
|
- startTime: new Date(startTime.value),
|
|
|
- endTime: new Date(endTime.value),
|
|
|
+ startTime: startTime.value,
|
|
|
+ endTime: endTime.value,
|
|
|
duration: endTime.value - startTime.value
|
|
|
});
|
|
|
+ // 这里调path接口传路线数据过去
|
|
|
+ // enterOld(async () => {})
|
|
|
}
|
|
|
};
|
|
|
|
|
@@ -107,7 +110,7 @@ onUnmounted(() => {
|
|
|
.timer-display {
|
|
|
font-family: 'Courier New', monospace;
|
|
|
font-weight: bold;
|
|
|
- color: #ff4444;
|
|
|
+ color: #FFFFFF;
|
|
|
font-size: 14px;
|
|
|
min-width: 65px;
|
|
|
text-align: center;
|