notice

src/onlineSelling/components/ScrollMessage/index.js

@@ -27,7 +27,41 @@ export default class ScrollMessage extends Component {
 
     return `${tip} ${useTK ? formateLeftTime(dt, 'min') : ''}`
   }
+  formateRaiseTM = (dt) => {
+    const now = dayjs(new Date);
+    const { raiseStartTime, raiseEndTime } = this.props.summary || {}
+    const raiseStart = dayjs(raiseStartTime)
+    const raiseEnd = dayjs(raiseEndTime)
+
+    let tip2 = ''
+    let useTK2 = true
+
+    if (now.isBefore(raiseStart)) {
+      tip2 = '距离认筹开始还有'
+    } else if (now.isBefore(raiseEnd)) {
+      tip2 = '距离认筹结束还有'
+    } else {
+      tip2 = '认筹已结束，请关注下轮认筹'
+      useTK2 = false
+    }
+
+    return `${tip2} ${useTK2 ? formateLeftTime(dt, 'min') : ''}`
+  }
+
+  computeRaiseDate = () => {
+    const now = dayjs(new Date);
+    const { raiseStartTime, raiseEndTime } = this.props.summary || {}
+    const raiseStart = dayjs(raiseStartTime)
+    const raiseEnd = dayjs(raiseEndTime)
 
+    if (now.isBefore(raiseStart)) {
+      return [now, raiseStart]
+    } else if (now.isBefore(raiseEnd)) {
+      return [now, raiseEnd]
+    } else {
+      return [now, now]
+    }
+  }
   computeDate = () => {
     const now = dayjs(new Date);
     const { preselectionStartTime, preselectionEndTime } = this.props.summary || {}
@@ -45,10 +79,13 @@ export default class ScrollMessage extends Component {
 
   render() {
     const [start, end] = this.computeDate()
-    const { salesNumber, preselectionNumber, heatNumber } = this.props.summary || {}
+    const [raiseStart, raiseEnd] = this.computeRaiseDate()
+    const { salesNumber, preselectionNumber, heatNumber, raiseNumber, raiseRealNumber, preselectionStartTime, preselectionEndTime, raiseStartTime, raiseEndTime } = this.props.summary || {}
     const personNum = heatNumber + preselectionNumber + 0
-  
+    const raisePersonNum = raiseNumber + raiseRealNumber + 0
+
     const notice = `当前 ${salesNumber} 套房源已有 ${personNum} 人成功预选`
+    const raiseNotice = `当前 ${salesNumber} 套房源已有 ${raisePersonNum} 人成功认筹`
 
     return (
       <View className="scrollmessage">
@@ -57,12 +94,18 @@ export default class ScrollMessage extends Component {
         </View>
         <View className="body">
           <Swiper vertical autoplay>
-            <SwiperItem>
+            {(preselectionStartTime || preselectionEndTime) && <SwiperItem>
               <TimeTicker startTime={start} endTime={end} translate={this.formateTM} />
-            </SwiperItem>
+            </SwiperItem>}
+            {(raiseStartTime || raiseEndTime) && <SwiperItem>
+              <TimeTicker startTime={raiseStart} endTime={raiseEnd} translate={this.formateRaiseTM} />
+            </SwiperItem>}
             {personNum > 0 && <SwiperItem>
               <View>{notice}</View>
             </SwiperItem>}
+            {raisePersonNum > 0 && <SwiperItem>
+              <View>{raiseNotice}</View>
+            </SwiperItem>}
           </Swiper>
         </View>
       </View>