修改订单逻辑

src/api/announcement.ts

@@ -22,9 +22,8 @@ class Response {
 }
 export const fetchAnn = (data: Parmas) =>
   schoolMainFetch({
-    url: `/dcxy/app/homepage/campus/${data.campusId}/publishedSections/${
-      data.customerId
-    }`,
+    url: '/dcxy/wechat/homepage/campus/publishedSections',
+    data: data,
   }).then((res: ResponseDataEntity<Response>) => {
     const data = res.data;
     return data.sections.find(item => item.styleType == 'ANNOUNCEMENT');
@@ -64,7 +63,6 @@ export const fetchAllAnn = (
   data: AllParmas,
 ): Promise<ResponseDataEntity<AllResponse>> =>
   schoolMainFetch({
-    url: `/dcxy/app/homepage/campus/${data.campusId}/publishedItems/${
-      data.sectionId
-    }`,
+    url: '/dcxy/wechat/homepage/campus/publishedItems',
+    data: data,
   });

src/api/customer.ts

-import { customerFetch, ResponseDataEntity } from '.';
-import { LoginInfoVo } from './baseClass';
+import { customerFetch } from '.';
 
 export class LoginParams {
   /** 登陆标识 */
@@ -18,7 +17,7 @@ export const appLogin = (data: LoginParams) =>
 
 export const appLogout = () =>
   customerFetch({
-    url: '/app/customer/login/out',
+    url: '/dcxy/wechat/applet/login/out',
   });
 
 export class PwdParams {
@@ -33,6 +32,7 @@ export const changePwdByCellphone = (data: PwdParams) =>
   customerFetch({
     url: '/app/customer/forget/pwd',
     method: 'POST',
+    data: data,
   });
 
 type RegisiterPramas = {};
@@ -59,7 +59,7 @@ type perfectionCustomerParams = {
 
 export const perfectionUserInfo = (entity: perfectionCustomerParams) =>
   customerFetch({
-    url: '/app/customer/perfection/customer',
+    url: '/dcxy/wechat/applet/perfection/customer',
     method: 'POST',
     data: entity,
   });

src/api/order.ts

-import { ConsumeOrderResponse, ConsumeOrder } from './baseClass';
-import { customerFetch, ResponseDataEntity } from './index';
+import { customerFetch } from './index';
 
 export class Params {
   /** 会员id */

src/constants/index.js

@@ -4,4 +4,5 @@ export const OLD_BASE_SERVER_URL = 'https://ex-dev-selfbase.168cad.top';
 export const BASE_SERVER_URL = 'https://ex-dev-dcxy-base-app.168cad.top';
 export const CUSTOMER_SERVER_URL =
   'https://ex-dev-dcxy-customer-app.168cad.top';
-export const SCHOOL_MAIN_URL = 'http://internal-dev-school-main.168cad.top';
+export const SCHOOL_MAIN_URL = 'https://internal-dev-school-main.168cad.top';
+export const ANN_LINK_URL = 'https://internal-dev-school-homepage.168cad.top/';

src/pages/Announcement/Announcement.tsx

 import { Component } from '@tarojs/taro';
 import { ComponentClass } from 'react';
-import { View, ScrollView, Image, Text } from '@tarojs/components';
+import { View, ScrollView, Image, Text, WebView } from '@tarojs/components';
 
 import AnnIcon from '../../images/icon/ann_tongzhi_icon@2x.png';
 import { fetchAllAnn, AnnItem } from '../../api/announcement';
@@ -8,6 +8,7 @@ import { connect } from '@tarojs/redux';
 import { UserState } from '../../store/rootReducers/userinfo';
 
 import './Announcement.scss';
+import { ANN_LINK_URL } from '../../constants';
 
 type PageStateProps = {
   userinfo: UserState;
@@ -17,6 +18,7 @@ type PageState = {
   pageNum: number;
   pageSize: number;
   list: AnnItem[];
+  linkUrl: string;
 };
 
 interface Announcement {
@@ -34,6 +36,7 @@ class Announcement extends Component {
       pageNum: 1,
       pageSize: 10,
       list: [],
+      linkUrl: '',
     };
   }
   componentWillMount() {
@@ -51,63 +54,24 @@ class Announcement extends Component {
       })
       .catch(err => {
         console.log(err);
-        this.setState({
-          pageNum: 1,
-          pageSize: 10,
-          pages: 1,
-          total: 2,
-          list: [
-            {
-              id: 301070,
-              title: 'ASFDSGSD大苏打',
-              multiImageType: 'SINGLE',
-              source: '关机开不开地方',
-              linkUrls: ['sqwerqwerqwefsf'],
-              linkType: 'DEFAULT',
-              jumpUrl: '',
-              urlParameters: {},
-              sort: 1,
-              enabled: true,
-              loadAd: false,
-              mandatoryPrompt: false,
-              effectTime: 1529431320000,
-              expirationTime: 1530129600000,
-              createTime: '2018-06-01 10:41:11',
-              updateTime: '2019-01-25 09:43:17',
-            },
-            {
-              id: 301073,
-              title: '啊实打实的阿斯顿',
-              multiImageType: 'SINGLE',
-              source: '个撒大',
-              linkUrls: ['sqwerqwerqwefsf'],
-              linkType: 'DEFAULT',
-              jumpUrl: '',
-              urlParameters: {},
-              sort: 2,
-              enabled: true,
-              loadAd: false,
-              mandatoryPrompt: false,
-              createTime: '2018-06-12 10:52:15',
-              updateTime: '2019-01-25 09:47:39',
-            },
-          ],
-        });
       });
   }
-  geAnnDetail(id: number) {
+  geAnnDetail(id: number, title: string) {
     console.log(id);
+    this.setState({
+      linkUrl: `${ANN_LINK_URL}/Content/${id}?title=${title}`,
+    });
   }
   render() {
-    const { list } = this.state;
+    const { list, linkUrl } = this.state;
     return (
       <ScrollView className='Announcement' scroll-y>
+        {linkUrl && <WebView src={linkUrl} />}
         {list.map(annItem => (
           <View
             key={annItem.id}
             className='Announcement-item'
-            onClick={() => this.geAnnDetail(annItem.id)}
-          >
+            onClick={() => this.geAnnDetail(annItem.id, annItem.title)}>
             <Image
               className='Announcement-item-img'
               src={annItem.linkUrls[0]}

src/pages/BarCode/BarCode.scss

@@ -5,7 +5,7 @@
     width: 100%;
     height: 100%;
     padding: 0 32px;
-    z-index: 2;
+    z-index: 100;
     background-color: rgba(255, 255, 255, 0.5);
   }
   .blur {
@@ -23,6 +23,8 @@
     height: 436px;
   }
   .BarCodeImg {
+    position: relative;
+    z-index: 1;
     flex: 1;
     margin: 26px 52px 46px;
     background-color: #fff;

src/pages/BarCode/BarCode.tsx

@@ -17,7 +17,11 @@ import {
 import OrderInfo from '../Order/components/OrderInfo/OrderInfo';
 import OrderTitle from '../Order/components/OrderTitle/OrderTitle';
 import OrderPayway from '../Order/components/OrderPayway/OrderPayway';
-import { ConsumeOrder, PaymentAndActiveInfo } from '../../api/baseClass';
+import {
+  ConsumeOrder,
+  PaymentAndActiveInfo,
+  CustomerBeanAccountVo,
+} from '../../api/baseClass';
 
 type PageStateProps = {
   userinfo: UserState;
@@ -26,6 +30,7 @@ type PageOwnProps = {};
 type PageState = {
   showPayOrder: boolean;
   showBig: boolean;
+  accounts: CustomerBeanAccountVo[];
   orderInfo: ConsumeOrder;
   payInfos: {
     paymentAndActiveInfos: PaymentAndActiveInfo[];
@@ -59,6 +64,7 @@ class BarCode extends Component {
     this.state = {
       showPayOrder: false,
       showBig: false,
+      accounts: [],
       orderInfo: {
         actualMoney: undefined,
         areaId: undefined,
@@ -115,12 +121,13 @@ class BarCode extends Component {
         if (res.data.length) {
           this.fetchOrder(res.data[0].id);
           this.setState({ showPayOrder: true });
+        } else {
+          this.drawBarCode(false);
         }
       })
       .catch(err => {
         console.log(err);
       });
-    wxbarcode.barcode('BarCode', userinfo.idBar, 646, 188);
   }
 
   fetchOrder(id: number) {
@@ -134,23 +141,6 @@ class BarCode extends Component {
           orderInfo: orderInfo,
           payInfos: payInfos,
         });
-        fetchDeductionInfo({
-          orderId: orderInfo.id,
-          payType: '',
-          paymentConfId: payInfos.paymentConfId,
-        })
-          .then(res => {
-            this.setState({
-              deductionInfos: res.data,
-            });
-          })
-          .catch(err => {
-            console.log(err);
-            Taro.showToast({
-              title: '获取抵扣信息失败',
-              icon: 'none',
-            });
-          });
       })
       .catch(err => {
         console.log(err);
@@ -158,9 +148,15 @@ class BarCode extends Component {
   }
 
   payDoneHandle() {
-    this.setState({
+    const { showBig } = this.state;
+    this.setState(
+      {
         showPayOrder: false,
-    });
+      },
+      () => {
+        this.drawBarCode(showBig);
+      },
+    );
   }
   drawBarCode(showBig: boolean) {
     const { userinfo } = this.props;
@@ -181,13 +177,7 @@ class BarCode extends Component {
 
   render() {
     const { userinfo } = this.props;
-    const {
-      showPayOrder,
-      showBig,
-      orderInfo,
-      payInfos,
-      deductionInfos,
-    } = this.state;
+    const { showPayOrder, showBig, orderInfo, payInfos, accounts } = this.state;
     return (
       <View className='BarCode'>
         {showPayOrder && (
@@ -195,11 +185,11 @@ class BarCode extends Component {
             <OrderTitle price={orderInfo.payableMoney} />
             <OrderInfo orderInfo={orderInfo} />
             <OrderPayway
-              payDoneCallback={this.payDoneHandle}
+              onPayDoneCallback={this.payDoneHandle}
               userinfo={userinfo}
-              orderId={orderInfo.id}
+              accounts={accounts}
+              orderInfo={orderInfo}
               payInfos={payInfos}
-              deductionInfos={deductionInfos}
             />
           </View>
         )}
@@ -207,8 +197,7 @@ class BarCode extends Component {
         <View
           className={`BarCodeBox ${showPayOrder ? 'blur' : ''} ${
             showBig ? 'BarCodeBoxBig' : ''
-          }`}
-        >
+          }`}>
           {showBig ? (
             <Image className='bg' src={BarCodeBoxBigBg} />
           ) : (
@@ -218,7 +207,9 @@ class BarCode extends Component {
             <Image className='BarCodeBox-refresh' src={RefreshIcon} />
           )}
           <View className={`BarCodeImg ${showBig ? 'BarCodeImgBig' : ''}`}>
+            {showPayOrder ? null : (
               <Canvas className='BarCodeCav' canvasId='BarCode' />
+            )}
           </View>
           <View className='toggleBtn' onClick={this.toggleBigBarCode}>
             {showBig ? '缩小' : '放大'}

src/pages/Home/Home.tsx

@@ -95,51 +95,51 @@ class Home extends Component {
         }
       })
       .catch(err => {
-        this.setState({
-          annItem: {
-            id: 896,
-            styleType: 'ANNOUNCEMENT',
-            name: '公告1',
-            titleTypeRemark: '无',
-            titleType: 'NONE',
-            titleContent: '',
-            sort: 3,
-            updateTime: 1528770103000,
-            itemsCount: 10,
-            items: [
-              {
-                id: 301070,
-                title: 'ASFDSGSD大苏打',
-                multiImageType: 'SINGLE',
-                source: '关机开不开地方',
-                linkUrls: ['sqwerqwerqwefsf'],
-                linkType: 'DEFAULT',
-                jumpUrl: '',
-                urlParameters: {},
-                sort: 1,
-                loadAd: false,
-                mandatoryPrompt: false,
-                createTime: '2018-06-01 10:41:11',
-                updateTime: '2019-01-25 09:43:17',
-              },
-              {
-                id: 301073,
-                title: '啊实打实的阿斯顿',
-                multiImageType: 'SINGLE',
-                source: '个撒大',
-                linkUrls: ['sqwerqwerqwefsf'],
-                linkType: 'DEFAULT',
-                jumpUrl: '',
-                urlParameters: {},
-                sort: 2,
-                loadAd: false,
-                mandatoryPrompt: false,
-                createTime: '2018-06-12 10:52:15',
-                updateTime: '2019-01-25 09:47:39',
-              },
-            ],
-          },
-        });
+        // this.setState({
+        //   annItem: {
+        //     id: 896,
+        //     styleType: 'ANNOUNCEMENT',
+        //     name: '公告1',
+        //     titleTypeRemark: '无',
+        //     titleType: 'NONE',
+        //     titleContent: '',
+        //     sort: 3,
+        //     updateTime: 1528770103000,
+        //     itemsCount: 10,
+        //     items: [
+        //       {
+        //         id: 301070,
+        //         title: 'ASFDSGSD大苏打',
+        //         multiImageType: 'SINGLE',
+        //         source: '关机开不开地方',
+        //         linkUrls: ['sqwerqwerqwefsf'],
+        //         linkType: 'DEFAULT',
+        //         jumpUrl: '',
+        //         urlParameters: {},
+        //         sort: 1,
+        //         loadAd: false,
+        //         mandatoryPrompt: false,
+        //         createTime: '2018-06-01 10:41:11',
+        //         updateTime: '2019-01-25 09:43:17',
+        //       },
+        //       {
+        //         id: 301073,
+        //         title: '啊实打实的阿斯顿',
+        //         multiImageType: 'SINGLE',
+        //         source: '个撒大',
+        //         linkUrls: ['sqwerqwerqwefsf'],
+        //         linkType: 'DEFAULT',
+        //         jumpUrl: '',
+        //         urlParameters: {},
+        //         sort: 2,
+        //         loadAd: false,
+        //         mandatoryPrompt: false,
+        //         createTime: '2018-06-12 10:52:15',
+        //         updateTime: '2019-01-25 09:47:39',
+        //       },
+        //     ],
+        //   },
+        // });
         console.error(err);
       });
   }

src/pages/Login/Login.tsx

 import { ComponentClass } from 'react';
 import Taro, { Component, Config } from '@tarojs/taro';
-import { View, Button, Text, Input, Navigator } from '@tarojs/components';
+import { View, Button, Input, Navigator } from '@tarojs/components';
 
 import './Login.scss';
 import { appLogin } from '../../api/customer';

src/pages/Order/OrderDetail/OrderDetail.scss

@@ -27,6 +27,9 @@ page {
     justify-content: space-between;
     font-size: 28px;
     color: #333;
+    .deduction {
+      color: #ff1010;
+    }
   }
   .OrderDetail-line {
     margin: 10px auto;

src/pages/Order/OrderDetail/OrderDetail.tsx

 import { ComponentClass } from 'react';
 import Taro, { Component, Config } from '@tarojs/taro';
-import { View, Text, Image } from '@tarojs/components';
+import { View, Text } from '@tarojs/components';
 
 import OrderTitle from '../components/OrderTitle/OrderTitle';
 import OrderInfo from '../components/OrderInfo/OrderInfo';
-import comLogo from '../../../images/order/pay_logo_icon@2x.png';
 
 import './OrderDetail.scss';
-import { fetchOrderDetail, fetchOrderDetailAndPay } from '../../../api/order';
+import { fetchOrderDetailAndPay } from '../../../api/order';
 import { PayType, getPayType } from '../../../utils/payType';
 
 type pageProps = {};
 type PageState = {
-  actualMoney: 0;
-  areaId: 0;
+  actualMoney: number;
+  areaId: number;
   areaName: string;
   consumeType: string;
   createAt: string;
   customerCellphone: string;
-  customerId: 0;
+  customerId: number;
   customerName: string;
-  deductionBean: 0;
-  deductionMoney: 0;
+  deductionBean: number;
+  deductionMoney: number;
   equipmentNum: string;
   equipmentPosition: string;
-  id: 0;
-  operateId: 0;
+  id: number;
+  operateId: number;
   operateName: string;
   operationMode: string;
   orderName: string;
@@ -33,10 +32,10 @@ type PageState = {
   orderState: string;
   outTradeNo: string;
   payType: PayType;
-  payableMoney: 0;
-  serviceId: 0;
+  payableMoney: number;
+  serviceId: number;
   serviceName: string;
-  thirdDiscountMoney: 0;
+  thirdDiscountMoney: number;
   thirdTradeNumber: string;
   updateDate: string;
 };
@@ -96,6 +95,9 @@ class OrderDetail extends Component {
       id: id,
     })
       .then(res => {
+        this.setState({
+          ...res.data,
+        });
         console.log(res);
       })
       .catch(err => {
@@ -122,12 +124,14 @@ class OrderDetail extends Component {
       <View className='OrderDetail'>
         <OrderTitle price={payableMoney} />
         <OrderInfo
-          serviceName={serviceName}
-          createAt={createAt}
-          orderNumber={orderNumber}
-          areaName={areaName}
-          equipmentNum={equipmentNum}
-          equipmentPosition={equipmentPosition}
+          orderInfo={{
+            serviceName,
+            createAt,
+            orderNumber,
+            areaName,
+            equipmentNum,
+            equipmentPosition,
+          }}
         />
         <View className='OrderDetail-line' />
         <View className='OrderDetail-payinfo'>
@@ -137,13 +141,13 @@ class OrderDetail extends Component {
         {deductionBean ? (
           <View className='OrderDetail-payinfo'>
             <Text>通用豆抵扣</Text>
-            <Text>{deductionBean.toFixed(2)}</Text>
+            <Text className='deduction'>{deductionBean.toFixed(2)}</Text>
           </View>
         ) : null}
         {deductionMoney ? (
           <View className='OrderDetail-payinfo'>
             <Text>艾米抵扣</Text>
-            <Text>{deductionMoney.toFixed(2)}</Text>
+            <Text className='deduction'>{deductionMoney.toFixed(2)}</Text>
           </View>
         ) : null}
 

src/pages/Order/OrderPay/OrderPay.tsx

@@ -30,17 +30,6 @@ type PageState = {
     paymentAndActiveInfos: PaymentAndActiveInfo[];
     paymentConfId: number;
   };
-  deductionInfos: {
-    amiAccount: number;
-    beanAccount: number;
-    deductionMoney: number;
-    deductionType: string;
-    orderMoney: number;
-    payMoney: number;
-    payType: string;
-    remainAccount: number;
-    titlePerfix: string;
-  };
 };
 
 interface OrderPay {
@@ -91,17 +80,6 @@ class OrderPay extends Component {
         paymentAndActiveInfos: [],
         paymentConfId: 0,
       },
-      deductionInfos: {
-        amiAccount: 0,
-        beanAccount: 0,
-        deductionMoney: 0,
-        deductionType: '',
-        orderMoney: 0,
-        payMoney: 0,
-        payType: '',
-        remainAccount: 0,
-        titlePerfix: '',
-      },
     };
   }
 
@@ -123,23 +101,6 @@ class OrderPay extends Component {
           orderInfo: orderInfo,
           payInfos: payInfos,
         });
-        fetchDeductionInfo({
-          orderId: orderInfo.id,
-          payType: '',
-          paymentConfId: payInfos.paymentConfId,
-        })
-          .then(res => {
-            this.setState({
-              deductionInfos: res.data,
-            });
-          })
-          .catch(err => {
-            console.log(err);
-            Taro.showToast({
-              title: '获取抵扣信息失败',
-              icon: 'none',
-            });
-          });
       })
       .catch(err => {
         console.log(err);
@@ -152,18 +113,18 @@ class OrderPay extends Component {
 
   render() {
     const { userinfo } = this.props;
-    const { orderInfo, payInfos, deductionInfos } = this.state;
+    const { orderInfo, payInfos, accounts } = this.state;
     return (
       <View className='OrderPay topBr'>
         <OrderTitle price={orderInfo.payableMoney} />
         <OrderInfo orderInfo={orderInfo} />
         <View className='OrderPay-line' />
         <OrderPayway
-          payDoneCallback={this.payDoneHandle}
+          onPayDoneCallback={this.payDoneHandle}
           userinfo={userinfo}
-          orderId={orderInfo.id}
+          orderInfo={orderInfo}
+          accounts={accounts}
           payInfos={payInfos}
-          deductionInfos={deductionInfos}
         />
       </View>
     );

src/pages/Order/components/OrderInfo/OrderInfo.tsx

@@ -19,6 +19,20 @@ interface OrderInfo {
   props: PageProps;
 }
 class OrderInfo extends Component {
+  static defaultProps = {
+    orderInfo: {
+      serviceName: '',
+      createAt: '',
+      orderNumber: '',
+      areaName: '',
+      equipmentNum: '',
+      equipmentPosition: '',
+    },
+  };
+  constructor(props) {
+    super(props);
+  }
+
   render() {
     const {
       orderInfo: {

src/pages/Order/components/OrderPayway/OrderPayway.scss

@@ -24,6 +24,9 @@
       background-color: #ffd506;
     }
   }
+  .OrderPay-payway.disabled {
+    color: #666;
+  }
   .OrderPay-payinfo {
     display: flex;
     height: 60px;

src/pages/Order/components/OrderPayway/OrderPayway.tsx

@@ -2,8 +2,12 @@ import Taro, { Component } from '@tarojs/taro';
 import { ComponentClass } from 'react';
 import { Button, View, Image, Text } from '@tarojs/components';
 import { UserState } from '../../../../store/rootReducers/userinfo';
-import { PaymentAndActiveInfo } from '../../../../api/baseClass';
-import { confirmPay } from '../../../../api/order';
+import {
+  PaymentAndActiveInfo,
+  CustomerBeanAccountVo,
+  ConsumeOrder,
+} from '../../../../api/baseClass';
+import { confirmPay, fetchDeductionInfo } from '../../../../api/order';
 
 import payWayWxLogo from '../../../../images/order/pay_wechat_icon@2x.png';
 import payWayAimiLogo from '../../../../images/order/pay_aimi_icon@2x.png';
@@ -18,24 +22,14 @@ import PaddingPkcs7 from 'crypto-js/pad-pkcs7';
 import { getPayType } from '../../../../utils/payType';
 
 type PageOwnProps = {
-  payDoneCallback: () => void;
+  onPayDoneCallback: () => void;
   userinfo: UserState;
-  orderId: number;
+  orderInfo: ConsumeOrder;
+  accounts: CustomerBeanAccountVo[];
   payInfos: {
     paymentAndActiveInfos: PaymentAndActiveInfo[];
     paymentConfId: number;
   };
-  deductionInfos: {
-    amiAccount: number;
-    beanAccount: number;
-    deductionMoney: number;
-    deductionType: string;
-    orderMoney: number;
-    payMoney: number;
-    payType: string;
-    remainAccount: number;
-    titlePerfix: string;
-  };
 };
 type PageState = {
   prePay: boolean;
@@ -48,6 +42,18 @@ type PageState = {
     payType: string;
     payVersion: string;
   };
+  accountsInfo: null | {};
+  deductionInfos: null | {
+    amiAccount: number;
+    beanAccount: number;
+    deductionMoney: number;
+    deductionType: string;
+    orderMoney: number;
+    payMoney: number;
+    payType: string;
+    remainAccount: number;
+    titlePerfix: string;
+  };
 };
 
 interface OrderPayway {
@@ -55,26 +61,73 @@ interface OrderPayway {
   state: PageState;
 }
 class OrderPayway extends Component {
-  constructor(props) {
+  static defaultProps = {
+    accounts: [],
+    payInfos: {
+      paymentAndActiveInfos: [],
+      paymentConfId: 0,
+    },
+
+    orderInfo: {
+      payableMoney: 0,
+    },
+  };
+  constructor(props: PageOwnProps) {
     super(props);
     this.state = {
       prePay: true,
       payWay: null,
+      accountsInfo: null,
+      deductionInfos: null,
+    };
+  }
+  componentWillReceiveProps(props) {
+    if (props.accounts.length !== 0 && this.props.accounts.length === 0) {
+      let amiAccount = props.accounts.find(item => item.serviceId === '0');
+      let comAccount = props.accounts.find(item => item.serviceId === '1');
+      let beanAccount = props.accounts.find(
+        item => item.serviceId !== '0' && item.serviceId !== '1',
+      );
+      let accountsInfo = {
+        '6': amiAccount ? amiAccount.money : 0,
+        '8': comAccount ? comAccount.money : 0,
+        '7': beanAccount ? beanAccount.money : 0,
       };
+      this.setState({
+        accountsInfo: accountsInfo,
+      });
+    }
   }
 
-  changePayWay(payWay: PaymentAndActiveInfo) {
+  changePayWay(payWay: PaymentAndActiveInfo, useWay?: boolean) {
+    if (useWay) return;
     this.setState({
       payWay: payWay,
     });
   }
 
   changePayState() {
+    const { orderInfo, payInfos } = this.props;
     const { payWay } = this.state;
     if (payWay) {
+      fetchDeductionInfo({
+        orderId: orderInfo.id,
+        payType: payWay.payType,
+        paymentConfId: payInfos.paymentConfId,
+      })
+        .then(res => {
           this.setState({
+            deductionInfos: res.data,
             prePay: false,
           });
+        })
+        .catch(err => {
+          console.log(err);
+          Taro.showToast({
+            title: '获取抵扣信息失败',
+            icon: 'none',
+          });
+        });
     } else {
       Taro.showToast({
         title: '请选择支付方式',
@@ -86,13 +139,13 @@ class OrderPayway extends Component {
   callNativePay() {
     const {
       userinfo: { customerId },
-      orderId,
+      orderInfo: { id },
       payInfos,
-      payDoneCallback,
+      onPayDoneCallback,
     } = this.props;
     const { payWay } = this.state;
     confirmPay({
-      orderId: orderId,
+      orderId: id,
       payType: payWay.payType,
       [payWay.activeId ? 'activeId' : 'notUse']: payWay.activeId,
       returnUrl: '',
@@ -100,28 +153,26 @@ class OrderPayway extends Component {
       paymentConfId: payInfos.paymentConfId,
     })
       .then(res => {
-        console.log(res);
         const { payStr } = res;
         if (payStr) {
           const key = customerId.toString().padEnd(16, '0');
-          console.log(key);
           const payData = JSON.parse(
             AES.decrypt(payStr, Utf8.parse(key), {
               mode: ECBmode,
               padding: PaddingPkcs7,
-            }).toString(Utf8)
+            }).toString(Utf8),
           );
           console.log(payData);
 
           Taro.requestPayment({
-            timeStamp: payData.msg.timestamp.toString(),
-            nonceStr: payData.msg.noncestr,
+            timeStamp: payData.msg.timeStamp.toString(),
+            nonceStr: payData.msg.nonceStr,
             package: payData.msg.package,
-            signType: 'MD5',
-            paySign: payData.msg.sign,
+            signType: payData.msg.signType,
+            paySign: payData.msg.paySign,
             success(res) {
               console.log(res);
-              payDoneCallback();
+              onPayDoneCallback();
             },
             fail(res) {
               Taro.showToast({
@@ -131,7 +182,7 @@ class OrderPayway extends Component {
             },
           });
         } else {
-          payDoneCallback();
+          onPayDoneCallback();
         }
       })
       .catch(err => {
@@ -144,74 +195,139 @@ class OrderPayway extends Component {
       });
   }
   render() {
-    const { prePay, payWay } = this.state;
+    const { prePay, payWay, accountsInfo, deductionInfos } = this.state;
     const {
       payInfos: { paymentAndActiveInfos },
-      deductionInfos,
+      orderInfo,
     } = this.props;
     const payInfoList = paymentAndActiveInfos.filter(
       item =>
         item.payType === '2' ||
         item.payType === '6' ||
         item.payType === '7' ||
-        item.payType === '8'
+        item.payType === '8',
     );
     const payInfo = prePay
       ? null
       : payInfoList.find(item => item.payType === payWay.payType);
+    const useAmi = accountsInfo && accountsInfo['6'] >= orderInfo.payableMoney;
+    const useCom = accountsInfo && accountsInfo['8'] >= orderInfo.payableMoney;
+    const useBean = accountsInfo && accountsInfo['7'] >= orderInfo.payableMoney;
+
     return (
       <View className='OrderPayway'>
         {prePay ? (
           payInfoList.length ? (
-            payInfoList.map((payway, index) => (
+            payInfoList.map((payway, index) =>
+              payway.payType === '2' ? (
                 <View
                   key={index}
                   className='OrderPay-payway'
-                onClick={() => this.changePayWay(payway)}
-              >
-                {payway.payType === '2' ? (
+                  onClick={() => this.changePayWay(payway)}>
                   <Image className='OrderPay-icon' src={payWayWxLogo} />
-                ) : payway.payType === '6' ? (
-                  <Image className='OrderPay-icon' src={payWayAimiLogo} />
-                ) : payway.payType === '7' ? (
-                  <Image className='OrderPay-icon' src={payWayHairLogo} />
-                ) : payway.payType === '8' ? (
-                  <Image className='OrderPay-icon' src={payWayComLogo} />
-                ) : null}
-                {payway.payType === '2' ? (
                   <Text className='OrderPay-text'>
                     {getPayType(payway.payType)}
                   </Text>
+                  <View
+                    className={`OrderPay-check ${
+                      payWay && payWay.payType === payway.payType
+                        ? 'checked'
+                        : ''
+                    }`}
+                  />
+                </View>
               ) : payway.payType === '6' ? (
+                <View
+                  key={index}
+                  className={`OrderPay-payway ${useAmi ? '' : 'disabled'}`}
+                  onClick={() => this.changePayWay(payway, !useAmi)}>
+                  <Image className='OrderPay-icon' src={payWayAimiLogo} />
                   <Text className='OrderPay-text'>
                     {getPayType(payway.payType)}(余额：
-                    {deductionInfos.amiAccount.toFixed(2)})
+                    {accountsInfo &&
+                      accountsInfo['6'] &&
+                      accountsInfo['6'].toFixed(2)}
+                    )
                   </Text>
-                ) : (
+                  <View
+                    className={`OrderPay-check ${
+                      payWay && payWay.payType === payway.payType
+                        ? 'checked'
+                        : ''
+                    }`}
+                  />
+                </View>
+              ) : payway.payType === '7' ? (
+                <View
+                  key={index}
+                  className={`OrderPay-payway ${useBean ? '' : 'disabled'}`}
+                  onClick={() => this.changePayWay(payway, !useBean)}>
+                  <Image className='OrderPay-icon' src={payWayHairLogo} />
                   <Text className='OrderPay-text'>
                     {getPayType(payway.payType)}(余额：
-                    {deductionInfos.beanAccount
-                      ? deductionInfos.beanAccount.toFixed(2)
+                    {accountsInfo && accountsInfo['7']
+                      ? accountsInfo['7'].toFixed(2)
                       : '0.00'}
                     )
                   </Text>
-                )}
-
                   <View
                     className={`OrderPay-check ${
-                    payWay && payWay.payType === payway.payType ? 'checked' : ''
+                      payWay && payWay.payType === payway.payType
+                        ? 'checked'
+                        : ''
                     }`}
                   />
                 </View>
-            ))
+              ) : payway.payType === '8' ? (
+                <View
+                  key={index}
+                  className={`OrderPay-payway ${useCom ? '' : 'disabled'}`}
+                  onClick={() => this.changePayWay(payway, !useCom)}>
+                  <Image className='OrderPay-icon' src={payWayComLogo} />
+                  <Text className='OrderPay-text'>
+                    {getPayType(payway.payType)}(余额：
+                    {accountsInfo && accountsInfo['8']
+                      ? accountsInfo['8'].toFixed(2)
+                      : '0.00'}
+                    )
+                  </Text>
+                  <View
+                    className={`OrderPay-check ${
+                      payWay && payWay.payType === payway.payType
+                        ? 'checked'
+                        : ''
+                    }`}
+                  />
+                </View>
+              ) : null,
+            )
           ) : null
         ) : (
           <View>
+            {payWay && payWay.payType === '2' ? (
               <View className='OrderPay-payinfo'>
                 <Text>订单金额</Text>
-              <Text>{deductionInfos.payMoney}</Text>
+                <Text>{deductionInfos && deductionInfos.payMoney}</Text>
+              </View>
+            ) : payWay && payWay.payType === '6' ? (
+              <View className='OrderPay-payinfo'>
+                <Text>艾米余额</Text>
+                <Text>
+                  {deductionInfos && deductionInfos.amiAccount.toFixed(2)}
+                </Text>
+              </View>
+            ) : payWay && (payWay.payType === '7' || payWay.payType === '8') ? (
+              <View className='OrderPay-payinfo'>
+                <Text>
+                  {deductionInfos && deductionInfos.titlePerfix}豆余额
+                </Text>
+                <Text>
+                  {deductionInfos && deductionInfos.beanAccount.toFixed(2)}
+                </Text>
               </View>
-            {deductionInfos.deductionType === '1' ? (
+            ) : null}
+
+            {deductionInfos && deductionInfos.deductionType === '1' ? (
               <View>
                 <View className='OrderPay-payinfo'>
                   <Text>
@@ -228,7 +344,7 @@ class OrderPayway extends Component {
                   %，不满0.01元，累计算1分
                 </View>
               </View>
-            ) : deductionInfos.deductionType === '2' ? (
+            ) : deductionInfos && deductionInfos.deductionType === '2' ? (
               <View>
                 <View className='OrderPay-payinfo'>
                   <Text>
@@ -245,7 +361,7 @@ class OrderPayway extends Component {
                   %，不满0.01元，累计算1分
                 </View>
               </View>
-            ) : deductionInfos.deductionType === '3' ? (
+            ) : deductionInfos && deductionInfos.deductionType === '3' ? (
               <View className='OrderPay-payinfo'>
                 <Text>
                   艾米抵扣金额（余额:{deductionInfos.amiAccount.toFixed(2)}）
@@ -253,18 +369,52 @@ class OrderPayway extends Component {
                 <Text>{deductionInfos.deductionMoney.toFixed(2)}</Text>
               </View>
             ) : null}
-
+            {payWay && payWay.payType === '2' ? (
+              <View className='OrderPay-payinfo'>
+                <Text>订单支付</Text>
+                <Text>{deductionInfos && deductionInfos.payMoney}</Text>
+              </View>
+            ) : payWay && payWay.payType === '6' ? (
+              <View>
+                <View className='OrderPay-payinfo'>
+                  <Text>艾米支付余额</Text>
+                  <Text>
+                    -{deductionInfos && deductionInfos.payMoney.toFixed(2)}
+                  </Text>
+                </View>
                 <View className='OrderPay-payinfo'>
-              <Text>{payInfo ? payInfo.payTypeName : ''}金额</Text>
-              <Text>{deductionInfos.payMoney}</Text>
+                  <Text>艾米支付结余</Text>
+                  <Text>
+                    {deductionInfos && deductionInfos.remainAccount.toFixed(2)}
+                  </Text>
+                </View>
               </View>
+            ) : payWay && (payWay.payType === '7' || payWay.payType === '8') ? (
+              <View>
+                <View className='OrderPay-payinfo'>
+                  <Text>
+                    {deductionInfos && deductionInfos.titlePerfix}豆支付
+                  </Text>
+                  <Text>
+                    -{deductionInfos && deductionInfos.payMoney.toFixed(2)}
+                  </Text>
+                </View>
+                <View className='OrderPay-payinfo'>
+                  <Text>
+                    {deductionInfos && deductionInfos.titlePerfix}豆支付结余
+                  </Text>
+                  <Text>
+                    {deductionInfos && deductionInfos.remainAccount.toFixed(2)}
+                  </Text>
+                </View>
+              </View>
+            ) : null}
           </View>
         )}
         {prePay ? (
           <Button
             className='button OrderPay-next'
-            onClick={this.changePayState}
-          >
+            onClick={this.changePayState}>
             下一步
           </Button>
         ) : (

src/pages/Register/Register.tsx

@@ -16,7 +16,6 @@ import agreeIcon from '../../images/login/icon_zhuce_sel@2x.png';
 import agreeNotIcon from '../../images/login/icon_zhuce_nor@2x.png';
 import { connect } from '@tarojs/redux';
 import { UserState, updateUserInfo } from '../../store/rootReducers/userinfo';
-import { getVcode, fetchWxUserRegister } from '../../api/wx';
 import { wxUserRegister } from '../../api/customer';
 
 type PageStateProps = {

src/pages/index/index.tsx

@@ -3,7 +3,7 @@ import Taro, { Component, Config } from '@tarojs/taro';
 import { View } from '@tarojs/components';
 
 import './index.scss';
-import { LoginReponse, login } from '../../api/wx';
+import { LoginReponse } from '../../api/wx';
 import { connect } from '@tarojs/redux';
 
 import { updateUserInfo, UserState } from '../../store/rootReducers/userinfo';