From f77e02b69e4512f00251929b14888f3e6bbac37f Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 09 九月 2024 10:41:19 +0800
Subject: [PATCH] 艺术戏剧(bug解决)

---
 src/books/artAndDrama/view/components/chapter002.vue |  166 +++++++++++++++++++++++++++++-------------------------
 1 files changed, 89 insertions(+), 77 deletions(-)

diff --git a/src/books/artAndDrama/view/components/chapter002.vue b/src/books/artAndDrama/view/components/chapter002.vue
index 391dfde..fd20564 100644
--- a/src/books/artAndDrama/view/components/chapter002.vue
+++ b/src/books/artAndDrama/view/components/chapter002.vue
@@ -4,8 +4,7 @@
       <div v-if="showPageList.indexOf(14) > -1">
         <h1 id="a004">
           <img class="img-0" alt="" src="../../assets/images/dy2.jpg" />
-          <audio :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio"
-            @play="audioPlay"></audio>
+          <audio style="margin-top: 1em;" :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
         </h1>
         <div class="bodystyle">
           <div class="bk">
@@ -38,26 +37,26 @@
           <h3 class="lefth3" id="c011">
             <img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
           </h3>
-          <p class="text"><span class="hs1">鈼�</span>鎴戞槸灏忕敾瀹�</p>
+          <p class="text rhombusFather"><span class="hs1 rhombus">鈼�</span>鎴戞槸灏忕敾瀹�</p>
           <p class="text">淇濇寔澶撮儴涓嶅姩锛岃瘯鐫�鐢ㄧ溂绁炵敾鍑轰笅闈㈢殑鍥炬鍚э紒</p>
           <p class="center openImgBox">
             <img class="img-e" alt="" src="../../assets/images/0016-1.jpg" />
           </p>
-          <p class="text"><span class="hs1">鈼�</span>鍡呰澶у啋闄�</p>
+          <p class="text rhombusFather"><span class="hs1 rhombus">鈼�</span>鍡呰澶у啋闄�</p>
           <p class="text">
             浣犳渶鐖卞悆鐨勯鐗╂槸 <input v-model="questionData.warnUp.one" class="input-bottom-border fz-18"
-              @change="setBookQuestion" style="width: 10%" />銆傚綋闂诲埌瀹冪殑鍛抽亾鏃讹紝浣犱細鍋氬嚭浠�涔堣〃鎯呭憿锛�
+              @change="setBookQuestion" style="width: 13%" />銆傚綋闂诲埌瀹冪殑鍛抽亾鏃讹紝浣犱細鍋氬嚭浠�涔堣〃鎯呭憿锛�
           </p>
           <p class="text">
             浣犳渶涓嶇埍鍚冪殑椋熺墿鏄� <input v-model="questionData.warnUp.two" class="input-bottom-border fz-18"
-              @change="setBookQuestion" style="width: 10%" />銆傚綋闂诲埌瀹冪殑鍛抽亾鏃讹紝浣犱細鍋氬嚭浠�涔堣〃鎯呭憿锛�
+              @change="setBookQuestion" style="width: 13%" />銆傚綋闂诲埌瀹冪殑鍛抽亾鏃讹紝浣犱細鍋氬嚭浠�涔堣〃鎯呭憿锛�
           </p>
           <h3 class="lefth3 openImgBox" id="c012">
             <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
           </h3>
           <div style="display: flex;  justify-content: flex-start;">
-            <p class="text" style="width: 50%">
-              <span class="hs1">鈼�</span>浠ュ皬缁勪负鍗曚綅锛屼娇鐢ㄦ墜鍋堕亾鍏疯〃婕旈檮褰曚腑鐨勫墽鏈�夋2銆�
+            <p class="text rhombusFather" style="width: 50%">
+              <span class="hs1 rhombus">鈼�</span>浠ュ皬缁勪负鍗曚綅锛屼娇鐢ㄦ墜鍋堕亾鍏疯〃婕旈檮褰曚腑鐨勫墽鏈�夋2銆�
             </p>
             <p class="openImgBox" style="width: 50%">
               <img class="img-e" alt="" src="../../assets/images/2-1.gif" />
@@ -79,26 +78,21 @@
         <div class="bodystyle" style="margin-top: 3%;">
           <h2 id="b007" class="problem">绗簩璇俱��鏄庡療绉嬫</h2>
           <h3 class="lefth3" id="c013"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
-          <p class="text"><span class="hs1">鈼�</span>鎴戜滑鐨勪笘鐣屼簲褰╂枒鏂撱�傝浣犲~涓�濉紝鎻愬埌杩欎簺棰滆壊锛屼綘鎯冲埌浜嗗摢浜涗簨鐗╋紵</p>
+          <p class="text rhombusFather"><span class="hs1 rhombus">鈼�</span>鎴戜滑鐨勪笘鐣屼簲褰╂枒鏂撱�傝浣犲~涓�濉紝鎻愬埌杩欎簺棰滆壊锛屼綘鎯冲埌浜嗗摢浜涗簨鐗╋紵</p>
           <p class="text">榛勮壊锛氭煚妾��<input v-model="questionData.warnUp.three" class="input-bottom-border fz-18"
-              @change="setBookQuestion" style="width: 15%" />銆�<input v-model="questionData.warnUp.four"
-              class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />銆�</p>
-          <p class="text">绾㈣壊锛氶灜鐐��<input v-model="questionData.warnUp.five" class="input-bottom-border fz-18"
-              @change="setBookQuestion" style="width: 15%" />銆�<input v-model="questionData.warnUp.six"
-              class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />銆�</p>
-          <p class="text">缁胯壊锛氬彾瀛愩��<input v-model="questionData.warnUp.seven" class="input-bottom-border fz-18"
-              @change="setBookQuestion" style="width: 15%" />銆�<input v-model="questionData.warnUp.eight"
-              class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />銆�</p>
-          <p class="text">榛戣壊锛氶粦鏉裤��<input v-model="questionData.warnUp.nine" class="input-bottom-border fz-18"
-              @change="setBookQuestion" style="width: 15%" />銆�<input v-model="questionData.warnUp.ten"
-              class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />銆�</p>
-          <p class="text">钃濊壊锛氬ぇ娴枫��<input v-model="questionData.warnUp.eleven" class="input-bottom-border fz-18"
-              @change="setBookQuestion" style="width: 15%" />銆�<input v-model="questionData.warnUp.twelve"
-              class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />銆�</p>
+              @change="setBookQuestion" style="width: 70%" /></p>
+          <p class="text">绾㈣壊锛氶灜鐐��<input v-model="questionData.warnUp.four" class="input-bottom-border fz-18"
+              @change="setBookQuestion" style="width: 70%" /></p>
+          <p class="text">缁胯壊锛氬彾瀛愩��<input v-model="questionData.warnUp.five" class="input-bottom-border fz-18"
+              @change="setBookQuestion" style="width: 70%" /></p>
+          <p class="text">榛戣壊锛氶粦鏉裤��<input v-model="questionData.warnUp.six" class="input-bottom-border fz-18"
+              @change="setBookQuestion" style="width: 70%" /></p>
+          <p class="text">钃濊壊锛氬ぇ娴枫��<input v-model="questionData.warnUp.seven" class="input-bottom-border fz-18"
+              @change="setBookQuestion" style="width: 70%" /></p>
           <h3 class="lefth3" id="c014" style="margin-top: 7%;"><img class="img-gn1" alt=""
               src="../../assets/images/czysj.jpg" /></h3>
           <!-- <p class="text"><span class="hs1">鈼�</span>闃呰涓嬮潰鐨勬枃瀛楋紝涓哄皬铓傝殎閫夋嫨涓�绉嶆�ф牸鍚с��</p> -->
-          <drag  :question="dragQuestion" :page="16" class="drag-text"/> 
+          <drag :question="dragQuestion" :page="16" class="drag-text" />
           <!-- <choice class="text" :questions="questions"  :primaryColor="accentColor"  hoverBackgroundColor="green" hoverColor="white"></choice> -->
           <p class="center  openImgBox"><img class="img-e" alt="" src="../../assets/images/2-2.gif" /></p>
         </div>
@@ -119,15 +113,19 @@
           <h2 id="b008" class="problem">绗笁璇俱��闂诲0璇嗕汉</h2>
           <h3 class="lefth3" id="c015"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
           <p class="text">甯歌█閬擄細鑹█涓�鍙ヤ笁鍐殩锛屾伓璇激浜哄叚鏈堝瘨銆傝瑷�鍦ㄤ汉涓庝汉鐨勪氦寰�涓捣鐫�閲嶈鐨勪綔鐢紝鏈夌潃鏃犵┓鐨勫姏閲忋��</p>
-          <p class="text"><span class="hs1">鈼�</span>濡傛灉鏈嬪弸蹇冩儏涓嶅ソ锛屼綘璇ユ�庝箞瀹夋叞浠�/濂瑰憿锛�</p>
-          <p class="text">鈥�<input v-model="questionData.warnUp.thirteen" class="input-bottom-border fz-18"
-              @change="setBookQuestion" style="width: 80%" />銆傗��</p>
-          <p class="text"><span class="hs1">鈼�</span>濡傛灉浣犻個璇峰ソ鏈嬪弸鏉ュ閲屽仛瀹紝浣犺璇翠粈涔堟潵娆㈣繋浠�/濂瑰憿锛�</p>
-          <p class="text">鈥�<input v-model="questionData.warnUp.fourteen" class="input-bottom-border fz-18"
-              @change="setBookQuestion" style="width: 80%" />銆傗��</p>
+          <p class="text t-l rhombusFather" ><span class="hs1 rhombus">鈼�</span>濡傛灉鏈嬪弸蹇冩儏涓嶅ソ锛屼綘璇ユ�庝箞瀹夋叞浠�/濂瑰憿锛�
+            <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+              style="margin-left: 40px; width: 92%" class="" @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'one' }"  @focus="handleFocus('one')"  @blur="handleBlur('one')" ></textarea>
+          </p>
+
+          <p class="text t-l rhombusFather"><span class="hs1 rhombus">鈼�</span>濡傛灉浣犻個璇峰ソ鏈嬪弸鏉ュ閲屽仛瀹紝浣犺璇翠粈涔堟潵娆㈣繋浠�/濂瑰憿锛�
+            <textarea v-model="questionData.reading.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+              style="margin-left: 40px; width: 92%" class="" @change="setBookQuestion"  :class="{ 'textarea-focused': isFocused === 'two' }"  @focus="handleFocus('two')"  @blur="handleBlur('two')" ></textarea>
+          </p>
+
           <h3 class="lefth3" id="c016" style="margin-top: 7%;"><img class="img-gn1" alt=""
               src="../../assets/images/czysj.jpg" /></h3>
-          <p class="text"><span class="hs1">鈼�</span>璇锋牴鎹彁绀鸿鍑哄彞瀛愶紝娉ㄦ剰澹伴煶鍜岃姘旂殑鍙樺寲銆�</p>
+          <p class="text rhombusFather"><span class="hs1 rhombus">鈼�</span>璇锋牴鎹彁绀鸿鍑哄彞瀛愶紝娉ㄦ剰澹伴煶鍜岃姘旂殑鍙樺寲銆�</p>
           <p class="text"><span class="hs">杩欎竴澶у潡濂堕叒閮芥槸鎴戠殑浜嗭紒</span>锛堜竴鍙嫛鐚剧殑铓傝殎锛屾兂瑕佹妸濂堕叒鍋峰伔鍦板崰涓哄繁鏈夛級</p>
           <p class="text"><span class="hs">杩欎竴澶у潡濂堕叒閮芥槸鎴戠殑浜嗭紒</span>锛堜竴鍙杽鑹殑铓傝殎锛屽湪甯姪浠栦汉鍚庡緱鍒颁簡濂栧姳锛�</p>
           <p class="text"><span class="hs">杩欏潡濂堕叒澶矇浜嗭紝鎴戜滑浼戞伅涓�涓嬪惂锛�</span>锛堜弗鑲冪殑铓傝殎闃熼暱锛屽悜闃熶紞鍙戝嚭鍛戒护锛�</p>
@@ -165,8 +163,8 @@
           <h2 id="b009" class="problem">绗洓璇俱��鐪熷惉鐪熺湅鐪熸劅鍙�</h2>
           <h3 class="lefth3" id="c017"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
           <p class="text">寰呬汉鎺ョ墿鏈夌ぜ鏈夎妭銆佽唉鍗戞伃鏁紝鍦ㄨ浠栦汉鎰熷埌濡傛矏鏄ラ鐨勫悓鏃讹紝涔熶細璁╄嚜宸卞彈鍒颁粬浜虹殑灏婇噸鍜岀悊瑙c�傝璇翠竴璇达紝鍦ㄤ笅闈㈣繖浜涘満鏅腑浣犲簲璇ュ浣曞仛锛�</p>
-          <p class="text"><span class="hs1">鈼�</span>浣犵湅鍒板濡堢殑姘存澂娌℃按浜嗐��</p>
-          <p class="text"><span class="hs1">鈼�</span>鐢垫閲岋紝浣犵珯鍦ㄦ渶鍓嶆帓锛屽悗闈㈢殑浜洪渶瑕佷笅鐢垫銆�</p>
+          <p class="text rhombusFather"><span class="hs1 rhombus">鈼�</span>浣犵湅鍒板濡堢殑姘存澂娌℃按浜嗐��</p>
+          <p class="text rhombusFather"><span class="hs1 rhombus">鈼�</span>鐢垫閲岋紝浣犵珯鍦ㄦ渶鍓嶆帓锛屽悗闈㈢殑浜洪渶瑕佷笅鐢垫銆�</p>
           <h3 class="lefth3" id="c018" style="margin-top: 7%;"><img class="img-gn1" alt=""
               src="../../assets/images/czysj.jpg" /></h3>
           <div style="display: flex; justify-content: flex-start; ">
@@ -175,7 +173,7 @@
             <div class="openImgBox" style="width: 50%"><img class="img-e" alt="" src="../../assets/images/2-4.gif" />
             </div>
           </div>
-          <p class="text"><span class="hs1">鈼�</span>璇疯瘯鐫�鐢ㄦ棤瀹炵墿琛ㄦ紨鐨勬柟寮忔妸涓嬮潰鐨勬儏鏅〃婕斿嚭鏉ュ惂锛�</p>
+          <p class="text rhombusFather"><span class="hs1 rhombus">鈼�</span>璇疯瘯鐫�鐢ㄦ棤瀹炵墿琛ㄦ紨鐨勬柟寮忔妸涓嬮潰鐨勬儏鏅〃婕斿嚭鏉ュ惂锛�</p>
           <p class="center text"><img class="img-0" style="width: 100%; height: auto;" lt=""
               src="../../assets/images/0020-2.jpg" /></p>
         </div>
@@ -195,24 +193,24 @@
         <div class="bodystyle" style="margin-top: 3%">
           <h2 id="b010" class="problem">鍗曞厓娲诲姩浠诲姟</h2>
           <h3 class="lefth3" id="c019"><img class="img-gn1" alt="" src="../../assets/images/xsyty.jpg" /></h3>
-          <p class="text ends">
-            <span><span class="hs1">鈼�</span>鍚圭焊缁冧範</span>
-            <span> <audio :src="auidoPathTwo" controls controlslist="noplaybackrate nodownload" class="audio"
-                @play="audioPlay"></audio></span>
+          <p class="text ends rhombusFather">
+            <span><span class="hs1 rhombuSpecial">鈼�</span>鍚圭焊缁冧範</span>
+            <span> <audio :src="auidoPathTwo" controls controlslist="noplaybackrate nodownload"
+                class="audio"></audio></span>
           </p>
           <p class="center text" style="margin: 4% 0"><img class="img-e" alt="" src="../../assets/images/0021-1.jpg" />
           </p>
           <p class="text">鎵句竴寮犵焊宸撅紝灏嗗畠鎸夊湪澧欎笂銆傜Щ寮�鍙屾墜锛屽姫鍔涚敤姘旀伅灏嗙焊鈥滈拤鈥濆湪澧欓潰涓婏紝涓嶈璁╁畠鍚戜笅婊戣惤銆�</p>
-          <p class="text ends">
-            <span> <span class="hs1">鈼�</span>鍚圭瑪缁冧範</span>
-            <span> <audio :src="auidoPathThree" controls controlslist="noplaybackrate nodownload" class="audio"
-                @play="audioPlay"></audio></span>
+          <p class="text ends rhombusFather">
+            <span> <span class="hs1 rhombuSpecial">鈼�</span>鍚圭瑪缁冧範</span>
+            <span> <audio :src="auidoPathThree" controls controlslist="noplaybackrate nodownload"
+                class="audio"></audio></span>
           </p>
           <p class="text">灏嗕竴鏀瑪绔嬩簬妗岄潰锛岀湅鐪嬩綘鑳戒笉鑳界敤涓�鍙f皵灏嗗畠鍚瑰�掋��</p>
-          <p class="text ends">
-            <span><span class="hs1">鈼�</span>鍚硅瀛愮粌涔�</span>
-            <span> <audio :src="auidoPathFour" controls controlslist="noplaybackrate nodownload" class="audio"
-                @play="audioPlay"></audio></span>
+          <p class="text ends rhombusFather">
+            <span><span class="hs1 rhombuSpecial">鈼�</span>鍚硅瀛愮粌涔�</span>
+            <span> <audio :src="auidoPathFour" controls controlslist="noplaybackrate nodownload"
+                class="audio"></audio></span>
           </p>
           <p class="text">灏嗕竴鍙鏂欒鎶涜嚦绌轰腑锛屽拰浣犵殑灏忎紮浼翠竴璧疯疆娴佸惞姘旓紝閬垮厤濉戞枡琚嬭惤鍦般��</p>
         </div>
@@ -230,28 +228,28 @@
         </h1>
         <img class="headerimg" src="../../assets/images/page5.png" alt="" />
         <div class="bodystyle" style="margin-top: 3%;">
-          <p class="text ends">
-            <span> <span class="hs1">鈼�</span>鍚逛箳涔撶悆缁冧範</span>
-            <span> <audio :src="auidoPathFive" controls controlslist="noplaybackrate nodownload" class="audio"
-                @play="audioPlay"></audio></span>
+          <p class="text ends rhombusFather">
+            <span style="text-wrap: nowrap"> <span class="hs1 rhombuSpecial">鈼�</span>鍚逛箳涔撶悆缁冧範</span>
+            <span> <audio :src="auidoPathFive" controls controlslist="noplaybackrate nodownload"
+                class="audio"></audio></span>
           </p>
           <p class="text">鐢ㄦ皵鎭皢妗岄潰涓婄殑涔掍箵鐞冧粠鈥滆捣鐐光�濊繍閫佽嚦鈥滅粓鐐光�濓紝杩愰�佽繃绋嬩腑閬垮厤涔掍箵鐞冭Е纰伴殰纰嶇墿銆�</p>
           <h3 class="lefth3" id="c020" style="margin-top: 7%"><img class="img-gn1" alt=""
               src="../../assets/images/tzyys.jpg" /></h3>
-          <p class="text">
-            <span class="hs1">鈼�</span>璇疯蛋杩涘墽鍦鸿鐪嬩笉鍚屽墽绉嶇殑鐜板満婕斿嚭锛屾劅鍙楁垙鍓х殑榄呭姏鍚э紒
+          <p class="text rhombusFather">
+            <span class="hs1 rhombus">鈼�</span>璇疯蛋杩涘墽鍦鸿鐪嬩笉鍚屽墽绉嶇殑鐜板満婕斿嚭锛屾劅鍙楁垙鍓х殑榄呭姏鍚э紒
           </p>
           <p class="center text">
             <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
               x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
-              controlslist="nodownload" class="w100 video" @play="videoPlay"
+              controlslist="nodownload" class="w100 video"
               style="margin-top: 40px; border-radius: 10px; border: 2px solid green;"></video>
           </p>
           <p class="center videoname">
             <span>瑙嗛锛氭儫濡欐儫鑲栫殑浜虹墿 </span>
             <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
               placement="top-start">
-              <img :src="chapterData.isCollectVideo ? collectCheck : collectImg" alt="" class="collect-btn"
+              <img :src="collectResourceList.findIndex(item => item.id == 'a3c9b55ac8227e4c885384ff2fc6c0e7') > -1 ? collectCheck : collectImg" alt="" class="collect-btn"
                 @click="handleCollect('video')" />
             </el-tooltip>
           </p>
@@ -269,6 +267,7 @@
 <script>
 import drag from "@/components/dragQuestion/index.vue"
 import { getResourcePath } from "@/assets/methods/resources";
+import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
 export default {
   name: "chapterTwo",
   components: { drag },
@@ -278,12 +277,17 @@
     },
   },
   //鍦ㄨ繖閲屽璋冪敤鐨勬柟娉曡繘琛屾寕杞�
-  mounted() {
+  async mounted() {
     this.getVidoePath();
     const bookQuestion = localStorage.getItem("artAndDrama-book-question-two");
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
     }
+    const data = localStorage.getItem("artAndDrama-chapter02-Data");
+    if (data) {
+      this.chapterData = JSON.parse(data);
+    }
+    this.collectResourceList = await getCollectResource(this.config.activeBook.bookId)
   },
   data() {
     return {
@@ -295,6 +299,8 @@
       auidoPathThree: "",
       auidoPathFour: "",
       auidoPathFive: "",
+      isFocused: null, // 鐢ㄤ簬璺熻釜textarea鐨勮仛鐒︾姸鎬�
+      collectResourceList:[],
       chapterData: {
         isCollectImg: false,
         isCollectVideo: false,
@@ -310,13 +316,6 @@
           five: "",
           six: "",
           seven: "",
-          eight: "",
-          nine: "",
-          ten: "",
-          eleven: "",
-          twelve: "",
-          thirteen: "",
-          fourteen: "",
         },
         reading: {
           one: "",
@@ -477,35 +476,48 @@
         "a37bb621b2591e3666e94d1a3bc23bc0"
       );
     },
+    handleFocus(id) {  
+      this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue  
+    },  
+    handleBlur(id) {  
+      this.isFocused = null; // 褰搕extarea澶卞幓鐒︾偣鏃讹紝璁剧疆涓篺alse  
+    }, 
     setBookQuestion() {
-      console.log("淇濆瓨");
       localStorage.setItem(
         "artAndDrama-book-question-two",
         JSON.stringify(this.questionData)
       );
     },
-    //闊抽
-    audioPlay(e) {
-      this.$emit('closeAudio', e.srcElement.currentSrc)
-    },
-    //瑙嗛
-    videoPlay(e) {
-      this.$emit('closeVideo', e.srcElement.currentSrc)
-    },
     handleChapterData() {
       localStorage.setItem(
-        "math-chapterData",
+        "artAndDrama-chapter02-Data",
         JSON.stringify(this.chapterData)
       );
     },
     handleCollect(type) {
-      if (type == "img") {
-        this.chapterData.isCollectImg = !this.chapterData.isCollectImg;
-      } else if (type == "video") {
-        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
-      }
+      if (type == "video") {
+        this.handleCollectResource("a3c9b55ac8227e4c885384ff2fc6c0e7","a3c9b55ac8227e4c885384ff2fc6c0e7",'',"瑙嗛","bits",'瑙嗛锛氭儫濡欐儫鑲栫殑浜虹墿')
+      } 
       this.handleChapterData();
     },
+      //璧勬簮鏀惰棌浜嬩欢
+      handleCollectResource(id, md5, resourcePath, resourceType, source, resourceName) {
+      let list = this.collectResourceList
+      if (list.findIndex(item => item.id == id) > -1) {
+        list = list.filter(item => item.id != id)
+      } else {
+        list.push({
+          id,
+          md5,
+          resourcePath,
+          resourceType,
+          source,
+          resourceName,
+        })
+      }
+      this.collectResourceList = list
+      setCollectResource(this.config.activeBook.bookId, this.collectResourceList)
+    }
   },
 };
 </script>

--
Gitblit v1.9.1