评论移动端兼容

2024-01-17 10:46:09 +08:00 · 2024-01-17 10:46:09 +08:00 · a0e1df21f8
parent b92acb7a35
commit a0e1df21f8
6 changed files with 21 additions and 21 deletions
--- a/src/common/UrlTool.js
+++ b/src/common/UrlTool.js
@ -19,7 +19,7 @@ export function getImageUrl(path) {
 	return `${path}`;
 }

-export function IsPC(){
+export function isPhone(){
 	var userAgentInfo = navigator.userAgent;
 	var Agents = ["Android", "iPhone",
 		"SymbianOS", "Windows Phone",
--- a/src/common/educoder.js
+++ b/src/common/educoder.js
@ -7,7 +7,7 @@ export {
 	getImageUrl as getImageUrl,getImageUrlAbsolute as getImageUrlAbsolute,getImage as getImage, getmyUrl as getmyUrl, getRandomNumber as getRandomNumber, getUrl as getUrl, getZoneUrl as getZoneUrl, publicSearchs as publicSearchs, getRandomcode as getRandomcode, getUrlmys as getUrlmys, getUrl2 as getUrl2, setImagesUrl as setImagesUrl
 	, getUploadActionUrl as getUploadActionUrl, getUploadActionUrltwo as getUploadActionUrltwo, getUploadActionUrlthree as getUploadActionUrlthree, getUploadActionUrlOfAuth as getUploadActionUrlOfAuth
 	, getTaskUrlById as getTaskUrlById, TEST_HOST, htmlEncode as htmlEncode, getupload_git_file as getupload_git_file, getcdnImageUrl as getcdnImageUrl,
-	turnbar,returnbar,setSeoMeta as setSeoMeta , IsPC as IsPC, addMeta as addMeta
+	turnbar,returnbar,setSeoMeta as setSeoMeta , isPhone as isPhone, addMeta as addMeta
 } from './UrlTool';

 export { setmiyah as setmiyah } from './Component';
--- a/src/forge/Information/Component/comments/list.jsx
+++ b/src/forge/Information/Component/comments/list.jsx
@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { Button, Popconfirm, Radio, Input, message, Tooltip, Spin, Pagination } from 'antd';
 import axios from 'axios';
-import { getImageUrl, timeAgo } from 'educoder';
+import { getImageUrl, timeAgo, isPhone } from 'educoder';
 import RenderHtml from '../../../../components/render-html';
 import Attachment from '../../../Upload/attachment';
 import EditComment from './editComment';
@ -118,7 +118,7 @@ function IssueCommentList(props){
        </div>
      </div>
      {/* 评论快速入口-仅有评论且登录时展示 */}
-      {login && category !== 'operate' && journalsCount > 0 && <div className={`pb30 ${journalsCount > 0 && 'pt15'}`}><div className='gotoComment'>点击<a className='ml5' href='#addComments'>添加评论</a></div></div>}
+      {login && category !== 'operate' && journalsCount > 0 && !isPhone() && <div className={`pb30 ${journalsCount > 0 && 'pt15'}`}><div className='gotoComment'>点击<a className='ml5' href='#addComments'>添加评论</a></div></div>}
      {/* 评论/操作日志 展示列表 */}
      <Spin spinning={spin}>
        <div className={`issueCommentsBox ${category === 'comment' && !spin && 'justComment'}`}>
@ -135,7 +135,7 @@ function IssueCommentList(props){
                      <Link to={`/${item.user.login}`}>{item.user.name}</Link>
                      <span className='ml15 timeAgo font-14'>{timeAgo(item.created_at)}</span>
                    </div>
-                    {login && <div>
+                    {login && !isPhone() && <div>
                      {/* 平台管理员/仓库管理员/发布评论者/issue创建者 */}
                      {(admin || isManager || login === item.user.login || username === author) && <Popconfirm
                        placement="bottom"
@ -172,7 +172,7 @@ function IssueCommentList(props){
                      <span>{i.reply_user && i.reply_user.name}</span>
                      <span className='ml15 timeAgo font-14'>{timeAgo(i.created_at)}</span>
                    </div>
-                    {login && <div>
+                    {login && !isPhone() && <div>
                      {/* 平台管理员/仓库管理员/发布评论者/回复评论者/issue创建者 */}
                      {(admin || isManager || login === i.user.login || (i.reply_user && login === i.reply_user.login) || username === author) && <Popconfirm
                        placement="bottom"
@ -207,7 +207,7 @@ function IssueCommentList(props){
        <Pagination simple current={page} pageSize={limit} total={totalCount} onChange={(page)=>setPage(page)}/>
      </div>}
      {/* 添加评论 */}
-      {category !== 'operate' && <div className="pb30" style={{marginTop: journalsCount ? '-5px' : '30px'}}>
+      {category !== 'operate' && !isPhone() && <div className="pb30" style={{marginTop: journalsCount ? '-5px' : '30px'}}>
        {login ? showEdit === 1 ? <EditComment {...props} cancelMd={cancelMd}/> : <div className="addComments" id='addComments'>
          <img src={getImageUrl(image_url)} alt="" />
          <div style={{flex:1}}>
--- a/src/forge/Information/Pages/newsDetail.jsx
+++ b/src/forge/Information/Pages/newsDetail.jsx
@ -4,7 +4,7 @@ import liulan from '../img/liulan.png';
 import RenderHtml from '../../../components/render-html';
 import { Base64 } from 'js-base64';
 import { getNewsDetail } from '../api';
-import { IsPC } from 'educoder';
+import { isPhone } from 'educoder';
 import { tempConfig } from '../tempInfo';
 import Acce from '../Component/mobile/accessory';
 import { addMeta, setSeoMeta } from 'educoder';
@ -29,7 +29,7 @@ function NewsDetail(props){
      document.title = `${ name }/${ cmsDir.name }`;
      addMeta('Keywords', `${ name },${ cmsDir.name },${ summary }`);
    }
-    if(IsPC() && zonedetail){
+    if(isPhone() && zonedetail){
      setTimeout(()=>{
        window.scrollTo(0,1);
        if(detail)
@ -39,7 +39,7 @@ function NewsDetail(props){
      document.querySelector('meta[name="viewport"]').setAttribute('content','width=device-width, user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0');
    }
    return()=>{
-      if(IsPC()){
+      if(isPhone()){
        document.querySelector('meta[name="viewport"]').setAttribute('content', initialContent);
      }
      if (zonedetail) {
@ -51,7 +51,7 @@ function NewsDetail(props){

  useEffect(()=>{
    if(id){
-      window.scrollTo(0,IsPC() ? 0 : 450);
+      window.scrollTo(0,isPhone() ? 0 : 450);
      getDetails();
    }
  },[id])
@ -75,22 +75,22 @@ function NewsDetail(props){
  return(
    <React.Fragment>
      {
-        IsPC() && <Acce type="head"/>
+        isPhone() && <Acce type="head"/>
      }
-      <div className={IsPC() ? "detail_news_phone" :"detail_news_all"}>
+      <div className={isPhone() ? "detail_news_phone" :"detail_news_all"}>
        <Spin spinning={isSpin} size="large">
          {
            detail && 
            <div className="d_news_box">
              {
-                IsPC() && zonedetail &&
+                isPhone() && zonedetail &&
                <div className="p_title_box">
                  <p className="p_t_title"><a href={`/zone/${deptId}`}>{zonedetail.name}</a></p>
                  <p className="p_t_desc" dangerouslySetInnerHTML={{ __html: zonedetail.introductionContent }}></p>
                </div>
              }
              {
-                !IsPC() &&
+                !isPhone() &&
                <Breadcrumb separator=">">
                  <Breadcrumb.Item href={`/zone/${deptId}/news`}>{ zonedetail.sectionCmsTitle }</Breadcrumb.Item>
                  { cmsDir && <Breadcrumb.Item href={`/zone/${deptId}/news/${cmsDir.id}`}>{cmsDir.name}</Breadcrumb.Item> }
@ -108,7 +108,7 @@ function NewsDetail(props){
                    { detail.auditStatus === '0' && <li><Badge color="#eb1212" text="未通过" className='failed'/></li>}
                  </ul>
                </div>
-                { !IsPC() && <Divider dashed={true}	/> }
+                { !isPhone() && <Divider dashed={true}	/> }
                {
                  content ?
                  <RenderHtml className="informations_detail imageLayerParent" value={content} url={props.history.location} />
@ -128,7 +128,7 @@ function NewsDetail(props){
        </Spin>
      </div>
      {
-        IsPC() && <Acce type="foot" />
+        isPhone() && <Acce type="foot" />
      }
    </React.Fragment>
  )
--- a/src/forge/Information/index.jsx
+++ b/src/forge/Information/index.jsx
@ -11,7 +11,7 @@ import Loading from "../../Loading";
 import { getMainInfos , getCheckZoneRole, getCurrentRole } from './api';
 import PublicBanner from "./Component/publicBanner";
 import './index.scss';
-import { IsPC } from 'educoder';
+import { isPhone } from 'educoder';
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
 import { tempEnum } from "./tempInfo";
@ -93,7 +93,7 @@ function Index(props){
  const [ temp , setTemp ] = useState(tempEnum.zone);
  const [ role , setRole ] = useState(undefined);
  const { pathname } = props.history.location;
-  const sourcedetail = pathname.indexOf(`/zone/${deptId}/newdetail/`)>-1 && IsPC();
+  const sourcedetail = pathname.indexOf(`/zone/${deptId}/newdetail/`)>-1 && isPhone();
  const {current_user} = props;

  useEffect(()=>{
--- a/src/modules/tpm/TPMIndexHOC.js
+++ b/src/modules/tpm/TPMIndexHOC.js
@ -11,7 +11,7 @@ import SupplyPhoneModal from '../../forge/Component/ProfileModal/SupplyPhone';
 import SystemNotice from '../../forge/Component/NoticeModal/SystemNotice';
 import cookie from 'react-cookies';
 import NpsModal from '../modals/npsModal';
-import { IsPC } from 'educoder';
+import { isPhone } from 'educoder';

 export function TPMIndexHOC(WrappedComponent) {
 	return class II extends React.Component {
@ -287,7 +287,7 @@ export function TPMIndexHOC(WrappedComponent) {
 				showNpsModal: this.showNpsModal
 			};
 			let path =this.props.location.pathname;
-			let pathCheck = path.indexOf("/zone")>-1 && path.indexOf("/newdetail")>-1 && IsPC();
+			let pathCheck = path.indexOf("/zone")>-1 && path.indexOf("/newdetail")>-1 && isPhone();
 			return (
 				<div className="indexHOC">
 					<SystemNotice