From ed1050313cc20e509d0a35237259efde8e931337 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 31 Jul 2025 16:22:37 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A8=BF=E4=BB=B6=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../icon-play-hover.png                       | Bin 0 -> 2214 bytes
 .../icon-play.png                             | Bin 0 -> 2161 bytes
 .../modules/creativeGenerationWorkshop.ts     |   4 +-
 .../manuscript/detail/index.vue               |  98 +++++++++++++++++-
 .../manuscript/detail/style.scss              |  21 +++-
 .../manuscript/edit/index.vue                 |   2 +
 .../manuscript/upload/index.vue               |  57 ++++++----
 .../upload/upload-success-modal.vue           |  14 +--
 8 files changed, 163 insertions(+), 33 deletions(-)
 create mode 100644 src/assets/img/creative-generation-workshop/icon-play-hover.png
 create mode 100644 src/assets/img/creative-generation-workshop/icon-play.png

diff --git a/src/assets/img/creative-generation-workshop/icon-play-hover.png b/src/assets/img/creative-generation-workshop/icon-play-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..5756142a9c44ab370314992388f19dc2116b377c
GIT binary patch
literal 2214
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/creative-generation-workshop/icon-play.png b/src/assets/img/creative-generation-workshop/icon-play.png
new file mode 100644
index 0000000000000000000000000000000000000000..95b46f2858b50bf4081af288f1195dda6ad6dc50
GIT binary patch
literal 2161
zcmV-%2#)uOP)<h;3K|Lk000e1NJLTq004jh004jp1^@s6!#-il00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH2nI<+K~#7F?Va0e
zR96(nzoe2Bi7_P=F`$`JQ7Gy|gg^?SPzn~T#hS;0LjDDxeD{y=K~QL^FNI>Il|m)K
zVxS;Om4Ydj(TdWN2qw0T0ipYwGdrFf&&-_r*_ZW$#mt!;&1HRit+g*_?>@N67G<N#
zhLjB}8)$zv6#9A`E6UbF#_MHe&)V0EaEw0K51qL~*}LsmI(ZP~@DhO-mXtkdzplVy
zY!m>U%hugcHjd7%xhj_0wtzqsR$-F>#+2<r;PkRucwQJG9x7|L&3H@~fNtsgV6M|U
z!PM|n*)15HCQKCoTl+x-Io$=c5R6L^rU}3`$46l#pb!>d2&M?Yb;n0BMhJBafED}^
z_~ZB}EEsR1#u}k60kEKBVRsM$VKlghpchdobqIjr{xItAzncc5z#J+r6sr^fTm6Kx
z{SdlwSJ^x&qACHfwI74D`lK)#Ttx-7!CNSwy~;jTwi!ZF7%lmCd!_7elt|eEm{K;W
zY!igE&^J5V@1LS1$`Sw-{1E~b3;AHt%$d%|2qHqElpz4-`A-o1;6gEsD0?5lxWO6<
zq-X)?Vs8XO(J-nuP_PJ!6o6Fv<x{u_iV}c0zd8yPK@kEF=T}c*BFHNM{ve-0oL>k0
z+q2OA137vJc?H0(-gXFe!NIk6ls!O3@(6%4c^^Qi8}_)k?ENt^kW~Pj(3yl_3XH-p
z5Ufs4ML*KRd_MufG&t;@x)#e40Zu|Dc1(o6Y$*F3DT>0h0-(xvLNFEf4CvFu^+1{w
zz%GX@<}e@nDDgZ@QUOp|hauPkeU<1znxq2Y0!|t1u?PBUUy>V>2!Q{YtlqT``mAT8
zO(K9P2)1&h*A2Y{z^8E=5Nw4H+;lAndkH{7zx{OeVK)J=^-JMrKV73hHvvfNcZZI?
z>?8mxMq0l+bc_O>1R$;7Jz{+tCjh<cmf#k8C$$a43BZ}wKQlA4>*B?Who+{cwn8A|
z(GTKg13B<x+lEYUaPHi>182^hncls7_xOnuCk|}ew(Xzm*RTHtzhMNp6aF9?0UB_m
z_?wuR*rneO4i3JpqQNmn1NaS>j%_Fg;{@O=M~@yoG&eVQ(({zCCw$?R0LWg&rAwE-
z@K^*5gi?H101OQS@POgr;jNc1U!Gx|0RNzmNA*Qm0DIsOp4SBp{U$7cQFw@_b-{Xf
zPzylsukR%u)&*PIwk`l~ov-n*E@+MR_J=Qg$FsViH7wj8z7PUDsS7ql0Pj;k6c6fx
z^%{V!-;4f#S{$znS_f(ML!93g$LoSo3P8et0vxRiS`lCfLLwZj3t9pghL9M?>Vg5O
z0W#oFT_8nZ9vr9(hC~24vAr&!0A&4tPAskqwq)5PN{GSMx<CX_FsuuXA3tu*=9wY@
z&k+F>%(ZLRZd|!?#hT|2L;wY`y1M%E!i5W0PoF-00~W!<oOm>u^aOISyuAGU)TvWn
z&d<+3hh415X<j*b^ytyU>FMcj)axqjV~r``1%ym6-%n0Xer2iiNlO5=om_1zw&wd7
z)|dh+Ke5_oEYA0Fv}yoJ0SU1@-^a0{djUcZnC~43`B9cw1EfA>!Y3Tc_i?Q02*9Jq
zWLh|aWBEP`eZHv20Vo1l92&yGd>^G1`Snon6A0@#(7#W@1_4MN0O#|4lvbnHDc~tQ
z$MJk0N2}3?YXEO2g*?djQRw_u_dh%x+=PdClJBFer~I%09>OC$%lA<h^qcT>@FF}J
z5AZPGhoO(xdwrWCUueSd-NHP~_feYRi|CTD1vreS`94ZBd=V7@L&F*z;P&m?>otw%
z`92J1ew*PB;+BNng#%m0pFMk)zX!&~#zxMcKmV(z`98`UBffnxH*w3D&mp+T*N9C2
z$1MwIZ@~MJK?k8v-&p(6>A8Sg5L_eHr=0}ATp>}w9a#Lu&iHnFGDxC;J9PAAHvvc#
za09mf`<=en>)Akw0`}9@hrI+KQNV6E7<Rwg4N0C3o`qm5H+$Xi7J8$HhQ}b-1Vewb
z*G)<H2jH-(JV9g+^wqs2HzpMTqrfZ#TbM<{XFijp01bx`xmd)S4UjyAE&sQqH>ceq
zhIvI&fw|B(Jqy1uX(9l5g`lw5o8jLI<-#=mEmE%M$l^qPga6>cF|(HOi?TnFlB}(m
z%ZjBQFbAgQJIFwuF#Z_91EnJn>ZGacXJjOA9%snescbWZI$+WF1A^Kt6L|%|Z_G&W
z9%O%ks-g40Q}!=%P(&rKpC=FzREKtc?(Kbw>dJ`-s-rOHlOp@_B7*WM)cK_7!5k4m
zc|240Jqq5{t&Gt;ihzp{Mj&0pqG&4n5jhLKILaE%W$)lY`@O6q$Ok8PW|5<-*Nw8r
z^SPXi5n(%I?jSAvyK#Ug(+FQu`cMtrdgfEeF||o4yx8kRRjrb0=Bgr@Kj;lZ{!b_&
z-^Wo^1PH^L;0PodL}9C+Ma6qI)*%4GNU$FcJceEnoXum)uYBwNx&)wMZSbM8arg;~
z<XP0XV|(2K&~Swjqk%7JfsSXZuYHSNQv{%KT?ocFUSpa7G%OS;gdK1L;~cLsRR9{+
z2owSZVOvztU0*(*w+KTqT>xPkAv1NNNl%7xyFDwm;I~NtVHgp(q2(y*Kj?xLJX?7a
z!D3mfPGPfE0AZLWD1tG(7DQPQf-Rg5XHM6fX<2>fmJ0%igCZDgzfvGW?dyTIb=nqR
nJM#rzpQWU?(qDpuC#?MszI#7FZcK}T00000NkvXXu0mjf=keVP

literal 0
HcmV?d00001

diff --git a/src/router/routes/modules/creativeGenerationWorkshop.ts b/src/router/routes/modules/creativeGenerationWorkshop.ts
index c21723f..6dd7ad1 100644
--- a/src/router/routes/modules/creativeGenerationWorkshop.ts
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -63,6 +63,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '稿件详情',
           requiresAuth: false,
           requireLogin: false,
+          hideFooter: true,
           roles: ['*'],
           hideInMenu: true,
           activeMenu: 'ManuscriptList',
@@ -84,9 +85,10 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         path: 'check/:id',
         name: 'ManuscriptCheck',
         meta: {
-          locale: '内容稿件审核',
+          locale: '稿件审核',
           requiresAuth: false,
           requireLogin: false,
+          hideFooter: true,
           roles: ['*'],
           hideInMenu: true,
           activeMenu: 'ManuscriptCheckList',
diff --git a/src/views/creative-generation-workshop/manuscript/detail/index.vue b/src/views/creative-generation-workshop/manuscript/detail/index.vue
index 2df3242..a00df89 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/detail/index.vue
@@ -1,5 +1,8 @@
 <script lang="jsx">
 import { Button, Message as AMessage } from '@arco-design/web-vue';
+import icon1 from '@/assets/img/creative-generation-workshop/icon-play.png';
+import icon2 from '@/assets/img/creative-generation-workshop/icon-play-hover.png';
+import { useRouter, useRoute } from 'vue-router';
 
 export default {
   setup(props, { emit, expose }) {
@@ -7,9 +10,61 @@ export default {
     const route = useRoute();
     const workId = ref(route.params.id);
 
+    // 视频播放相关状态
+    const isPlaying = ref(false);
+    const isHovered = ref(false);
+    const videoRef = ref(null);
+    const videoUrl = ref(''); // 视频URL，实际项目中可能从API获取
+    const coverImageUrl = ref(''); // 封面图URL，实际项目中可能从API获取
+    const isVideoLoaded = ref(false); // 视频是否已加载
+
     const onBack = () => {
       router.push({ name: 'ManuscriptList' });
     };
+
+    const togglePlay = () => {
+      if (!videoRef.value) return;
+
+      if (isPlaying.value) {
+        videoRef.value.pause();
+      } else {
+        // 首次播放时才加载视频
+        if (!isVideoLoaded.value) {
+          videoRef.value.src = videoUrl.value;
+          isVideoLoaded.value = true;
+        }
+        videoRef.value.play();
+      }
+      isPlaying.value = !isPlaying.value;
+    };
+
+    const onVideoEnded = () => {
+      isPlaying.value = false;
+    };
+    const onMouseEnter = () => {
+      isHovered.value = true;
+    };
+    const onMouseLeave = () => {
+      isHovered.value = false;
+    };
+    let containerRef = null;
+
+    onMounted(() => {
+      containerRef = document.querySelector('.main-img-box');
+      if (containerRef) {
+        containerRef.addEventListener('mouseenter', onMouseEnter);
+        containerRef.addEventListener('mouseleave', onMouseLeave);
+      }
+    });
+
+    onUnmounted(() => {
+      if (containerRef) {
+        containerRef.removeEventListener('mouseenter', onMouseEnter);
+        containerRef.removeEventListener('mouseleave', onMouseLeave);
+        containerRef = null;
+      }
+    });
+
     const renderFooterRow = () => {
       return (
         <>
@@ -30,9 +85,10 @@ export default {
         </>
       );
     };
+
     return () => (
       <>
-        <div class="manuscript-check-wrap">
+        <div class="manuscript-detail-wrap">
           <div class="flex items-center mb-8px">
             <span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
               内容稿件列表
@@ -40,6 +96,46 @@ export default {
             <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
             <span class="cts bold !color-#1D2129">内容稿件详情</span>
           </div>
+          <div class="flex-1 overflow-y-auto bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid py-32px">
+            <div class="w-684px mx-auto flex flex-col items-center">
+              <p class="mb-8px cts bold !text-28px !lh-40px !color-#211F24">
+                挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价
+              </p>
+              <p class="cts !text-12px !color-#737478 mb-32px w-full text-left">6月26日修改</p>
+
+              <div class="main-img-box mb-16px relative overflow-hidden cursor-pointer" onClick={togglePlay}>
+                <video ref={videoRef} class="w-100% h-100% object-cover" onEnded={onVideoEnded}></video>
+
+                <img
+                  v-show={!isPlaying.value}
+                  src={coverImageUrl.value}
+                  class="w-100% h-100% object-cover absolute inset-0"
+                />
+
+                <div v-show={!isPlaying.value} class="absolute inset-0 flex items-center justify-center">
+                  <img src={isHovered.value ? icon2 : icon1} class="w-64px h-64px transition-all duration-300" />
+                </div>
+              </div>
+
+              <p class="cts !color-#211F24 mb-40px">
+                谁懂啊！作为混干皮，每天素颜出门总被说 “气色好差”，直到被闺蜜按头安利这个 30 块的素颜霜 ——
+                质地像冰淇淋一样推开就化，完全不卡粉！带一点自然提亮，黄黑皮涂完像天生好皮肤，连遮瑕都省了～
+                最绝的是它还带轻微防晒值，早上洗完脸涂一层就能冲出门，懒人狂喜！我已经空罐 3
+                瓶了，现在同事都以为我每天早起化妆，其实我多睡了 20 分钟 hhh
+                （PS：油痘肌姐妹建议局部薄涂，后续补妆更服帖～）
+              </p>
+              <div class="desc-img-wrap">
+                {new Array(5).fill(0).map((item, index) => (
+                  <div class="desc-img-box" key={index}>
+                    <img src="" class="w-100% h-100%" />
+                  </div>
+                ))}
+                <div class="desc-img-box">
+                  <img src="" class="w-100% h-100%" />
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
         <div class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">{renderFooterRow()}</div>
       </>
diff --git a/src/views/creative-generation-workshop/manuscript/detail/style.scss b/src/views/creative-generation-workshop/manuscript/detail/style.scss
index 76b35c1..32075a2 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/detail/style.scss
@@ -14,6 +14,25 @@ $footer-height: 68px;
       font-family: $font-family-medium;
     }
   }
+  .main-img-box {
+    width: 320px;
+    height: 472px;
+    background: #fff;
+    object-fit: contain;
+    aspect-ratio: 3/4;
+  }
+  .desc-img-wrap {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 24px;
+    .desc-img-box {
+      width: 212px;
+      height: 283px;
+      background: #fff;
+      object-fit: contain;
+      aspect-ratio: 3/4;
+    }
+  }
 }
 .footer-row {
   position: fixed;
@@ -22,4 +41,4 @@ $footer-height: 68px;
   width: calc(100% - $sidebar-width);
   border-top: 1px solid #e6e6e8;
   height: $footer-height;
-}
\ No newline at end of file
+}
diff --git a/src/views/creative-generation-workshop/manuscript/edit/index.vue b/src/views/creative-generation-workshop/manuscript/edit/index.vue
index a286729..4cdc684 100644
--- a/src/views/creative-generation-workshop/manuscript/edit/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/edit/index.vue
@@ -46,6 +46,8 @@ export default {
 
           if (check) {
             router.push({ name: 'ManuscriptCheck', params: { id: workId.value } });
+          } else {
+            onBack()
           }
         }
       });
diff --git a/src/views/creative-generation-workshop/manuscript/upload/index.vue b/src/views/creative-generation-workshop/manuscript/upload/index.vue
index acae812..6fa205a 100644
--- a/src/views/creative-generation-workshop/manuscript/upload/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/upload/index.vue
@@ -6,6 +6,7 @@ import CancelUploadModal from './cancel-upload-modal.vue';
 import UploadSuccessModal from './upload-success-modal.vue';
 
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
+import { postWorksBatch } from '@/api/all/generationWorkshop.ts';
 
 import icon1 from '@/assets/img/creative-generation-workshop/icon-photo.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-video.png';
@@ -27,20 +28,22 @@ export default {
   },
   setup(props, { emit, expose }) {
     const formRef = ref(null);
+    const route = useRoute();
     const cancelUploadModal = ref(null);
     const uploadSuccessModal = ref(null);
-    const dataSource = ref([]);
+    const works = ref([]);
     const selectCardInfo = ref({});
     const errorDataCards = ref([]);
     const uploadLoading = ref(false);
+    const workId = route.params.id;
 
     const onCancel = () => {
-      cancelUploadModal.value?.open(dataSource.value.length);
+      cancelUploadModal.value?.open(works.value.length);
     };
 
     const validateDataSource = () => {
       return new Promise((resolve) => {
-        dataSource.value.forEach((item) => {
+        works.value.forEach((item) => {
           if (!item.title?.trim()) {
             errorDataCards.value.push(item);
           }
@@ -50,8 +53,8 @@ export default {
         }
 
         if (errorDataCards.value.length > 0) {
-          AMessage.error(`有 ${errorDataCards.value.length} 个必填信息未填写，请检查`);
-          
+          AMessage.warning(`有 ${errorDataCards.value.length} 个必填信息未填写，请检查`);
+
           setTimeout(() => {
             const el = document.getElementById(`card-${errorDataCards.value[0]?.id}`);
             if (el) el.scrollIntoView({ behavior: 'smooth', block: 'center' });
@@ -61,13 +64,21 @@ export default {
       });
     };
 
-    const onSubmit = async () => {
+    const onUpload = async (e, check = false) => {
+      console.log('onUpload', works.value);
       formRef.value
         ?.validate()
         .then(() => {
-          validateDataSource().then((res) => {
-            console.log('success');
-            uploadSuccessModal.value?.open(dataSource.value);
+          validateDataSource().then(async (res) => {
+            const { code, data } = await postWorksBatch({ works: works.value });
+            if (code === 200) {
+              uploadLoading.value = false;
+              if (check) {
+                uploadSuccessModal.value?.open(workId);
+              } else {
+                router.push({ name: 'ManuscriptList' });
+              }
+            }
           });
         })
         .catch((err) => {
@@ -75,8 +86,8 @@ export default {
         });
     };
 
-    const onSubmitAndCheck = () => {
-      console.log('onSubmitAndCheck');
+    const onUploadAndCheck = (e) => {
+      onUpload(e, true);
     };
 
     const handleReValidate = () => {
@@ -95,12 +106,12 @@ export default {
 
     const onDelete = (e, item, index) => {
       e.stopPropagation();
-      dataSource.value.splice(index, 1);
+      works.value.splice(index, 1);
       deleteErrorCard(item);
 
       if (item.id === selectCardInfo.value.id) {
-        if (dataSource.value.length) {
-          const _target = dataSource.value[0] ?? {};
+        if (works.value.length) {
+          const _target = works.value[0] ?? {};
           selectCardInfo.value = _target;
         } else {
           selectCardInfo.value = {};
@@ -109,13 +120,13 @@ export default {
     };
 
     const renderFooterRow = () => {
-      if (dataSource.value.length > 1) {
+      if (works.value.length > 1) {
         return (
           <>
             <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
               取消上传
             </Button>
-            <Button type="primary" size="medium" onClick={onSubmit} loading={uploadLoading.value}>
+            <Button type="primary" size="medium" onClick={onUpload} loading={uploadLoading.value}>
               {uploadLoading.value ? '批量上传' : '批量上传'}
             </Button>
           </>
@@ -126,10 +137,10 @@ export default {
             <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
               取消上传
             </Button>
-            <Button size="medium" type="outline" onClick={onSubmit} class="mr-12px">
+            <Button size="medium" type="outline" onClick={onUpload} class="mr-12px" loading={uploadLoading.value}>
               上传
             </Button>
-            <Button type="primary" size="medium" onClick={onSubmitAndCheck} loading={uploadLoading.value}>
+            <Button type="primary" size="medium" onClick={onUploadAndCheck} loading={uploadLoading.value}>
               上传并审核
             </Button>
           </>
@@ -137,8 +148,8 @@ export default {
       }
     };
     const getData = () => {
-      dataSource.value = generateMockData();
-      selectCardInfo.value = dataSource.value[0] ?? {};
+      works.value = generateMockData();
+      selectCardInfo.value = works.value[0] ?? {};
     };
     const getCardClass = (item) => {
       if (selectCardInfo.value.id === item.id) {
@@ -159,15 +170,15 @@ export default {
           <div class="left flex-1 overflow-y-auto p-24px">
             <EditForm ref={formRef} v-model={selectCardInfo.value} onReValidate={handleReValidate} />
           </div>
-          {dataSource.value.length > 1 && (
+          {works.value.length > 1 && (
             <div class="right pt-24px pb-12px flex flex-col">
               <div class="title flex items-center  px-24px">
                 <div class="w-3px h-16px bg-#6D4CFE rounded-2px mr-8px"></div>
                 <p class="cts bold !color-#211F24 !text-16px !lh-24px mr-8px">上传内容稿件列表</p>
-                <p class="cts">{`共${dataSource.value.length}个`}</p>
+                <p class="cts">{`共${works.value.length}个`}</p>
               </div>
               <div class="flex-1 px-24px overflow-y-auto pt-24px">
-                {dataSource.value.map((item, index) => (
+                {works.value.map((item, index) => (
                   <div
                     key={item.id}
                     id={`card-${item.id}`}
diff --git a/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue b/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue
index a821613..ca23870 100644
--- a/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue
@@ -19,10 +19,10 @@ import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
 
 const router = useRouter();
 const visible = ref(false);
-const data = ref([]);
+const workId = ref('');
 
 const onClose = () => {
-  data.value = [];
+  workId.value = '';
   visible.value = false;
 };
 
@@ -31,13 +31,13 @@ const onBack = () => {
   router.push({ name: 'ManuscriptList' });
 };
 const onConfirm = () => {
-  onClose();
-  console.log('跳转至「内容稿件审核」菜单tab，进入批量审核稿件页面');
-  router.push({ name: 'ManuscriptCheck' });
+  visible.value = false;
+  router.push({ name: 'ManuscriptCheck', params: { id: workId.value } });
 };
 
-const open = (dataSource) => {
-  data.value = dataSource;
+const open = (id) => {
+  console.log({ id });
+  workId.value = id;
 
   visible.value = true;
 };