From bf415605598d6fe945b4162ce0cf3a41afc473c1 Mon Sep 17 00:00:00 2001
From: jl-zhoujl2 <jl-zhoujl2@chinaunicom.cn>
Date: Sat, 6 May 2023 10:58:36 +0800
Subject: [PATCH] =?UTF-8?q?5.6=20=E9=AB=98=E8=B4=A8=E9=87=8F=E8=BF=90?=
 =?UTF-8?q?=E8=90=A5=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/HighQualityOperation/Detail.tsx     | 40 ++++++++++---------
 src/pages/HighQualityOperation/Home/index.tsx |  9 +++--
 .../Management/Manage/index.tsx               |  2 +-
 3 files changed, 27 insertions(+), 24 deletions(-)

diff --git a/src/pages/HighQualityOperation/Detail.tsx b/src/pages/HighQualityOperation/Detail.tsx
index c2b5842..23d0095 100644
--- a/src/pages/HighQualityOperation/Detail.tsx
+++ b/src/pages/HighQualityOperation/Detail.tsx
@@ -1,4 +1,4 @@
-import React, { Fragment, useEffect, useRef, useState } from 'react';
+import React, { Fragment, useEffect, useMemo, useRef, useState } from 'react';
 import './style.less';
 import project_banner from '@/assets/highQuality/project_banner.jpg'
 import news_banner from '@/assets/highQuality/news_banner.jpg'
@@ -174,24 +174,26 @@ const Detail: React.FC<DetailLocationProps> = (props) => {
                             <div className='content-thumbs-up-expand' style={expand ? { maxHeight: "664px" } : { maxHeight: 0, margin: 0, padding: 0, border: 0 }}>
                                 <div className='content-thumbs-up'>
                                     <div className="content-list" ref={listRef}>
-                                        <List
-                                            itemLayout="horizontal"
-                                            dataSource={commentList}
-                                            renderItem={(item, index) => (
-                                                <List.Item id={`item${index}`}>
-                                                    <Skeleton loading={item.loading} active avatar title={false}>
-                                                        <List.Item.Meta
-                                                            avatar={<Avatar src={"https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png"} />}
-                                                            title={<span>{item.createrName}</span>}
-                                                            description={<span>
-                                                                <span>{item.context}</span>
-                                                                <span style={{ display: "block", marginTop: "6px" }}>{formatCreateTime(item.createTime)}</span>
-                                                            </span>}
-                                                        />
-                                                    </Skeleton>
-                                                </List.Item>
-                                            )}
-                                        />
+                                        {useMemo(() => (
+                                            <List
+                                                itemLayout="horizontal"
+                                                dataSource={commentList}
+                                                renderItem={(item, index) => (
+                                                    <List.Item id={`item${index}`}>
+                                                        <Skeleton loading={item.loading} active avatar title={false}>
+                                                            <List.Item.Meta
+                                                                avatar={<Avatar src={"https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png"} />}
+                                                                title={<span>{item.createrName}</span>}
+                                                                description={<span>
+                                                                    <span>{item.context}</span>
+                                                                    <span style={{ display: "block", marginTop: "6px" }}>{formatCreateTime(item.createTime)}</span>
+                                                                </span>}
+                                                            />
+                                                        </Skeleton>
+                                                    </List.Item>
+                                                )}
+                                            />
+                                        ), [commentList])}
                                     </div>
                                     <div className={isNotEmpty(inputValue) ? 'content-send' : 'content-send content-send-noread'}>
                                         <Search
diff --git a/src/pages/HighQualityOperation/Home/index.tsx b/src/pages/HighQualityOperation/Home/index.tsx
index a424ea7..554b2c1 100644
--- a/src/pages/HighQualityOperation/Home/index.tsx
+++ b/src/pages/HighQualityOperation/Home/index.tsx
@@ -23,7 +23,7 @@ import topic_header_img from '@/assets/topic/topic_header_img.png'
 import topic_banner_default from '@/assets/topic/topic_banner_default.jpg'
 import topic_activity_default from '@/assets/topic/topic_activity_default.jpg'
 import { downloadVideo, getClassroomList, getHomeBanner, getHomeContact, getHomeGraceful, getHomeProject, getHomeRight, submitAdvice } from './service';
-import { chunk, formatTime, getImageUrl, managerAuthority } from '../utils';
+import { chunk, formatTime, getImageUrl, isEmpty, isNotEmpty, managerAuthority } from '../utils';
 import ExtendUpload from '@/utils/ExtendUpload';
 import { getSessionUserData } from '@/utils/session';
 import ReactPlayer from "react-player/file";
@@ -311,6 +311,7 @@ const Home: React.FC<{}> = () => {
     const userData = getSessionUserData();
     //video Carousel
     const [autoplay, setAutoplay] = useState<boolean>(true);
+    const [videoPlayKey, setVideoPlayKey] = useState<string>("");
     const { CheckableTag } = Tag;
 
     const openModal = (item: any) => {
@@ -479,13 +480,13 @@ const Home: React.FC<{}> = () => {
                                                                 <ReactPlayer
                                                                     url={downloadVideo + item.image}
                                                                     playing={false}
-                                                                    controls={true}
+                                                                    controls={isEmpty(videoPlayKey) || item.id === videoPlayKey}
                                                                     muted={true}
                                                                     width="100%"
                                                                     height="100%"
                                                                     style={{}}
-                                                                    onPlay={() => { setAutoplay(false) }}
-                                                                    onPause={() => { setAutoplay(true) }}
+                                                                    onPlay={() => { setAutoplay(false); setVideoPlayKey(item.id) }}
+                                                                    onPause={() => { setAutoplay(true); setVideoPlayKey("") }}
                                                                 />
                                                             </div>
                                                             <div className='left-classroom-textbg'>
diff --git a/src/pages/HighQualityOperation/Management/Manage/index.tsx b/src/pages/HighQualityOperation/Management/Manage/index.tsx
index f1e6245..30a0b87 100644
--- a/src/pages/HighQualityOperation/Management/Manage/index.tsx
+++ b/src/pages/HighQualityOperation/Management/Manage/index.tsx
@@ -24,7 +24,7 @@ const Dashboard: React.FC<{}> = () => {
         <>
             <div className={styles.header}>
                 <div className={styles.headerAlign} style={{ position: "relative", top: "2px", fontSize: "16px", fontWeight: "600" }}>
-                    <img src={logo} style={{ height: "30px", marginRight: "10px", position: 'relative', top: '-2px' }} />中国联通智慧供应链平台 ｜ 党建攻坚
+                    <img src={logo} style={{ height: "30px", marginRight: "10px", position: 'relative', top: '-2px' }} />中国联通智慧供应链平台 ｜ 高质量运营行动
                 </div>
                 <ul className={styles.rightBtns}>
                     <li><CarryOutOutlined />{moment().format("YYYY-MM-DD")}</li>