静态页面

src/pages/WuYe/ShengHuoGuanJia/components/Card.jsx

           <LR title='综合评价'>
             {
               data.averageScore !== null &&
-              <Stars value={data.averageScore - 0} editable />
+              <Stars total={data.averageScore - 0} editable />
             }
             {
               data.averageScore === null &&

src/pages/WuYe/ShengHuoGuanJia/components/Stars.jsx

 import React, { useEffect, useRef, useState } from 'react'
 import Star from './Star'
 
-const total = new Array(5).fill(0).map((_, inx) => inx + 1)
+// const total = new Array(5).fill(0).map((_, inx) => inx + 1)
 
 // 小数得分会被转为整数
 export default props => {
   const [score, setScore] = useState(0)
   const inited = useRef(false)
+  const { total = 1 } = props
+  let StarsArr = []
+  for (let n = 0; n < total; n++) {
+    StarsArr.push('')
+  }
 
   // 暂时只写了默认以及 size=large 的样式
-  const sizeClass = props.size ? `${gj-star}-${props.size}` : ''
+  const sizeClass = props.size ? `${gj - star}-${props.size}` : ''
 
   const handleClick = i => {
     if (props.editable) {
   }, [props.value])
 
   return (
-    <view className="gj-stars">
+    <view className='gj-stars'>
       {
-        total.map(i => <Star className={`gj-start ${sizeClass}`} activeClass="gj-star-active" key={i} active={score >= i} onClick={() => handleClick(i)} />)
+        StarsArr.map((item, index) => (
+          <Star className={`gj-start ${sizeClass}`} key={`stars-${index}`}></Star>
+        ))
       }
+      {/* {
+        total.map(i => <Star className={`gj-start ${sizeClass}`} activeClass="gj-star-active" key={i} active={score >= i} onClick={() => handleClick(i)} />)
+      } */}
     </view>
   )
 }

src/pages/WuYe/ShengHuoGuanJia/index.jsx

 
   return (
     <Page>
-      <ScrollPageRefresh RefreshBg='#f8f8f8' IsEmpty={IsEmpty} ApiName={`getShengHuoGuanJiaList`} Refresh={Refresh} Push={Push}>
+      <view className='ScorePopup' style={{display: CurrentUser === null ? 'none' : 'block'}}>
+        <view className='centerLabel'>
+          <view>
+            <view className='Title'>
+              <text>每月有一次评选机会</text>
+              <text className='iconfont iconguanbi' onClick={() => { setCurrentUser(null) }}></text>
+            </view>
+            <view className='flex-h'>
+              <view className='Icon'>
+                <image mode='aspectFill' src={CurrentUser !== null ? CurrentUser.photo : null}></image>
+              </view>
+              <view className='flex-item'>
+                <text>{CurrentUser !== null ? CurrentUser.userName : null}</text>
+                <text>工号：{CurrentUser !== null ? CurrentUser.jobNumber : null}</text>
+              </view>
+            </view>
+            <view className='Star'>
+              {
+                ['', '', '', '', ''].map((item, index) => (
+                  <text className={index > StarIndex ? 'iconfont iconxingxing' : 'iconfont iconxingxing active'} key={`Star-${index}`} onClick={SelectStar(index)}></text>
+                ))
+              }
+            </view>
+            <view className='Submit'>
+              <text onClick={SubmitScore}>提交</text>
+            </view>
+          </view>
+        </view>
+      </view>
+      <ScrollPageRefresh RefreshBg='#f8f8f8' IsEmpty={IsEmpty} ApiName='getShengHuoGuanJiaList' Refresh={Refresh} Push={Push}>
         <view className='shgj'>
           {
             PageList.map(item => <Card key={item.userId} dataSource={item} PostScore={PostScore} />)
           }
         </view>
-        {
-          CurrentUser !== null &&
-          <view className='ScorePopup'>
-            <view className='centerLabel'>
-              <view>
-                <view className='Title'>
-                  <text>每月有一次评选机会</text>
-                  <text className='iconfont iconguanbi' onClick={() => { setCurrentUser(null) }}></text>
-                </view>
-                <view className='flex-h'>
-                  <view className='Icon'>
-                    <image mode='aspectFill' src={CurrentUser.photo}></image>
-                  </view>
-                  <view className='flex-item'>
-                    <text>{CurrentUser.userName}</text>
-                    <text>工号：{CurrentUser.jobNumber}</text>
-                  </view>
-                </view>
-                <view className='Star'>
-                  {
-                    ['', '', '', '', ''].map((item, index) => (
-                      <text className={index > StarIndex ? 'iconfont iconxingxing' : 'iconfont iconxingxing active'} key={`Star-${index}`} onClick={SelectStar(index)}></text>
-                    ))
-                  }
-                </view>
-                <view className='Submit'>
-                  <text onClick={SubmitScore}>提交</text>
-                </view>
-              </view>
-            </view>
-          </view>
-        }
       </ScrollPageRefresh>
     </Page>
   )