From 712838be2914a435030ca0628e080ee1ff3a457d Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Sat, 2 Mar 2024 22:09:57 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/videoFour.png               | Bin 0 -> 511 bytes
 src/assets/images/videoFour1.png              | Bin 0 -> 470 bytes
 .../projectFront/insideSrsVideo/overview.vue  |  33 ++++++++++++++----
 .../projectFront/insideVideo/overview.vue     |  33 ++++++++++++++----
 4 files changed, 52 insertions(+), 14 deletions(-)
 create mode 100644 src/assets/images/videoFour.png
 create mode 100644 src/assets/images/videoFour1.png

diff --git a/src/assets/images/videoFour.png b/src/assets/images/videoFour.png
new file mode 100644
index 0000000000000000000000000000000000000000..aac3d920d07fb954b7f50052564e47a9b8c5263c
GIT binary patch
literal 511
zcmV<b0RaAqP)<h;3K|Lk000e1NJLTq001Wd0015c1^@s6uhs`p0005TNkl<ZScUDD
z?@hxn5XIk}@*TQC%OZtN024qqfDQs1AVy#U3X4!SXj#BU4NiMW?rf)jq<rW}RbA_s
z^Hbb=ceGf1dJHo>4^&tc#ct_u0Q~3}EdY$2^H0op*9hlu$4t)vmVlob=S=|m2<J^w
zj1X4|GsJCU9bwk3Tv|{cCgWPE@yod`(cPmil*p?^LY$sJiqXU#OJJdI_emTp_QM$E
z&1Jl9CUu<_*^l8A5EFK4fzpIyl{yaJ>sD3DxD21%Tq(vEt&LPj0kO!*m1MT!nCa0u
z_p4*{5=6ZL{!1gg$2Ae%16TomZk#s)Dx=;!QKlGit(9Y29by?eM9I7n*bV1UGSh45
z5Ld>*8~6VX=UIQkn#t*{XA@Rq&{Ii5obLY2`a0*?K1{}&YbMadboUMyhNhM9t!*X$
z-o{K*QDu$nM3@Tp!N@Zb>m)PiF<o|uWdy9J)|F^q?NU2-`)Z8oGk~lIY7?F_lVQSM
zm@o_z_QHf=jOjb3^;b^cuyb8T+fxqh%_z0kPvEJ9!JdR`Fy`Q=6II9Ag!d7K*0oMD
zy7fp@StC0$Ux+PhkQ^Ipl^MJV?<+26CfYv$`~k;rq&lM}r*;4U002ovPDHLkV1mT5
B=0yMi

literal 0
HcmV?d00001

diff --git a/src/assets/images/videoFour1.png b/src/assets/images/videoFour1.png
new file mode 100644
index 0000000000000000000000000000000000000000..ee362076408f43a3fbc95563c91c3b17f84a24cc
GIT binary patch
literal 470
zcmV;{0V)28P)<h;3K|Lk000e1NJLTq001Wd0015c1^@s6uhs`p0004<Nkl<ZScUDE
zUrxd>9LGOpygP0HUIgI;dIIIy1cZaQgv3|F5jcUw8(@5Q+<^H?GHP1NHf)zIi<pt@
zo3QlHckM6j`uP>XTuSOG*{W$^TJ5A1GXOSDm&Xd|0#jm^Ii5S<83>6PTKz(;1wB08
z%zV8fPdn4KVJh6g&6AyvoSqk{CX14~%d?WO*3*~v)OuT+;Hs(#uBuW9%N&fLU0qX(
zkeO3?>hVGU%8ga*k+secDd!|l?D=-uJOZ;S3u4}#o)$L<?tv{avz!S#cpB7-i=!e>
zx^jxx`4A3Gh8Qsx3#<PCVKv#S&Jbg9ZFvrWRrLST^|25Io_gojCb+7)kSi1B!*(fl
zcpmNV`Fz2(xMi1%65o{i?97!W$nbHe-|w3qpFloXW32VFlhjLiE(XG3u1%O*t7NNF
z*s=9gzDZ$!mA*3Dx@TAjVZp2vgeN5+JQ4Oa{g<afNmVt$RaJT*g!v#{`pmQ)J%j&*
zu=+E*w(xL}my|mCG~s}7n=6hjf$UmieCTJ|Ucys*2v-g6y!#6L0K*BKG%+FN)&Kwi
M07*qoM6N<$f)NbdRR910

literal 0
HcmV?d00001

diff --git a/src/views/projectFront/insideSrsVideo/overview.vue b/src/views/projectFront/insideSrsVideo/overview.vue
index 0a13c73d..80eb5a8c 100644
--- a/src/views/projectFront/insideSrsVideo/overview.vue
+++ b/src/views/projectFront/insideSrsVideo/overview.vue
@@ -84,16 +84,27 @@
                   src="@/assets/images/videoTwo.png"
                 />
                 <img
-                  v-show="showType == 8"
+                  v-show="showType == 9"
                   class="shrink-0 image_4"
                   src="@/assets/images/videoThree1.png"
                 />
                 <img
-                  v-show="showType != 8"
-                  @click="changeShowType(8)"
+                  v-show="showType != 9"
+                  @click="changeShowType(9)"
                   class="shrink-0 image_4 cursorPointer"
                   src="@/assets/images/videoThree.png"
                 />
+                <img
+                  v-show="showType == 12"
+                  class="shrink-0 image_4"
+                  src="@/assets/images/videoFour1.png"
+                />
+                <img
+                  v-show="showType != 12"
+                  @click="changeShowType(12)"
+                  class="shrink-0 image_4 cursorPointer"
+                  src="@/assets/images/videoFour.png"
+                />
               </div>
             </div>
             <div class="flex-row items-start relative group_2 space-x-16">
@@ -102,7 +113,7 @@
                 :class="'showType' + showType"
               >
                 <div
-                  class="section_8 relative"
+                  class="section_9 relative"
                   v-for="(item, index) in videoList"
                   :key="item.itemId"
                   @click="selectFn(index)"
@@ -307,7 +318,7 @@ export default {
         flex-wrap: wrap;
         width: 100%;
         height: calc(100% - 32px);
-        .section_8 {
+        .section_9 {
           height: calc(100% - 10px);
           width: calc(100% - 11px);
           margin: 15px;
@@ -324,7 +335,7 @@ export default {
             border: 1px solid rgba(12, 39, 74, 1);
           }
         }
-        &.showType4 .section_8 {
+        &.showType4 .section_9 {
           width: calc(50% - 32px);
           height: calc(50% - 25px);
           margin: 15px;
@@ -332,7 +343,7 @@ export default {
           //   margin-right: 0;
           // }
         }
-        &.showType8 .section_8 {
+        &.showType9 .section_9 {
           width: 31%;
           height: 30%;
           margin: 15px;
@@ -340,6 +351,14 @@ export default {
           //   margin-right: 0;
           // }
         }
+        &.showType12 .section_9 {
+          width: 23%;
+          height: 30%;
+          margin: 15px;
+          // &:nth-child(4n) {
+          //   margin-right: 0;
+          // }
+        }
         .space-y-7 {
           & > *:not(:first-child) {
             margin-top: 7px;
diff --git a/src/views/projectFront/insideVideo/overview.vue b/src/views/projectFront/insideVideo/overview.vue
index 0a13c73d..10f3387e 100644
--- a/src/views/projectFront/insideVideo/overview.vue
+++ b/src/views/projectFront/insideVideo/overview.vue
@@ -84,16 +84,27 @@
                   src="@/assets/images/videoTwo.png"
                 />
                 <img
-                  v-show="showType == 8"
+                  v-show="showType == 9"
                   class="shrink-0 image_4"
                   src="@/assets/images/videoThree1.png"
                 />
                 <img
-                  v-show="showType != 8"
-                  @click="changeShowType(8)"
+                  v-show="showType != 9"
+                  @click="changeShowType(9)"
                   class="shrink-0 image_4 cursorPointer"
                   src="@/assets/images/videoThree.png"
                 />
+                <img
+                  v-show="showType == 12"
+                  class="shrink-0 image_4"
+                  src="@/assets/images/videoFour1.png"
+                />
+                <img
+                  v-show="showType != 12"
+                  @click="changeShowType(12)"
+                  class="shrink-0 image_4 cursorPointer"
+                  src="@/assets/images/videoFour.png"
+                />
               </div>
             </div>
             <div class="flex-row items-start relative group_2 space-x-16">
@@ -102,7 +113,7 @@
                 :class="'showType' + showType"
               >
                 <div
-                  class="section_8 relative"
+                  class="section_9 relative"
                   v-for="(item, index) in videoList"
                   :key="item.itemId"
                   @click="selectFn(index)"
@@ -307,7 +318,7 @@ export default {
         flex-wrap: wrap;
         width: 100%;
         height: calc(100% - 32px);
-        .section_8 {
+        .section_9 {
           height: calc(100% - 10px);
           width: calc(100% - 11px);
           margin: 15px;
@@ -324,7 +335,7 @@ export default {
             border: 1px solid rgba(12, 39, 74, 1);
           }
         }
-        &.showType4 .section_8 {
+        &.showType4 .section_9 {
           width: calc(50% - 32px);
           height: calc(50% - 25px);
           margin: 15px;
@@ -332,7 +343,7 @@ export default {
           //   margin-right: 0;
           // }
         }
-        &.showType8 .section_8 {
+        &.showType9 .section_9 {
           width: 31%;
           height: 30%;
           margin: 15px;
@@ -340,6 +351,14 @@ export default {
           //   margin-right: 0;
           // }
         }
+        &.showType12 .section_9 {
+					width: 23%;
+					height: 30%;
+					margin: 15px;
+					// &:nth-child(4n) {
+					//   margin-right: 0;
+					// }
+				}
         .space-y-7 {
           & > *:not(:first-child) {
             margin-top: 7px;