perf: 稿件审核路由调整

src/views/creative-generation-workshop/manuscript/check/index.vue

@@ -0,0 +1,48 @@
+<script lang="jsx">
+import { Button, Message as AMessage } from '@arco-design/web-vue';
+
+export default {
+  setup(props, { emit, expose }) {
+    const router = useRouter();
+    const route = useRoute();
+    const workId = ref(route.params.id);
+
+    const onBack = () => {
+      router.push({ name: 'ManuscriptCheckList' });
+    };
+    const renderFooterRow = () => {
+      return (
+        <>
+          <Button size="medium" type="outline" class="mr-12px">
+            退出
+          </Button>
+          <Button size="medium" type="outline" class="mr-12px">
+            保存
+          </Button>
+          <Button type="primary" size="medium">
+            通过审核
+          </Button>
+        </>
+      );
+    };
+    return () => (
+      <>
+        <div class="manuscript-check-wrap">
+          <div class="flex items-center mb-8px">
+            <span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
+              内容稿件审核
+            </span>
+            <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
+            <span class="cts bold !color-#1D2129">批量审核内容稿件</span>
+          </div>
+        </div>
+        <div class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">{renderFooterRow()}</div>
+      </>
+    );
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>

src/views/creative-generation-workshop/manuscript/check/style.scss

@@ -0,0 +1,25 @@
+$footer-height: 68px;
+.manuscript-check-wrap {
+  height: calc(100% - 72px);
+  display: flex;
+  flex-direction: column;
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
+}
+.footer-row {
+  position: fixed;
+  bottom: 0;
+  left: $sidebar-width;
+  width: calc(100% - $sidebar-width);
+  border-top: 1px solid #e6e6e8;
+  height: $footer-height;
+}

src/views/creative-generation-workshop/manuscript/detail/index.vue

@@ -88,7 +88,6 @@ export default {
     const togglePlay = () => {
       if (!videoRef.value) return;
 
-      console.log('togglePlay', videoRef.value);
       if (isPlaying.value) {
         videoRef.value.pause();
       } else {
@@ -138,6 +137,12 @@ export default {
     onMounted(() => {
       workId && getData();
     });
+    onBeforeUnmount(() => {
+      if (videoRef.value) {
+        videoRef.value.pause();
+        videoRef.value = null;
+      }
+    });
 
     return () => (
       <Spin loading={loading.value} class="manuscript-detail-wrap" size={50}>