fixl

ad

+commit 67fe9bd4260dfa536992b2c435352541536f4c1e (HEAD -> dev, origin/dev)
+Author: 吃个甘蔗嚼一年 <oncwnuCPQ6kimzTDqDGNXpXo_CFQ@git.weixin.qq.com>
+Date:   Thu Sep 2 17:14:18 2021 +0800
+
+    great
+
+commit dbeb0756f397ff11410ccd8848430c098664528b
+Author: 吃个甘蔗嚼一年 <oncwnuCPQ6kimzTDqDGNXpXo_CFQ@git.weixin.qq.com>
+Date:   Tue Aug 31 12:40:11 2021 +0800
+
+    Great upload
+
+commit ef783233934388b872688af72d07fa337a2fd533
+Author: 吃个甘蔗嚼一年 <oncwnuCPQ6kimzTDqDGNXpXo_CFQ@git.weixin.qq.com>
+Date:   Tue Aug 31 09:05:55 2021 +0800
+
+    Great upload
+
+commit b10eddc6c4e443aec9d098e97a5650512ca922a3
+Author: 吃个甘蔗嚼一年 <oncwnuCPQ6kimzTDqDGNXpXo_CFQ@git.weixin.qq.com>
+Date:   Mon Aug 30 19:03:30 2021 +0800
+
+    Great upload
+
+commit ee1ac7da8c936bf626a4aed5a1614c02594f6691
+Merge: 2f6a1ba e686091
+Author: 吃个甘蔗嚼一年 <oncwnuCPQ6kimzTDqDGNXpXo_CFQ@git.weixin.qq.com>
+Date:   Sun Aug 29 13:40:43 2021 +0800
+
+    Mine
+
+commit 2f6a1baeafab16174dd0a5fe02ec0941e8b658d3
+Author: 吃个甘蔗嚼一年 <oncwnuCPQ6kimzTDqDGNXpXo_CFQ@git.weixin.qq.com>
+Date:   Sun Aug 29 13:39:26 2021 +0800
+
+    mine
+
+commit e6860916b59693c3849f5118ebd6892aa245d324
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Sat Aug 28 17:13:06 2021 +0800
+
+    小程序角色切换功能
+
+commit 7c21dfd537ea09b2266be6d043fb42020e472575
+Author: 吃个甘蔗嚼一年 <oncwnuCPQ6kimzTDqDGNXpXo_CFQ@git.weixin.qq.com>
+Date:   Fri Aug 27 16:30:04 2021 +0800
+
+    切换账户
+
+commit 9ef048a18dd15919f82a7b6f6138a5503bc8eb09
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Fri Aug 27 16:28:21 2021 +0800
+
+    小程序联系我们功能实现
+
+commit 7f8342d0dc411e267da70229c9f945137e5eda93
+Merge: 0150a0d fd05c2a
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Fri Aug 27 14:30:30 2021 +0800
+
+    Merge branch 'dev' of http://git.ycjcjy.com/shigongli/miniapp-v2 into dev
+
+commit 0150a0da4461943e6f87cb0cf67fc8b79342afec
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Fri Aug 27 14:27:02 2021 +0800
+
+    小程序增加withLayout
+
+commit fd05c2a2cb691086469b0fe9ee358df3fea472c0
+Author: 吃个甘蔗嚼一年 <oncwnuCPQ6kimzTDqDGNXpXo_CFQ@git.weixin.qq.com>
+Date:   Fri Aug 27 14:25:47 2021 +0800
+
+    1
+
+commit ee4c3f97c20213301289f666e762131dbb2a536f
+Author: yansen <zhangyansen8769@dingtalk.com>
+Date:   Fri Aug 27 10:37:30 2021 +0800
+
+    feats
+
+commit 9003d5fceccd584c4dd48a55f14e731f5f4239f1
+Author: yansen <zhangyansen8769@dingtalk.com>
+Date:   Thu Aug 26 22:12:53 2021 +0800
+
+    feats
+
+commit 7dd5c011ecf2e147431d383c7fa17c55abda271c
+Author: yansen <zhangyansen8769@dingtalk.com>
+Date:   Thu Aug 26 21:19:12 2021 +0800
+
+    feats\
+
+commit 129acdfdee1da25b775e968eb3c573ad67755517
+Author: yansen <zhangyansen8769@dingtalk.com>
+Date:   Thu Aug 26 19:51:11 2021 +0800
+
+    feats
+
+commit d87cd283052c40bd9613e28b509c79568d53e744
+Author: yansen <zhangyansen8769@dingtalk.com>
+Date:   Thu Aug 26 19:26:16 2021 +0800
+
+    feats
+
+commit 392597d00001fe81219c0ca6f608fd622a9c1239
+Author: Your Name <you@example.com>
+Date:   Thu Aug 26 00:29:44 2021 +0800
+
+    feats
+
+commit 6ae348d549bee56657b8dce6f353b7248c1ff866
+Author: yansen <zhangyansen8769@dingtalk.com>
+Date:   Wed Aug 25 23:13:02 2021 +0800
+
+    feats
+
+commit 5dba1157bea174121d2d631b1fd3cc8931313a19
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Wed Aug 25 16:19:39 2021 +0800
+
+    services添加相应模块接口
+
+commit 5b55acf8b0ce73e0e659c979e7dc99308cf29797
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Mon Aug 23 17:32:50 2021 +0800
+
+    小程序端服务增加
+
+commit ed2fbfc2c36c531b1079e8d4f7b9c7c083719990
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Fri Aug 20 13:47:17 2021 +0800
+
+    开始搞后台加油
+
+commit 68e48ac2bff4e4965488d5d13fb3c6e20a9002f4
+Merge: c6e9c0b 6cb203f
+Author: 吃个甘蔗嚼一年 <oncwnuCPQ6kimzTDqDGNXpXo_CFQ@git.weixin.qq.com>
+Date:   Fri Aug 20 09:52:01 2021 +0800
+
+    Merge branch 'dev' of http://git.ycjcjy.com/shigongli/miniapp-v2 into dev
+
+commit c6e9c0b407b0eaf283e51a33c8d4094e2d3b486b
+Author: 吃个甘蔗嚼一年 <oncwnuCPQ6kimzTDqDGNXpXo_CFQ@git.weixin.qq.com>
+Date:   Fri Aug 20 09:50:51 2021 +0800
+
+    tday
+
+commit 6cb203f6e477fd847e0f98e0a1f1f8ba79a3730c
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Fri Aug 20 09:10:32 2021 +0800
+
+    房东端tab
+
+commit ccda14a02d9cb3b789e6488b408ecaa61dc424e8
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Fri Aug 20 08:21:50 2021 +0800
+
+    自定义tabs
+
+commit 6b4630c5c48361a584af54bfe6362d53e66caf0b
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Thu Aug 19 19:55:35 2021 +0800
+
+    ..
+
+commit 2809ce41aacc514c07c36a34e71ea03c86f26e82
+Merge: dc7741b 3e191d3
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Thu Aug 19 18:03:47 2021 +0800
+
+    merge
+
+commit dc7741b206259207beca34be6a597e1704fb388e
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Thu Aug 19 18:01:17 2021 +0800
+
+    eats
+
+commit 3e191d3d8eb3da7dd978eef672b1e51ea97755e5
+Author: 吃个甘蔗嚼一年 <oncwnuCPQ6kimzTDqDGNXpXo_CFQ@git.weixin.qq.com>
+Date:   Thu Aug 19 17:54:20 2021 +0800
+
+    个人中心
+
+commit 798614afb520201b215f33675918077f7a549cf3
+Author: 吃个甘蔗嚼一年 <oncwnuCPQ6kimzTDqDGNXpXo_CFQ@git.weixin.qq.com>
+Date:   Thu Aug 19 17:53:58 2021 +0800
+
+    个人中心 入住指引 支付订单
+
+commit 9a5779097d2f6641139b7be5e7a8b1d6e39253e3
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Thu Aug 19 17:33:58 2021 +0800
+
+    改距离
+
+commit ca85cb12505dfb5acfe7c40b85fb09176d130ca2
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Thu Aug 19 13:46:16 2021 +0800
+
+    1
+
+commit 853665134ddac57b9b7ff2c238bce0e368bcf6ff
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Thu Aug 19 13:40:56 2021 +0800
+
+    新增房东端店主端一键登录房东推荐
+
+commit 2fe0f066d70c7af2c9d6c009628fec3808f8f88c
+Author: baozhangchao <baozhangchao@123>
+Date:   Sun Aug 15 21:45:31 2021 +0800
+
+    card
+
+commit eb247e9cdaf9c733cfa6326e024d49bb20b2713d
+Author: 吃个甘蔗嚼一年 <oncwnuCPQ6kimzTDqDGNXpXo_CFQ@git.weixin.qq.com>
+Date:   Fri Aug 13 19:00:41 2021 +0800
+
+    入住指引
+
+commit 4f690982eee37bb753c8d42f0a8572ae539e8401
+Author: lizhiwei <lizhiwei@123.com>
+Date:   Wed Aug 11 15:47:51 2021 +0800
+
+    feats
+
+commit 1159e62c9489c7a627d17d9ae7a1d7339d56fa58
+Author: yansen <zhangyansen8769@dingtalk.com>
+Date:   Wed Aug 11 14:46:21 2021 +0800
+
+    feats
+
+commit 18c50aaf968578ffcd90b89e3596d7f4f7929364
+Author: yansen <zhangyansen8769@dingtalk.com>
+Date:   Wed Aug 11 14:44:45 2021 +0800
+
+    feats
+
+commit 72ea903bacff9467eec8ffe6dbbdb6ea728cd73e
+Author: yansen <zhangyansen8769@dingtalk.com>
+Date:   Wed Aug 11 14:34:10 2021 +0800
+
+    feats
+
+commit e630881ecf4dd59b767634e848c7894664a8c301
+Author: Your Name <you@example.com>
+Date:   Wed Aug 11 02:25:30 2021 +0800
+
+    feats
+
+commit 8be7ee61c955934320dd3623c46a73c4d52e7c09
+Author: Your Name <you@example.com>
+Date:   Wed Aug 11 01:45:40 2021 +0800
+
+    feats
+
+commit 01e91de24d1f593f1b3e575cffb6c3cb0ddf2f7d (origin/master, origin/HEAD, master)
+Author: Your Name <you@example.com>
+Date:   Tue Aug 10 00:19:07 2021 +0800
+
+    first

config/dev.js

     NODE_ENV: '"development"'
   },
   defineConstants: {
-    HOST: '"https://sgl-v2.njyunzhi.com"',
+    HOST: '"http://192.168.89.147:8080"',
   },
   mini: {},
   h5: {}

package.json

     "@tarojs/runtime": "3.3.2",
     "@tarojs/taro": "3.3.2",
     "@zjxpcyc/react-tiny-store": "^1.0.0",
+    "moment": "^2.29.1",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },

src/components/CompoentsOrder/AlreadyExpired/index.jsx

             <view className='card-box-star'>
               {
                 scoreList.map((_, index) => {
-                  console.log(index)
+
                   const src = (index + '0.1') < score ? starOn : starOff
                   return (
                     <image className='card-star-image' key={index} src={src} />
             <view className='card-box-star'>
               {
                 scoreList.map((_, index) => {
-                  console.log(index)
+
                   const src = (index + '0.1') < score ? starOn : starOff
                   return (
                     <image className='card-star-image' key={index} src={src} />

src/components/CompoentsOrder/AlreadyUsed/index.jsx

               <text className='card-box-star-text' onClick={Nuberr} >口味：</text>
               {
                 scoreList.map((_, index) => {
-                  console.log(index)
+
                   const src = (index + `${CollectNub}`) < score ? starOn : starOff
                   return (
                     <image className='card-star-image' key={index} src={src} onClick={Nuberr} />
               <text className='card-box-star-text' onClick={Nuberr} >环境：</text>
               {
                 scoreList.map((_, index) => {
-                  console.log(index)
+
                   const src = (index + `${CollectNub}`) < score ? starOn : starOff
                   return (
                     <image className='card-star-image' key={index} src={src} onClick={Nuberr} />
               <text className='card-box-star-text' onClick={Nuberr} >服务：</text>
               {
                 scoreList.map((_, index) => {
-                  console.log(index)
+
                   const src = (index + `${CollectNub}`) < score ? starOn : starOff
                   return (
                     <image className='card-star-image' key={index} src={src} onClick={Nuberr} />
             <view className='card-box-star'>
               {
                 scoreList.map((_, index) => {
-                  console.log(index)
+
                   const src = (index + '0.1') < score ? starOn : starOff
                   return (
                     <image className='card-star-image' key={index} src={src} />
             <view className='card-box-star'>
               {
                 scoreList.map((_, index) => {
-                  console.log(index)
+
                   const src = (index + '0.1') < score ? starOn : starOff
                   return (
                     <image className='card-star-image' key={index} src={src} />

src/components/CompoentsOrder/complete/index.jsx

             <view className='card-box-star'>
               {
                 scoreList.map((_, index) => {
-                  console.log(index)
+
                   const src = (index + '0.1') < score ? starOn : starOff
                   return (
                     <image className='card-star-image' key={index} src={src} />
             <view className='card-box-star'>
               {
                 scoreList.map((_, index) => {
-                  console.log(index)
+
                   const src = (index + '0.1') < score ? starOn : starOff
                   return (
                     <image className='card-star-image' key={index} src={src} />

src/components/OrderMolded/index.jsx

 import { useState } from 'react'
 import image from '@/assets/icons/ProCard/8kb.jpg'
 import { Button, Radio } from '@tarojs/components'
-
+import PayOrderCard from '@/components/PayOrderCard'
+import moment from 'moment'
 import food from '@/assets/icons/ProCard/food.png'
 import ProCard_hot from '@/assets/icons/ProCard/ProCard_hot.png'
 import './style.less'
 
 export default (props) => {
+  const { item } = props
 
   return (
     <view class='wrapper-box'>
       <view class='left-complete-one'>
         <image className='left-image-1' src={ProCard_hot}></image>
         <view className='left-viewText'>
-          返现￥16.00
+          返现￥{item.cashback / 100}
         </view>
         <view className='title-image'>
-          <image className='image-1' mode='scaleToFill' src={image}></image>
+          <image className='image-1' mode='scaleToFill' src={item.poster}></image>
           <image className='image-2' src={food}></image>
         </view>
         <view className='title-content'>
           <view className='Pro-title'>
-            <view className='title-text'>【橘里橘气咖啡店】新鲜出炉啦!</view>
+            <view className='title-text'>{item.description}</view>
           </view>
-          <text className='title-money' >￥6990元</text>
-          <view className='title-time' >有效期：2021/06/21-2021/12/31</view>
+          <text className='title-money' >￥{item.actualPrice / 100}元</text>
+          <view className='title-time' >有效期：<text>{moment(item.startTimeal).format('YYYY/MM/DD')}</text> - <text>{moment(item.endTime).format('YYYY/MM/DD')}</text></view>
         </view>
       </view>
     </view>
+    // </view >
   )
 }

src/components/PayOrderCard/index.jsx

+import withLayout from '@/layouts'
+import useSave from "@/utils/hooks/useSave"
+import image from '@/assets/icons/ProCard/8kb.jpg'
+import AuthPage from '@/components/AuthPage'
+import moment from 'moment'
+import { useState, useEffect } from 'react'
+import { Button, Radio, Input } from '@tarojs/components'
+import food from '@/assets/icons/ProCard/food.png'
+import ProCard_hot from '@/assets/icons/ProCard/ProCard_hot.png'
+import OrderMolded from '@/components/OrderMolded'
+import Popup from '@/components/Popup'
+
+
+
+import './style.less'
+
+export default (props) => {
+  const { item, onShopContent, onShopNumber } = props
+  const [showDialog, setShowDialog] = useState(false)
+  const [BuyNumber, setBuyNumber] = useState(1)
+  const [DisabledBool, setDisabledBool] = useState(false)
+
+
+
+  const ShowMoldeOn = () => {
+    setShowDialog(true)
+  }
+  const ButtonCancel = () => {
+    setShowDialog(false)
+    setBuyNumber(1)
+  }
+  const ButtonOK = (e) => {
+    setShowDialog(false)
+    const itemList = [{ ...item }]
+    const itemListNumber = itemList.map(x => {
+      return { ...x, BuyNumber: BuyNumber }
+    })
+    const handeItemList = itemListNumber.map(shoPnumber => {
+      onShopContent(shoPnumber)
+    })
+    onShopNumber()
+    // console.log("🚀 ~ file: index.jsx ~ line 38 ~ ButtonOK ~ handeItemList", handeItemList)
+
+
+  }
+  const NumberAdd = () => {
+    setBuyNumber(BuyNumber + 1)
+
+  }
+
+  const NumberCut = () => {
+    setBuyNumber(BuyNumber - 1)
+
+  }
+
+  const onInput = (e) => {
+    let values = e.detail.value
+    setBuyNumber(values - 0)
+
+
+  }
+
+
+  useEffect(() => {
+    if (BuyNumber < 2) {
+      setDisabledBool(true)
+
+    } else {
+      setDisabledBool(false)
+
+    }
+
+  }, [BuyNumber])
+
+  return (
+
+    <view class='container'>
+      <Popup show={showDialog} maskClosable={false}>
+        <OrderMolded item={item} />
+        <view className='item-center-Number' >
+          <view className='buy-num-minus' disabled={DisabledBool} onClick={NumberCut} > - </view>
+          <Input className='buy-num-input' type='number' min={1} onInput={onInput} value={BuyNumber} />
+          <view className='buy-num-add' onClick={NumberAdd} >+</view>
+        </view>
+        <view className='buy-button-box' >
+          <button className='button-Cancel' onClick={ButtonCancel} >取消</button>
+          <button className='button-OK' onClick={ButtonOK} >确定</button>
+        </view>
+      </Popup>
+      <view class='coupon-list'>
+        <view class='wrapper'>
+          <view class='left-complete-one'>
+            <image className='left-image-1' src={ProCard_hot}></image>
+            <view className='left-viewText'>
+              返现￥{item.cashback / 100}
+            </view>
+            <view className='title-image'>
+              <image className='image-1' mode='scaleToFill' src={item.poster}></image>
+              <image className='image-2' src={food}></image>
+            </view>
+            <view className='title-content'>
+              <view className='Pro-title'>
+                <view className='title-text'>{item.description}</view>
+              </view>
+              <text className='title-money' >￥{item.actualPrice / 100}<text className='title-money-2'>{item.standardPrice / 100}</text></text>
+              <view className='title-time' >有效期：<text>{moment(item.startTimeal).format('YYYY/MM/DD')}</text> - <text>{moment(item.endTime).format('YYYY/MM/DD')}</text></view>
+            </view>
+          </view>
+          <view class='right-complete-two' onClick={ShowMoldeOn} >
+            <view className='right-content'>
+              <view className='right-number'>×{BuyNumber}</view>
+              <view className='right-title'>数量</view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+
+  )
+}

src/components/PayOrderCard/style.less

+@whiteColor: #fff;
+@Image-ProCard_hot: "../../assets/icons/ProCard/ProCard_hot.png";
+.container {
+  width: 100%;
+  .item-center-Number {
+    width: 100%;
+    margin-top: 30px;
+    .buy-num-minus {
+      display: inline-block;
+      width: 60px;
+      height: 60px;
+      background: #ffffff;
+      border: 1px solid #999999;
+      border-radius: 8px 0px 0px 8px;
+    }
+    .buy-num-input {
+      display: inline-block;
+      width: 90px;
+      height: 60px;
+      font-size: 28px;
+      font-weight: 400;
+      color: #202020;
+      background: #ffffff;
+      border: 1px solid #999999;
+      position: relative;
+      top: 26px;
+    }
+    .buy-num-add {
+      display: inline-block;
+
+      width: 60px;
+      height: 60px;
+      background: #ffffff;
+      border: 1px solid #999999;
+      border-radius: 0px 8px 8px 0px;
+    }
+  }
+  .buy-button-box {
+    width: 100%;
+    margin: 40px 0 0 0;
+
+    .button-Cancel {
+      display: inline-block;
+      width: 236px;
+      height: 78px;
+      border: 2px solid #274291;
+      font-size: 30px;
+      font-weight: bold;
+      color: #274291;
+      border-radius: 12px;
+      margin-right: 80px;
+    }
+    .button-OK {
+      display: inline-block;
+
+      width: 236px;
+      height: 78px;
+      background: #274291;
+      border-radius: 12px;
+      font-size: 30px;
+      font-weight: bold;
+      color: #ffffff;
+    }
+  }
+  .wrapper {
+    display: flex;
+    position: relative;
+    // margin-top: 600px;
+    margin: 30px auto;
+    width: 700px;
+
+    // box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.12);
+    // filter: drop-shadow(5px 8px 6px rgb(202, 202, 202));
+    filter: drop-shadow(0 0 0.9rem rgba(0, 0, 0, 0.12));
+
+    .left-complete-one {
+      padding-top: 87px;
+      padding-bottom: 43px;
+      position: relative;
+      display: flex;
+      background: @whiteColor;
+      background: radial-gradient(
+            circle at top right,
+            transparent 15px,
+            @whiteColor 0
+          )
+          top right,
+        radial-gradient(circle at bottom right, transparent 15px, @whiteColor 0)
+          bottom right;
+      background-size: 100% 60%;
+      background-repeat: no-repeat;
+
+      width: 573px;
+      border-radius: 15px 0px 0px 15px;
+      // border-radius: 12px;
+
+      align-items: center;
+      .left-image-1 {
+        width: 145px;
+        height: 44px;
+        position: absolute;
+        top: 22px;
+      }
+      .left-viewText {
+        // background-image: url(@Image-ProCard_hot);
+        // width: 287px;
+        width: auto;
+        height: 44.3px;
+        position: absolute;
+        left: 1px;
+        top: 28px;
+        font-size: 24px;
+        color: @whiteColor;
+        font-weight: 600;
+      }
+      //图片
+      .title-image {
+        width: 145px;
+        margin-left: 20px;
+        border-radius: 24px;
+        overflow: hidden;
+        position: relative;
+        .image-1 {
+          width: 100%;
+          height: 145px;
+        }
+        .image-2 {
+          width: 89px;
+          height: 34px;
+          position: absolute;
+          left: 0;
+          top: 0;
+        }
+      }
+      // 商品标题
+      .title-content {
+        // padding: 84px 0 56px 20px;
+        padding-left: 18px;
+
+        .Pro-title {
+          .title-text {
+            width: 375px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box; //必须要
+            -webkit-line-clamp: 1;
+            -webkit-box-orient: vertical;
+            word-break: break-all; /* 多出文本省略号代替 */
+            text-align: left;
+            font-size: 24px;
+            padding-bottom: 10px;
+          }
+        }
+        .title-money {
+          padding-top: 34px;
+          font-size: 24px;
+          // color: red;
+          font-weight: 800;
+        }
+        .title-money-2 {
+          font-size: 18px;
+          color: #666;
+          padding-left: 10px;
+          text-decoration: line-through;
+        }
+
+        .title-time {
+          font-size: 24px;
+          padding-top: 20px;
+          color: #c0c8d3;
+        }
+      }
+    }
+  }
+
+  .right-complete-two {
+    background: @whiteColor;
+    background: radial-gradient(
+          circle at top left,
+          transparent 15px,
+          @whiteColor 0
+        )
+        top left,
+      radial-gradient(circle at bottom left, transparent 15px, @whiteColor 0)
+        bottom left;
+    background-size: 100% 60%;
+    background-repeat: no-repeat;
+    width: 129px;
+    border-radius: 0 15px 15px 0;
+    position: relative;
+    //右面部分
+    .right-content {
+      // width: 100px;
+      // height: 80px;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      // border: 1px solid red;
+
+      .right-number {
+        width: 40px;
+        font-size: 20px;
+        border-radius: 4px;
+        border: 2px solid #999;
+        margin: auto;
+        text-align: center;
+      }
+
+      .right-title {
+        font-weight: 700;
+        font-size: 24px;
+        padding-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+  //线条
+  .right-complete-two::after {
+    content: "";
+    position: absolute;
+    top: 15px;
+    margin: 26px auto;
+    height: 70%;
+    border-left: 1px dashed #595959;
+  }
+
+  .view-button {
+
+    position: fixed;
+    bottom: 0px;
+
+    .Card-number-box {
+      .Card-number {
+        width: 100%;
+        height: 96px;
+        background-color: @whiteColor;
+      }
+      .Card-user {
+        width: 100%;
+        height: 96px;
+        background-color: @whiteColor;
+      }
+    }
+    .button-box-button-box {
+      position: relative;
+      .button-text-image {
+        width: 144;
+        height: 45px;
+        position: absolute;
+        top: -35px;
+        left: 267px;
+        right: 305px;
+        z-index: 1;
+        .button-text-money-hot {
+          position: absolute;
+          width: 144px;
+          height: 43px;
+          line-height: 43px;
+          font-size: 24px;
+          font-weight: bold;
+          color: @whiteColor;
+        }
+        .button-image {
+          width: 143px;
+          height: 43px;
+        }
+        .button-text-money {
+          position: absolute;
+          margin-top: -8;
+          width: 157px;
+          font-size: 18px;
+          font-weight: 400;
+          text-decoration: line-through;
+          color: @whiteColor;
+        }
+      }
+      .button-box-one {
+        font-size: 30px;
+        line-height: 92px;
+        margin-top: 3em;
+        background-color: #274190;
+        border-radius: 12px;
+        width: 690px;
+        height: 92px;
+        color: @whiteColor;
+        // position: absolute;
+        bottom: 40px;
+        right: 0;
+        left: 0;
+        .button-text-one {
+          right: 133px;
+          font-size: 30px;
+          padding-left: 220px;
+        }
+      }
+    }
+  }
+}

src/components/foodCards/foodCards.jsx

 import Star from '@/components/Star/Star.jsx'
+import Taro from '@tarojs/taro'
 import pay from '@/assets/icons/housemantj/pay.png'
 import msTip from '@/assets/icons/housemantj/foodtip.png'
 import wz from '@/assets/icons/housemantj/location.png'
 //套餐卡片
 export default (props) => {
   const { star, item, city } = props
-  const [isSaved, toggleSave] = useSave(item.isSaved,'shop_package', item.packageId)
+  const [isSaved, toggleSave] = useSave(item.isSaved, 'shop_package', item.packageId)
+  const Detail = () => {
+    Taro.navigateTo({ url: `/pages/PayOrder/index?id=${item.packageId}&shopId=${item.shopId}` });
+
+  }
+
   return (
-      <view className='foodCard'>
-        <view className='fCleft'>
-          <view className='backMoney'>
-            返现￥{item.cashback}
-          </view>
-          <view className='appraise'>
-            <Star star={star} />
-            <text className='storezf'>{star}</text>
+    <view className='foodCard'>
+      <view className='fCleft'>
+        <view className='backMoney'>
+          返现￥{item.cashback}
+        </view>
+        <view className='appraise'>
+          <Star star={star} />
+          <text className='storezf'>{star}</text>
+        </view>
+        <view>
+          <view className='contentImg'>
+            <image src={item.poster} className='img1' ></image>
+            <image src={msTip} className='mstip'></image>
           </view>
-          <view>
-            <view className='contentImg'>
-              <image src={item.poster} className='img1' ></image>
-              <image src={msTip} className='mstip'></image>
+          <view className='neirong'>
+            <view className='textword'>{item.description}</view>
+            <view className='jiage'>
+              <text className='rmb' >￥&nbsp;&nbsp;</text>
+              <text className='p1'><text className='price' >{item.actualPrice}</text>元&nbsp;&nbsp;</text>
+              <text className='p2'>门市价<text className='oldprice' >{item.standardPrice}</text>元</text>
             </view>
-            <view className='neirong'>
-              <view className='textword'>{item.description}</view>
-              <view className='jiage'>
-                <text className='rmb' >￥&nbsp;&nbsp;</text>
-                <text className='p1'><text className='price' >{item.actualPrice}</text>元&nbsp;&nbsp;</text>
-                <text className='p2'>门市价<text className='oldprice' >{item.standardPrice}</text>元</text>
-              </view>
-              <view className='address'>
-                <image className='dw' src={wz} />
-                <text className='wz'>{city.areaPName}/{city.areaName}</text>
-                <view style={{display:'inline-block'}} onClick={toggleSave}>
-                <image className='star' src={isSaved>0?hongxin:baixin}></image>
-                <text className='collection'>{isSaved>0?'已收藏':'加入收藏'}</text>
-              </view>
+            <view className='address'>
+              <image className='dw' src={wz} />
+              <text className='wz'>{city.areaPName}/{city.areaName}</text>
+              <view style={{ display: 'inline-block' }} onClick={toggleSave}>
+                <image className='star' src={isSaved > 0 ? hongxin : baixin}></image>
+                <text className='collection'>{isSaved > 0 ? '已收藏' : '加入收藏'}</text>
               </view>
             </view>
           </view>
         </view>
-        <view className='fCright'>
-          <image src={pay} />
-          <view>支付</view>
-        </view>
-        <view className='columnLine'></view>
       </view>
-    
+      <view className='fCright' onClick={() => Detail()} >
+        <image src={pay} />
+        <view>支付</view>
+      </view>
+      <view className='columnLine'></view>
+    </view>
+
   )
 }

src/pages/MineUserAll/Collect/index.jsx

           <view className='card-box-star'>
             {
               scoreList.map((_, index) => {
-                console.log(index)
+
                 const src = (index + '0.1') < score ? starOn : starOff
                 return (
                   <image className='card-star-image' key={index} src={src} />
           <view className='card-box-star'>
             {
               scoreList.map((_, index) => {
-                console.log(index)
+
                 const src = (index + '0.1') < score ? starOn : starOff
                 return (
                   <image className='card-star-image' key={index} src={src} />

src/pages/MineUserAll/RefundMoney/index.jsx

           <view className='card-box-star'>
             {
               scoreList.map((_, index) => {
-                console.log(index)
+
                 const src = (index + '0.1') < score ? starOn : starOff
                 return (
                   <image className='card-star-image' key={index} src={src} />
           <view className='card-box-star'>
             {
               scoreList.map((_, index) => {
-                console.log(index)
+
                 const src = (index + '0.1') < score ? starOn : starOff
                 return (
                   <image className='card-star-image' key={index} src={src} />

src/pages/PayOrder/index.jsx

 import withLayout from '@/layouts'
 import image from '@/assets/icons/ProCard/8kb.jpg'
-import { useState, useEffect } from 'react'
+import AuthPage from '@/components/AuthPage'
+import Taro from '@tarojs/taro'
+import { useState, useEffect, useRef } from 'react'
 import { Button, Radio, Input } from '@tarojs/components'
-
 import food from '@/assets/icons/ProCard/food.png'
 import ProCard_hot from '@/assets/icons/ProCard/ProCard_hot.png'
 import CustomNav from '@/components/CustomNav'
-import OrderMolded from '@/components/OrderMolded'
-import Popup from '@/components/Popup'
-
+import PayOrderCard from '@/components/PayOrderCard'
+import { PaysOrder, getMineOrder } from '@/services/payOrder' //创建订单
+import { getShopPackage, } from '@/services/home'
 import './style.less'
 
 export default withLayout((props) => {
   const { router, person } = props
+  const { id, shopId } = props.router.params
+  const [shopPackage, setShopPackage] = useState([])
+  const [buttonDisabled, setButtonDisabled] = useState(true)
+  const [totalCost, setTotalCost] = useState(0)
+  const [cashBack, setCashBack] = useState(0)
+  const [realPrice, setRealPrice] = useState(0)
+
+  const handelButton = () => {
+    setButtonDisabled(false)
+  }
 
-  const [showDialog, setShowDialog] = useState(false)
-
-  const [BuyNumber, setBuyNumber] = useState(1)
-  const [DisabledBool, setDisabledBool] = useState(false)
+  const goRules = () => {
+    Taro.navigateTo({ url: `/pages/MineUserAll/Rules/index` })
 
-  const ShowMoldeOn = () => {
-    setShowDialog(true)
-  }
-  const ButtonCancel = () => {
-    setShowDialog(false)
   }
-  const ButtonOK = (e) => {
-    setShowDialog(false)
 
+
+  const handeList = () => {
+    shopPackage.map((item) => {
+      console.log("🚀 ~ file: index.jsx ~ line 34 ~ shopPackage.map ~ item", item)
+      //总价
+      let CostSum = (item.actualPrice / 100) * (item.BuyNumber || 1)
+      setTotalCost(totalCost + CostSum)
+      //返现价
+      let backSum = (item.cashback / 100) * (item.BuyNumber || 1)
+      setCashBack(cashBack + backSum)
+      //实际价
+      let PriceSum = (item.standardPrice / 100) * (item.BuyNumber || 1)
+      setRealPrice(realPrice + PriceSum)
+
+    })
   }
 
 
 
-  const NumberAdd = () => {
-    setBuyNumber(BuyNumber + 1)
-    console.log(BuyNumber);
 
-  }
+  useEffect(() => {
 
-  const NumberCut = () => {
-    setBuyNumber(BuyNumber - 1)
-    console.log(BuyNumber);
 
-  }
+    getShopPackage(shopId, { packageId: id }).then((res) => {
+      const itemShop = res.records
+      setShopPackage(itemShop)
+    })
+
 
-  const onInput = (e) => {
-    let values = e.detail.value
-    setBuyNumber(values - 0)
+  }, [])
 
 
+
+
+
+  const shopContent = (item) => {
+    const lst = shopPackage.map((pack) => {
+      if (pack.packageId === item.packageId) {
+        return item
+      } else {
+        return pack
+      }
+    })
+
+    setShopPackage(lst)
   }
 
-  useEffect(() => {
-    if (BuyNumber < 2) {
-      setDisabledBool(true)
+  const submit = (data) => {
+    PaysOrder(data, {
+      amount: 2,
+      itemId: id,
+      price: totalCost
 
-    } else {
-      setDisabledBool(false)
+    }).then((res) => {
+      console.log("🚀 ~ file: index.jsx ~ line 33 ~ submit ~ res", res)
 
-    }
-  }, [BuyNumber])
+      Taro.requestPayment({
+        timeStamp: '',
+        nonceStr: '',
+        package: '',
+        signType: 'MD5',
+        paySign: '',
+        success: val => {
+          console.log(val);
+        },
+        fail: err => {
 
-  return (
+        }
+
+      })
+
+    }).catch(err => {
+      console.log("🚀 ~ -------------支付错误------------", err)
+
+    });
+  }
+
+
+
+  return !person.phone ? <AuthPage /> : (
 
     <view class='container'>
       <CustomNav title='订单' />
-      <Popup show={showDialog} maskClosable={false}>
-        <OrderMolded />
-        <view className='item-center-Number' >
-          <view className='buy-num-minus' disabled={DisabledBool} onClick={NumberCut} >-</view>
-          <Input className='buy-num-input' type="number" min="1" onInput={onInput} value={BuyNumber} />
-          <view className='buy-num-add' onClick={NumberAdd} >+</view>
-        </view>
-        <view className='buy-button-box' >
-          <button className='button-Cancel' onClick={ButtonCancel} >取消</button>
-          <button className='button-OK' onClick={ButtonOK} >确定</button>
-        </view>
-      </Popup>
-      <view class='coupon-list'>
-        <view class='wrapper'>
-          <view class='left-complete-one'>
-            <image className='left-image-1' src={ProCard_hot}></image>
-            <view className='left-viewText'>
-              返现￥16.00
-            </view>
-            <view className='title-image'>
-              <image className='image-1' mode='scaleToFill' src={image}></image>
-              <image className='image-2' src={food}></image>
-            </view>
-            <view className='title-content'>
-              <view className='Pro-title'>
-                <view className='title-text'>【橘里橘气咖啡店】新鲜出炉啦!</view>
-              </view>
-              <text className='title-money' >￥6990元<text className='title-money-2'>门市价78元</text></text>
-              <view className='title-time' >有效期：2021/06/21-2021/12/31</view>
-            </view>
-          </view>
-          <view class='right-complete-two' onClick={ShowMoldeOn} >
-            <view className='right-content'>
-              <view className='right-number'>×{BuyNumber}</view>
-              <view className='right-title'>数量</view>
-            </view>
-          </view>
-        </view>
-        <view class='wrapper'>
-          <view class='left-complete-one'>
-            <image className='left-image-1' src={ProCard_hot}></image>
-            <view className='left-viewText'>
-              返现￥16.00
-            </view>
-            <view className='title-image'>
-              <image className='image-1' mode='scaleToFill' src={image}></image>
-              <image className='image-2' src={food}></image>
-            </view>
-            <view className='title-content'>
-              <view className='Pro-title'>
-                <view className='title-text'>【橘里橘气咖啡店】新鲜出炉啦!</view>
-              </view>
-              <text className='title-money' >￥6990元<text className='title-money-2'>门市价78元</text></text>
-              <view className='title-time' >有效期：2021/06/21-2021/12/31</view>
-            </view>
-          </view>
-          <view class='right-complete-two'>
-            <view className='right-content'>
-              <view className='right-number'>×1</view>
-              <view className='right-title'>数量</view>
-            </view>
-          </view>
-        </view>
+      {
+        shopPackage?.map((item, index) => <PayOrderCard onShopContent={shopContent} onShopNumber={handeList} key={(index)} item={item} />)
+      }
 
-        <view class='wrapper'>
-          <view class='left-complete-one'>
-            <image className='left-image-1' src={ProCard_hot}></image>
-            <view className='left-viewText'>
-              返现￥16.00
-            </view>
-            <view className='title-image'>
-              <image className='image-1' mode='scaleToFill' src={image}></image>
-              <image className='image-2' src={food}></image>
-            </view>
-            <view className='title-content'>
-              <view className='Pro-title'>
-                <view className='title-text'>【橘里橘气咖啡店】新鲜出炉啦!</view>
-              </view>
-              <text className='title-money' >￥6990元<text className='title-money-2'>门市价78元</text></text>
-              <view className='title-time' >有效期：2021/06/21-2021/12/31</view>
-            </view>
-          </view>
-          <view class='right-complete-two'>
-            <view className='right-content'>
-              <view className='right-number'>×1</view>
-              <view className='right-title'>数量</view>
-            </view>
-          </view>
-        </view>
-
-      </view>
       <view className='view-button'>
         <view className='Card-number-box'>
           <view className='Card-number'>
             <text style='left:29px;position: absolute; padding-top:20px'>手机号码:</text>
-            <text style='right:29px;position: absolute;padding-top:20px'>16161312125</text>
+            <text style='right:29px;position: absolute;padding-top:20px'>{person.phone}</text>
           </view>
           <view className='Card-user'>
-            <Radio style='padding-left:20px; position: relative; top:24px;' value='我已阅读知晓并同意' >我已阅读知晓并同意 <text style='color:#274190;text-decoration:underline;font-weight:400'>《平台用户服务协议》</text></Radio>
+            <Radio onClick={handelButton} style='padding-left:20px; position: relative; top:24px;' value='我已阅读知晓并同意' >我已阅读知晓并同意 <text style='color:#274190;text-decoration:underline;font-weight:400' onClick={goRules} >《平台用户服务协议》</text></Radio>
           </view>
         </view>
         <view className='button-box-button-box'>
           <view className='button-text-image' >
-            <text className='button-text-money-hot'>返现￥2.18</text>
-            <image className='button-image' src={ProCard_hot}>123123</image>
-            <view className='button-text-money'>门店市面价：230元</view>
+            <text className='button-text-money-hot'>返现￥{cashBack}</text>
+            <image className='button-image' src={ProCard_hot}></image>
+            <view className='button-text-money'>门店市面价：{realPrice / 100}元</view>
           </view>
-          <Button className='button-box-one'>￥170元 <text className='button-text-one'>支付订单</text> </Button>
+          <Button onClick={submit} disabled={buttonDisabled} className='button-box-one'>￥{totalCost}元 <text className='button-text-one'>支付订单</text> </Button>
         </view>
 
       </view>
 
 
   )
+
 })
+

src/pages/PayOrder/style.less

       background: #ffffff;
       border: 1px solid #999999;
       position: relative;
-      top: 30px;
+      top: 26px;
     }
     .buy-num-add {
       display: inline-block;
   }
 
   .view-button {
-    // width: 100%;
-    // height: 150px;
-    position: relative;
+
+    position: fixed;
+    bottom: 0px;
 
     .Card-number-box {
       .Card-number {

src/pages/details/foodDetails/foodDetails.jsx

 import CustomNav from '@/components/CustomNav'
 import withLayout from '@/layouts'
-import {getShopDetail,getShopPackage,getShopcity,getExtendContent} from '@/services/home'
-import { useState,useEffect } from 'react'
+import { getShopDetail, getShopPackage, getShopcity, getExtendContent } from '@/services/home'
+import { useState, useEffect } from 'react'
 import { Swiper, SwiperItem } from '@tarojs/components';
 import Star from '@/components/Star/Star.jsx'
 import Cards from '@/components/foodCards/foodCards.jsx'
 
 export default withLayout((props) => {
   const { router, person } = props
-  const {id}=props.router.params
+  const { id } = props.router.params
   //商铺基础信息
-  const [detail,setDetail]=useState({})
+  const [detail, setDetail] = useState({})
   //商铺套餐
-  const [spackage,setPackage]=useState([])
-  const [city,setCity]=useState({})
+  const [spackage, setPackage] = useState([])
+  const [city, setCity] = useState({})
   //banner图集数组
-  const [imlist,setimlist]=useState([])
+  const [imlist, setimlist] = useState([])
   const [index, setIndex] = useState(0)
   const handchange = (e) => {
     setIndex(e.detail.current)
   }
 
   //当前套餐总数
-  const [newpgNum,setNewpgNum]=useState(0)
+  const [newpgNum, setNewpgNum] = useState(0)
   //全部套餐个数
-  const [AllpgNum,setAllpgNum]=useState(0)
+  const [AllpgNum, setAllpgNum] = useState(0)
   //套餐当前页数
-  const [page,setpage]=useState(2)
-  const pgMore=()=>{
-    setpage(page+1)
-    getShopPackage(id,{pageNum:page}).then((res)=>{
-      setPackage([...spackage,...res.records])
-      setNewpgNum(newpgNum+res.records.length)
+  const [page, setpage] = useState(2)
+  const pgMore = () => {
+    setpage(page + 1)
+    getShopPackage(id, { pageNum: page }).then((res) => {
+      setPackage([...spackage, ...res.records])
+      setNewpgNum(newpgNum + res.records.length)
     })
   }
   //本店指南
-  const [extend,setExtend]=useState([])
+  const [extend, setExtend] = useState([])
 
   //当前指南总数
-  const [newextNum,setNewextNum]=useState(0)
+  const [newextNum, setNewextNum] = useState(0)
   //全部指南个数
-  const [AllextNum,setAllextNum]=useState(0)
+  const [AllextNum, setAllextNum] = useState(0)
   //指南当前页数
-  const [epage,setepage]=useState(2)
-  const extendMore=()=>{
-    setepage(epage+1)
-    getExtendContent('shop',id,{pageNum:epage}).then((res)=>{
-      setExtend([...extend,...res.records])
-      setNewextNum(newextNum+res.records.length)
+  const [epage, setepage] = useState(2)
+  const extendMore = () => {
+    setepage(epage + 1)
+    getExtendContent('shop', id, { pageNum: epage }).then((res) => {
+      setExtend([...extend, ...res.records])
+      setNewextNum(newextNum + res.records.length)
     })
   }
-  useEffect(()=>{
-    getShopDetail(id).then((res)=>{
+  useEffect(() => {
+    getShopDetail(id).then((res) => {
       setDetail(res)
-      setimlist(res.imageList||[])
-      getShopcity(res.cityId).then((res2)=>{
+      setimlist(res.imageList || [])
+      getShopcity(res.cityId).then((res2) => {
         setCity(res2)
       })
     })
-    getShopPackage(id).then((res)=>{
-      setPackage(res.records||[])
+    getShopPackage(id).then((res) => {
+      setPackage(res.records || [])
       setNewpgNum(res.records.length)
       setAllpgNum(res.total)
     })
-    getExtendContent('shop',id).then((res)=>{
-      setExtend(res.records||[])
+    getExtendContent('shop', id).then((res) => {
+      setExtend(res.records || [])
       setAllextNum(res.total)
       setNewextNum(res.records.length)
     })
-  },[])
-  const star=parseFloat(((detail.sweetScore+detail.environmentScore+detail.serviceScore)/3).toFixed(1)); 
-return (
+  }, [])
+  const star = parseFloat(((detail.sweetScore + detail.environmentScore + detail.serviceScore) / 3).toFixed(1));
+  return (
     <view className='page-index'>
       <view className='index-navbar'>
         <CustomNav title='十公里' />
       </view>
-      <view style={{overflow: 'auto', padding: '0 30rpx', background: '#F8F8F8' }}>
+      <view style={{ overflow: 'auto', padding: '0 30rpx', background: '#F8F8F8' }}>
         <scroll-view scroll-y="true" scroll-view='true' bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll">
-          <view className='storeDetails'>           
+          <view className='storeDetails'>
             <Swiper
               className='.swiper'
               circular
                   </SwiperItem>
                 )
               }
-            </Swiper>                        
+            </Swiper>
             <view className='storeJs'>
               <view style={{ overflow: 'hidden' }}>
-                  <view className='storeName'>{detail.shopName}</view>
-                  <view className='sprice'>
-                    <text className='t1'>￥</text>
-                    {detail.averagePrice}/人                
-                    <view className='bzRight'>
-                      <image src={ax} style={{ width: '15px', height: '15px', marginRight: '11rpx', marginBottom: '-2px' }} />
+                <view className='storeName'>{detail.shopName}</view>
+                <view className='sprice'>
+                  <text className='t1'>￥</text>
+                  {detail.averagePrice}/人
+                  <view className='bzRight'>
+                    <image src={ax} style={{ width: '15px', height: '15px', marginRight: '11rpx', marginBottom: '-2px' }} />
                     爆赞{detail.likeNum}</view>
-                  </view>
+                </view>
               </view>
               <view className='appraise'>
-                <Star star={star}/>
+                <Star star={star} />
                 <text className='storezf'>{star}</text>
-                <view style={{float:'right',marginTop:'5px'}}>
+                <view style={{ float: 'right', marginTop: '5px' }}>
                   <text className='comment'>点评：</text>
                   <text className='t1'>口味：{detail.sweetScore}</text>
                   <text className='t1'>环境：{detail.environmentScore}</text>
               <view className='yysj'>
                 <image src={yysj} className='yysjImg' />营业时间：{detail.businessHours}
               </view>
-              <view className='dpPosition'> 
+              <view className='dpPosition'>
                 <image src={dw} className='dwTip' />
                 <view>{detail.address}
                   <image src={zhuandao} className='zhuandao' />
               </view>
             </view>
           </view>
-          <view style={{ position: 'relative',display:spackage?'':'none'}}>
+          <view style={{ position: 'relative', display: spackage ? '' : 'none' }}>
             <view className='title'>
               <image src={titlezs}></image>
               <text>返现套餐</text>
             </view>
-            
+
             {
-             spackage?.map((item)=><Cards star={star} item={item} city={city} />)
+              spackage?.map((item) => <Cards star={star} item={item} city={city} />)
             }
-            
-            <view className='showMore' style={{display:newpgNum==AllpgNum?'none':''}} onClick={pgMore}>
+
+            <view className='showMore' style={{ display: newpgNum == AllpgNum ? 'none' : '' }} onClick={pgMore}>
               <view>查看更多</view>
               <image src={showMore} className='moreTip' />
             </view>
           </view>
 
-          <view style={{ position: 'relative',display:extend?'':'none' }}>
+          <view style={{ position: 'relative', display: extend ? '' : 'none' }}>
             <view className='title'>
               <image src={titlezs}></image>
               <text>本店指南</text>
             </view>
-            {extend?.map((item)=><Extend item={item} />)}
-            <view className='showMore' style={{display:newextNum==AllextNum?'none':''}} onClick={extendMore}>
+            {extend?.map((item) => <Extend item={item} />)}
+            <view className='showMore' style={{ display: newextNum == AllextNum ? 'none' : '' }} onClick={extendMore}>
               <view>查看更多</view>
               <image src={showMore} className='moreTip' />
             </view>
           </view>
-           <view className='botton'>已经到底了~</view>
+          <view className='botton'>已经到底了~</view>
         </scroll-view>
       </view>
     </view>

src/pages/index/tabs/Mine.jsx

 
-import { useState } from 'react'
+import { useState, useEffect } from 'react'
 import Taro from '@tarojs/taro'
 import { Slot } from '@tarojs/components'
 import AuthPage from '@/components/AuthPage'
 import DefaultImage from '@/assets/icons/UserCenter/DefaultImage.png'
 import cutoverUser from '@/assets/icons/UserCenter/cutoverUser.png'
 import SwitchSelect from '@/components/SwitchSelect'
+import { PaysOrder, getMineOrder } from '@/services/payOrder' //创建订单
+
 import { useModel } from '@/store'
 import './MineCss/style.less'
 
   const { getAvatar } = useModel('person')
   const [showCutover, setShowCutover] = useState(false)
   const hasAvatar = !!person.avatar
-  // const hidePhone = person.phone.replace(/^(\d{3})\d{4}(\d+)/, "$1****$2")
-  // console.log("🚀 ~ file: Mine.jsx ~ line 31 ~ hidePhone", hidePhone)
+  const [orderNum, setOrderNum] = useState([])
+  console.log("🚀 ~ file: Mine.jsx ~ line 34 ~ orderNum", orderNum)
+
 
   const ShowMoldeOn = () => {
-    setShowCutover(true)
+    setShowCutover(!showCutover)
+
   }
 
+  useEffect(() => {
+    getMineOrder().then(res => setOrderNum(res))
+
+  }, [])
+
+
+
   // 通过getUserProfile获取微信用户信息
   const handleGetUserProfile = () => {
     if (hasAvatar) return;
             <view className='buy-list-Paybox' onClick={handleTobePaid} >
               <image className='buy-list-PayLogo' src={awaitPay} />
               <view className='buy-list-goPay'>待支付</view>
-              <view className='buy-list-OrderNumber'>2笔订单</view>
+              <view className='buy-list-OrderNumber'>{orderNum?.unPayNum}笔订单</view>
             </view>
             <view className='buy-list-Paybox ' onClick={handleTobeWritten} >
               <image className='buy-list-PayLogo' src={ToShop} />
               <view className='buy-list-goPay'>待核销</view>
-              <view className='buy-list-OrderNumber'>1个订单</view>
+              <view className='buy-list-OrderNumber'>{orderNum?.unVerifiedNum}个订单</view>
             </view>
             <view className='buy-list-Paybox ' onClick={handleAllOrder} >
               <image className='buy-list-PayLogo' src={AllOrder} />
             <view className='buy-list-Paybox ' onClick={handleRefund} >
               <image className='buy-list-PayLogo' src={Refund} />
               <view className='buy-list-goPay'>退款/售后</view>
-              <view className='buy-list-OrderNumber'>2笔订单</view>
+              <view className='buy-list-OrderNumber'>{orderNum?.refundNum}笔订单</view>
             </view>
           </view>
           <view className='Badge-box'>

src/services/payOrder.js

 //支付订单模块
 import request from '@/utils/request'
 //套餐订单列表用哪个接口
+
+export const getMineOrder = () => request('/orderSub/summary/mine',)
+
+
+
+export const PaysOrder = (data) => request('/order', { data, method: 'post' })
+
+
+
 //订单详情，订单修改数量