From 77664c98e30bc5efa9daec969235152aa85a81ff Mon Sep 17 00:00:00 2001
From: luyuan <1162963624@qq.com>
Date: Thu, 12 Nov 2020 10:26:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=9E=E5=A4=8D=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/LiveItem.vue           |   3 +-
 src/components/ReviewItem.vue         |  50 +++++++++++++++++++++++---
 src/components/ReviewItemtwo.vue      |   2 +-
 src/components/VideoItem.vue          |   3 +-
 src/components/VideoReview.vue        |  13 +++++--
 src/static/images/arrowdownblueup.png | Bin 0 -> 1142 bytes
 6 files changed, 61 insertions(+), 10 deletions(-)
 create mode 100644 src/static/images/arrowdownblueup.png

diff --git a/src/components/LiveItem.vue b/src/components/LiveItem.vue
index 73500d2..d945c2b 100644
--- a/src/components/LiveItem.vue
+++ b/src/components/LiveItem.vue
@@ -46,7 +46,8 @@
     position: relative;
     box-shadow: 0px 5px 6px 0px rgba(158, 158, 158, 0.11);
     .cover{
-        width: 100%;
+        width: 226px;
+        min-width: 100%;
         height: 127px;
     }
     .play{
diff --git a/src/components/ReviewItem.vue b/src/components/ReviewItem.vue
index f740f15..1148493 100644
--- a/src/components/ReviewItem.vue
+++ b/src/components/ReviewItem.vue
@@ -15,7 +15,8 @@
             </div>
             <div class="all" @click="findall(replyid)" >
                 <span>{{lan.$t('suoyouhuifu')}}</span>
-                <img src="@/static/images/arrowdownblue.png" alt="">
+                <img v-show="!iszk" src="@/static/images/arrowdownblue.png" alt="">
+                <img v-show="iszk" src="@/static/images/arrowdownblueup.png" alt="">
             </div>
         </div>
         <div class="cont">
@@ -23,7 +24,13 @@
         </div>
         <div class="bottom">
             <div class="date">{{date}}</div>
-            <div class="reply" @click="reply(username)">{{lan.$t('huifu')}}</div>
+            <div style="display: flex">
+                <div class="del" @click="del(replyid)">
+                    {{lan.$t('shanchu')}}
+                </div>
+                <div class="reply" @click="reply(username)">{{lan.$t('huifu')}}</div>
+            </div>
+            
         </div>
  
          <div class="huifu" v-if="ifshow">
@@ -113,15 +120,22 @@
             font-size: 10px;
             color: #08AE98;
         }
+        .del{
+            font-size: 10px;
+            color:#D12C2D!important;
+            flex-shrink: 0;
+            margin-right: 28px;
+        }
     }
       .huifu{
+        border-top: solid 1px #eee;
         margin-left: 56px;
         margin-top: 30px;
     }
 }
 </style>
 <script lang="ts">
-import { getcommentlist } from '@/api';
+import { delreply, getcommentlist } from '@/api';
 import { useI18n } from '@/utils/i18n';
 import { defineComponent, onMounted, ref } from 'vue';
 import { useRoute } from 'vue-router';
@@ -160,6 +174,7 @@ export default defineComponent({
         const reviewlist=ref({})
         const videoid=ref(useRoute().query.id)
         const ifshow=ref(false)
+        const iszk = ref(false) 
         onMounted(async () => {
             reviewlist.value=await getcommentlist({type: 2,id: videoid.value})
         })
@@ -195,9 +210,31 @@ export default defineComponent({
         }
         async function findall(e: number){
             console.log("all")
+            if(iszk.value){
+                iszk.value = false;
+                 ifshow.value= false;
+                return ;
+            }
+            iszk.value = true
             replylist.value =await getcommentlist({type: 3,id: e})
-            ifshow.value=ifshow.value==false?true:false
+            ifshow.value = true;
         }
+        async function del(e?: number){
+            console.log(e)
+            const res=await delreply(e)
+            
+        }
+
+        async function reload() {
+            if(iszk.value == true){
+                iszk.value = false;
+                if(prop.replyid){
+                    findall(prop.replyid)
+                }
+            }
+
+        }
+
         return {
             stars,
             reply,
@@ -206,7 +243,10 @@ export default defineComponent({
             reviewlist,
             refresh,
             ifshow,
-            lan
+            lan,
+            del,
+            iszk,
+            reload
         }
     }
 })
diff --git a/src/components/ReviewItemtwo.vue b/src/components/ReviewItemtwo.vue
index 5bbff9e..22bd7db 100644
--- a/src/components/ReviewItemtwo.vue
+++ b/src/components/ReviewItemtwo.vue
@@ -14,7 +14,7 @@
                 <!-- <div class="reply" @click="reply(username)">
                     回复
                 </div> -->
-                <div class="del" @click="del(replyid)" v-if="parseInt(memberid)==myid">
+                <div class="del" @click="del(replyid)">
                     {{lan.$t('shanchu')}}
                 </div>
             </div>
diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index 2fe99cf..3e9a8d1 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -47,7 +47,8 @@
     box-shadow: 0px 5px 6px 0px rgba(158, 158, 158, 0.11);
     cursor: pointer;
     .cover{
-        width: 100%;
+        width: 226px;
+        min-width: 100%;
         height: 127px;
         // background-color: #0f0;
     }
diff --git a/src/components/VideoReview.vue b/src/components/VideoReview.vue
index 9fcad07..34f9a70 100644
--- a/src/components/VideoReview.vue
+++ b/src/components/VideoReview.vue
@@ -18,6 +18,7 @@
             :replyid="i.commentid"
             @replying="reply"
             @findall="findreply"
+            :ref="el => {list[j] = el}"
              ></ReviewItem>
             
            
@@ -124,6 +125,7 @@ export default defineComponent({
         const replylist =ref({})
         const videoid=ref(useRoute().query.id)
         const url = useRoute().path
+        const list = ref<any>([])
         onMounted(async () => {
             let type = 1;
             if(url == '/regime/livedetail'){
@@ -132,6 +134,7 @@ export default defineComponent({
                 type = 2;
             }
             reviewlist.value=await getcommentlist({type: type,id: videoid.value})
+           
         })
         console.log(useRoute().query)
         console.log(store.state.userinfo.memberid,"userifno")
@@ -151,7 +154,12 @@ export default defineComponent({
             data.value.content=commentval.value
             console.log(data.value,2221)
             if(uinfo.value.name){
-                addcomment(toRaw(data.value))
+                addcomment(toRaw(data.value)).then(()=>{
+                    for(const i in list.value){
+                        list.value[i].reload()
+                    }
+                })
+                
             }else{
                 message.error(lan.$t('xuanzehuifuxuesheng'))
             }
@@ -183,7 +191,8 @@ export default defineComponent({
             haslist,
             reviewlist,
             refresh,
-            lan
+            lan,
+            list
 
             
         }
diff --git a/src/static/images/arrowdownblueup.png b/src/static/images/arrowdownblueup.png
new file mode 100644
index 0000000000000000000000000000000000000000..1658b55d02978b47bbd2899a80d1effb73857c99
GIT binary patch
literal 1142
zcmaJ>TWB0r7@jI@BsSoSBpV+bCq-(^&TW%yX2{y^?qt%H%o;Y^bfFPCJ9Dxb(wQ^P
zoOCxSn8Zs&Y@i^BCSszdP$<+#p#~DjgDo^QRiA3bQZF=5OKHVKla6Q7-K`I92WHNN
z@B9AC`OduGpXzO>Z>}c@q9J)iO8X;z>z)eW?+^C3&3Fi+o-7)G!>FJ-fQacZ2gszU
z=0O^$`uH1HKsP}=`J$1@qO8&<YS5%rA43;S8?y<b`%uwVwNZe`9LO71lq!9*LXn0Z
zrH*wdtYRm?h;d}X0Rt1Mj5aZ<2|9J?6|%c1VgVB%l`NVkEmtf?sXbj0&;4zNBKII@
zG)g^8Dy#I93FrW_gYFDzT)2yj2sGCrbn)$NB+qi43@b2Pdx+&kRuEZ^EI$;E=IFy>
zT9V7L@G44;AY_XSQz#VZLYRh5p5X*RU|62v`4C2g+;I!3#gOH;R1_rOYK~ze16ri7
zsOI1pic&b!hb5SHRn~ILZNd#>imJ_UH0zgC0V>Mlp{7|yyC@AF<@>+FZf4vDOd7aw
z%+c_{4Y&BAY%$>g6+tHh;mJxD`$r&x?g+HWM8fY{ggki6uyj~(U)tj+ikP%qq*@wC
zN>K`{(1xLlti;A+Y$wmRcf~obCoXibd`uSPgw!Poi3nfeN>Cd!frTnu{Sh}@lk3~T
zv~gq!IL0ZU%MLWjy|P84b}np9y)sv?oeNi!%iv@f|8W0v*p)5pAb(o5E?!j44=n6>
z2U|N!zTSeb#UDv2mMPxI>4)o#eD>(Mk0U$z+;3ZVAIyLE;hPsqm%sNsFMlF_z293%
z_RNiMPRg=5<L!4oePZZBY-Vx(gD;ZrZr*N_1A%$ZdvIxI`>$V~J*Y3Xt}j2MHw`MS
zvyBr|%{$(%_v@*zuWwy@TVAX4g29{9uingjLZ{X?mTsWW1Lt4(v$Qh#S>d_9uT~F~
zehd!nu3x^@pvx~uhVHyGnzokDK7IfA@6XHf!s%H#zwxuTnDP#+txQh$o!P(Lsx-E)
z&P@%1eVdE_jQ#yy(4P8fRzBU-)bwT03olJ?5&Htf#jCF+?)84e_<w?APfEHNKk?ST
D8*PnF

literal 0
HcmV?d00001