commit

src/onlineSelling/pages/raiseMoney/index.js

@@ -13,6 +13,7 @@ import Captcha from './Captcha'
 import { raiseOrder, cancelOrder } from '@/services/project'
 import { getCodeMessage } from '@/services/getCode'
 import { checkIDCard, isEmpty } from '@/utils/tools'
+import ContactConsultant from '../../components/ContactConsultant'
 
 const getRaiseProfile = ({ raiseId, salesBatchId, personId }) => {
   const queryString = [
@@ -33,7 +34,8 @@ const saveRaiseRecord = (record, raise) => {
     buildingId: raise.buildingId,
   }
 
-  return fetch({ url: `${apis.API_SAVE_RAISE_RECORD}`, method: 'POST', payload })  
+
+  return fetch({ url: `${apis.API_SAVE_RAISE_RECORD}`, method: 'POST', payload })
 }
 
 @connect(({ user, house }) => ({ ...user, house }), { ...houseActions })
@@ -42,7 +44,7 @@ export default class raiseMoney extends Component {
     navigationBarTitleText: '认筹确认'
   }
   state = {
-    current: 2,
+    current: 4,
     inputName: '',
     raiseProfile: undefined,
     record: {},
@@ -252,7 +254,7 @@ export default class raiseMoney extends Component {
 
   getConsultant = () => {
     const { house } = this.props
-    return house.chooseConsultant ||(house.consultantList || []).filter(x => x.mine)[0]
+    return house.chooseConsultant || (house.consultantList || []).filter(x => x.mine)[0]
   }
 
   renderProfile() {
@@ -291,7 +293,7 @@ export default class raiseMoney extends Component {
               <Text style="color:#FF3C3C;font-size:32rpx;margin-right:8rpx">*</Text>
               验证码
             </View>
-            <Input className='inputCode' placeholder-style="color:#999" type='text' disabled={disabled}  onInput={this.handleInput.bind(this, 'captcha')} placeholder='请填写验证码' />
+            <Input className='inputCode' placeholder-style="color:#999" type='text' disabled={disabled} onInput={this.handleInput.bind(this, 'captcha')} placeholder='请填写验证码' />
             <Captcha countdown={5} require={this.prepareGetCaptcha.bind(this)} onClick={this.handleCaptcha} />
           </View>
           <View className="profile-flex" style="margin-top:20rpx">
@@ -344,7 +346,7 @@ export default class raiseMoney extends Component {
 
       return Promise.reject()
     }
-    
+
     // 校验手机号
     if (isEmpty(record.tel) || record.tel < 11) {
       Taro.showToast({
@@ -352,7 +354,7 @@ export default class raiseMoney extends Component {
         icon: 'none',
       })
     }
-    
+
     // 验证码
     if (isEmpty(record.captcha)) {
       Taro.showToast({
@@ -418,6 +420,22 @@ export default class raiseMoney extends Component {
     })
 
   }
+  renderResult() {
+    return (
+      <View className="result">
+        <Image className="result-img" src={require('../../assets/success2.png')}></Image>
+
+        <View className="status">提交成功</View>
+
+        <View className="tip" style="margin-bottom:10rpx">详情请查看认筹单</View>
+        <View className="tip">支付结果请留意微信支付通知</View>
+        {/* <ContactConsultant buildingId={buildingId} style=" position: absolute;bottom: 8vh;" /> */}
+        <ContactConsultant style=" position: absolute;bottom: 11vh;" />
+        <View className="look-btn">查看认筹单</View>
+      </View>
+
+    );
+  }
 
   nextStep(current) {
     switch (current) {
@@ -462,7 +480,7 @@ export default class raiseMoney extends Component {
             text={current == 3 ? '现在缴费' : '下一步'}
           />
         }
-        {current != 0 && <View className="up-btn" onClick={() => this.upStep(current)}>上一步</View>}
+        {current != 0 && current != 4 && <View className="up-btn" onClick={() => this.upStep(current)}>上一步</View>}
       </View>
     )
   }
@@ -476,6 +494,7 @@ export default class raiseMoney extends Component {
         {current == 1 && this.renderAgreement()}
         {current == 2 && this.renderProfile()}
         {current == 3 && this.renderMoney()}
+        {current == 4 && this.renderResult()}
         {this.renderBottomBtn()}
       </View>
     )

src/onlineSelling/pages/raiseMoney/index.scss

@@ -135,5 +135,39 @@
         margin-top: 36px;
     }
   }
-  
+  .result{
+    background-color: #fff;
+    height: 88vh;
+    width: 100vw;
+    position: relative;
+    text-align: center;
+    padding-top: 20vh;
+    font-weight: 300;
+    .result-img{
+      width:168px;
+      height:168px;
+    }
+    .status{
+      font-size: 36px;
+      color: #333;
+      line-height: 1.8;
+    }
+    .tip{
+      font-size: 34px;
+      color: #999;
+      padding: 0 100px;
+    }
+   .look-btn{
+     width: 690px;
+     height:94px;
+     background:rgba(187,156,121,1);
+     border-radius:10px;
+     color: #fff;
+     font-size: 36px;
+     line-height: 94px;
+     position: absolute;
+     bottom: 1vh;
+     left: 30px;
+   }
+  }
 }