flx

src/components/BossCard/index.jsx

   return (
     <view class='container'>
       <view class='wrapper'>
-        <view class='left-complete-one' onClick={() => { goFood() }} >
+        <view class='left-complete-one'  >
           <image className='left-image-1' src={ProCard_hot}></image>
           <view className='left-viewText'>
             返现￥{item.cashback / 100}
             <image className='image-2' src={food}></image>
           </view>
           <view className='title-content'>
-            <view className='Pro-title'>
+            <view className='Pro-title' onClick={() => { goFood() }} >
               <view className='title-text'>{(item.description).toString().length > 25 ? (item.description).substring(0, 25) + '...' : (item.description)}</view>
             </view>
             <text className='title-money' >￥{item.actualPrice / 100}元<text className='title-money-2'>门市价{item.standardPrice / 100}元</text></text>

src/components/ShopCommission/index.jsx

+import Taro from '@tarojs/taro'
+import { useEffect } from 'react'
+import { getAccount } from '@/services/shopBoss'
+import formatTimes from '@/utils/formatTime'
+
+import './style.less'
+
+
+export default (props) => {
+
+  const { item } = props
+
+
+  return (
+    <view className='spreadCard'>
+      <view className='spreadDate'>日期：<text>{formatTimes(item.createDate, "yyyy/MM/dd")}</text></view>
+      <view className='card'>
+        <view className='spreadTime'>时&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间：<text>{formatTimes(item.createDate, "yyyy/MM/dd hh:ss")}</text></view>
+        <view className='spreadMoney'>收入金额：<text>{item.amount / 100}</text>元</view>
+      </view>
+    </view>
+  )
+}

src/components/ShopCommission/style.less

+.spreadCard{
+  margin-bottom: 1px;
+  .spreadDate{
+    font-size: 20px;
+    color: #202020;
+    line-height: 60px;
+  }
+  .card{
+    height: 166px;
+    background: #FFF;
+    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);
+    border-radius: 12px;
+    padding: 40px 0 43px 22px;
+    font-size: 24px;
+    color: #202020;
+    box-sizing: border-box;
+    .spreadMoney{
+      line-height: 60px;
+    }
+  }
+}

src/components/ShopUnused/index.jsx

+import Taro from '@tarojs/taro'
+import { useState, useEffect } from 'react'
+import iconsearch from '@/assets/icons/housemantj/search.png'
+import ms from '@/assets/icons/housemantj/ms3.jpg'
+import cutoverUser from '@/assets/icons/UserCenter/cutoverUser.png'
+import './style.less'
+
+
+export default (props) => {
+  const { } = props
+
+
+
+  useEffect(() => {
+
+  }, [])
+
+  return (
+    <view className='orderCard'>
+      <view style={{ overflow: 'hidden' }}>
+        <view className='orderId'>订单编号：<text>ABC123456789</text></view>
+        <view className='orderTime'>下单日期：<text>2021-06-22 12:35</text></view>
+      </view>
+      <view className='order'>
+        <image className='orderImg' src={ms} mode='aspectFit' />
+        <view className='orderRight'>
+          <view className='foodName'>【SEOUL.创意韩国料理】火爆全南京，
+            新街口又开新店啦...</view>
+          <view className='price'>合计金额：￥<text style={{ fontSize: '24rpx' }}>88</text>元 <text className='pnum'>数量：<text>1</text>张</text> </view>
+          <view>已下单：等待客户上门就餐</view>
+        </view>
+        <view className='line' />
+
+        <view className='phone'>客户手机：<text>136****9434</text></view>
+        <view className='tripTime'>客户行程日期：预计在<text>2021-06-21中下午10:30-16:30</text></view>
+      </view>
+    </view>
+  )
+}

src/components/ShopUnused/style.less

+.orderCard{
+  margin-bottom: 20px;
+  .orderId{
+    font-size: 20px;
+    color: #666666;
+    line-height: 44px;
+    float: left;
+    margin: 60px 0 32px 0;
+
+  }
+  .orderTime{    
+    font-size: 20px;
+    color: #666666;
+    line-height: 44px;
+    float: right;
+    margin: 60px 0 32px 0;
+  }
+  .order{
+    background: #FFFFFF;
+    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);
+    border-radius: 12px;
+    padding: 20px;
+    .orderImg{
+      width: 194px;
+      height: 194px;
+      border-radius: 22px;
+      float: left;
+      margin:0 26px 30px 0;
+    }
+    .orderRight{
+      .foodName{
+        height: 63px;
+        font-size: 24px;
+        color: #333333;
+        line-height: 40px;
+      }
+      .price{
+        font-size: 20px;
+        font-weight: bold;
+        color: #202020;
+        line-height: 44px;
+        margin: 37px 0 40px 0;
+        height: 19px;
+        .pnum{
+          color: #333333;
+          font-weight: 400;
+          margin-left: 47px;         
+        }
+      }
+      .price+view{
+        font-size: 20px;
+        font-weight: bold;
+        color: #FF3434;
+        line-height: 44px;
+        margin-bottom: 35px;
+        height: 19px;
+      }
+    }
+    .line{
+      width: 100%;
+      height: 2px;
+      background: #000;
+      opacity: 0.1;
+    }
+    .phone{
+      font-size: 24px;
+      color: #666666;
+      line-height: 44px;
+      height: 23px;
+      margin: 30px 0;
+    }
+    .button-OK{
+      width: 160px;
+    height: 40px;
+    background: #1A3B83;
+    /* margin: 0 auto; */
+    line-height: 40px;
+    border-radius: 12px;
+    font-size: 23px;
+    color: #ffffff;
+    position: relative;
+    right: -8em;
+    top: -2em;
+    }
+    .tripTime{
+      font-size: 24px;
+      color: #666666;
+      line-height: 44px;
+      margin-bottom: 30px;
+    }
+  }
+  
+}

src/components/ShopUsed/index.jsx

+import Taro from '@tarojs/taro'
+import { useState, useEffect } from 'react'
+import iconsearch from '@/assets/icons/housemantj/search.png'
+import ms from '@/assets/icons/housemantj/ms3.jpg'
+import cutoverUser from '@/assets/icons/UserCenter/cutoverUser.png'
+import './style.less'
+
+
+export default (props) => {
+  const { } = props
+
+
+
+  useEffect(() => {
+
+  }, [])
+
+  return (
+    <view className='orderCard'>
+      <view style={{ overflow: 'hidden' }}>
+        <view className='orderId'>订单编号：<text>ABC123456789</text></view>
+        <view className='orderTime'>下单日期：<text>2021-06-22 12:35</text></view>
+      </view>
+      <view className='order'>
+        <image className='orderImg' src={ms} mode='aspectFit' />
+        <view className='orderRight'>
+          <view className='foodName'>【SEOUL.创意韩国料理】火爆全南京，
+            新街口又开新店啦...</view>
+          <view className='price'>合计金额：￥<text style={{ fontSize: '24rpx' }}>88</text>元 <text className='pnum'>数量：<text>1</text>张</text> </view>
+          <view>已下单：等待客户上门就餐</view>
+        </view>
+        <view className='line' />
+
+        <view className='phone'>客户手机：<text>136****9434</text><button className='button-OK'  >确认核销</button> </view>
+        <view className='tripTime'>客户行程日期：预计在<text>2021-06-21中下午10:30-16:30</text></view>
+      </view>
+    </view>
+  )
+}

src/components/ShopUsed/style.less

+.orderCard{
+  margin-bottom: 20px;
+  .orderId{
+    font-size: 20px;
+    color: #666666;
+    line-height: 44px;
+    float: left;
+    margin: 60px 0 32px 0;
+
+  }
+  .orderTime{    
+    font-size: 20px;
+    color: #666666;
+    line-height: 44px;
+    float: right;
+    margin: 60px 0 32px 0;
+  }
+  .order{
+    background: #FFFFFF;
+    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);
+    border-radius: 12px;
+    padding: 20px;
+    .orderImg{
+      width: 194px;
+      height: 194px;
+      border-radius: 22px;
+      float: left;
+      margin:0 26px 30px 0;
+    }
+    .orderRight{
+      .foodName{
+        height: 63px;
+        font-size: 24px;
+        color: #333333;
+        line-height: 40px;
+      }
+      .price{
+        font-size: 20px;
+        font-weight: bold;
+        color: #202020;
+        line-height: 44px;
+        margin: 37px 0 40px 0;
+        height: 19px;
+        .pnum{
+          color: #333333;
+          font-weight: 400;
+          margin-left: 47px;         
+        }
+      }
+      .price+view{
+        font-size: 20px;
+        font-weight: bold;
+        color: #FF3434;
+        line-height: 44px;
+        margin-bottom: 35px;
+        height: 19px;
+      }
+    }
+    .line{
+      width: 100%;
+      height: 2px;
+      background: #000;
+      opacity: 0.1;
+    }
+    .phone{
+      font-size: 24px;
+      color: #666666;
+      line-height: 44px;
+      height: 23px;
+      margin: 30px 0;
+    }
+    .button-OK{
+      width: 160px;
+    height: 40px;
+    background: #1A3B83;
+    /* margin: 0 auto; */
+    line-height: 40px;
+    border-radius: 12px;
+    font-size: 23px;
+    color: #ffffff;
+    position: relative;
+    right: -8em;
+    top: -2em;
+    }
+    .tripTime{
+      font-size: 24px;
+      color: #666666;
+      line-height: 44px;
+      margin-bottom: 30px;
+    }
+  }
+  
+}
+.botton{
+  font-size: 28px;   
+  color: #C0C8D3;
+  line-height: 34px;
+  text-align: center;
+  padding:40px 0 100px 0;
+}

src/components/foodCards/foodCards.jsx

 import baixin from '@/assets/icons/housemantj/收藏.png'
 import './style.less'
 import useSave from "@/utils/hooks/useSave"
-import {getShopDetail,getShopcity} from '@/services/home'
+import { getShopDetail, getShopcity } from '@/services/home'
 import { useState, useEffect } from 'react'
 
 
 //套餐卡片
 export default (props) => {
   const { item } = props
-  const [isSaved, toggleSave] = useSave(item.isSaved,'shop_package', item.packageId)
-  const [city,setCity]=useState({})
-  const [detail,setDetail]=useState({})
+  const { shopId } = props.item
+  const [isSaved, toggleSave] = useSave(item.isSaved, 'shop_package', item.packageId)
+  const [city, setCity] = useState({})
+  const [detail, setDetail] = useState({})
+
+  const goFood = () => {
+    Taro.navigateTo({ url: `/pages/details/foodDetails/foodDetails?id=${shopId}` })
+
+  }
 
   useEffect(() => {
-  getShopDetail(item.shopId).then((res)=>{
-    setDetail(res)
-    getShopcity(res.cityId).then((res2)=>{
-      setCity(res2)
+    getShopDetail(item.shopId).then((res) => {
+      setDetail(res)
+      getShopcity(res.cityId).then((res2) => {
+        setCity(res2)
+      })
     })
-  })
-}, [])
-const star=parseFloat(((detail.sweetScore+detail.environmentScore+detail.serviceScore)/3).toFixed(1)); 
+  }, [])
+  const star = parseFloat(((detail.sweetScore + detail.environmentScore + detail.serviceScore) / 3).toFixed(1));
 
   return (
-      <view className='foodCard'>
-        <view className='fCleft'>
-          <view className='backMoney'>
-            返现￥{item.cashback/100}
-          </view>
-          <view className='appraise'>
-            <Star star={star} />
-            <text className='storezf'>{star}</text>
+    <view className='foodCard'>
+      <view className='fCleft'>
+        <view className='backMoney'>
+          返现￥{item.cashback / 100}
+        </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).toString().length > 25 ? (item.description).substring(0, 25) + '...' : (item.description)}</view>
+            <view className='jiage' onClick={() => { goFood() }} >
+              <text className='rmb' >￥&nbsp;&nbsp;</text>
+              <text className='p1'><text className='price' >{item.actualPrice / 100}</text>元&nbsp;&nbsp;</text>
+              <text className='p2'>门市价<text className='oldprice' >{item.standardPrice / 100}</text>元</text>
             </view>
-            <view className='neirong'>
-              <view className='textword'>{(item.description).toString().length>25?(item.description).substring(0, 25)+'...':(item.description)}</view>
-              <view className='jiage'>
-                <text className='rmb' >￥&nbsp;&nbsp;</text>
-                <text className='p1'><text className='price' >{item.actualPrice/100}</text>元&nbsp;&nbsp;</text>
-                <text className='p2'>门市价<text className='oldprice' >{item.standardPrice/100}</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' onClick={()=>{Taro.navigateTo({ url: `/pages/PayOrder/index?packageId=${item.packageId}` });}}>
-          <image src={pay} />
-          <view>支付</view>
-        </view>
-        <view className='columnLine'></view>
       </view>
-    
+      <view className='fCright' onClick={() => { Taro.navigateTo({ url: `/pages/PayOrder/index?packageId=${item.packageId}` }); }}>
+        <image src={pay} />
+        <view>支付</view>
+      </view>
+      <view className='columnLine'></view>
+    </view>
+
   )
 }

src/pages/details/foodDetails/foodDetails.jsx

 import withLayout from '@/layouts'
 import { getShopDetail, getShopPackage, getExtendContent } from '@/services/home'
 import { useState, useEffect, useRef } from 'react'
+
 import { Swiper, SwiperItem } from '@tarojs/components';
+import BossCard from '@/components/BossCard'
+
 import Star from '@/components/Star/Star.jsx'
 import Cards from '@/components/foodCards/foodCards.jsx'
 import ax from '@/assets/icons/housemantj/onlove.png'

src/pages/details/mjDetails/sceneryDetails.jsx

 import CustomNav from '@/components/CustomNav'
+import BossCard from '@/components/BossCard'
+
 import ax from '../../../assets/icons/housemantj/onlove.png'
 import hongxin from '../../../assets/icons/housemantj/已收藏.png'
 import baixin from '../../../assets/icons/housemantj/收藏.png'
 import share from '../../../assets/icons/housemantj/景点分享.png'
 import good from '../../../assets/icons/housemantj/景点爆赞.png'
 import collection from '../../../assets/icons/housemantj/景点收藏.png'
+
 import withLayout from '@/layouts'
 import { useState, useEffect, useRef } from 'react'
 import { getTouristDetail, getExtendContent, getRecommendList } from '@/services/home'

src/pages/index/tabs/Guide.jsx

 import { useState, useEffect, useRef } from "react";
 import Taro from '@tarojs/taro'
 import MoreGuide from "@/components/MoreGuide";
-import Cards from '@/components/foodCards/foodCards.jsx'
 import BossCard from '@/components/BossCard'
-import image from '@/assets/icons/ProCard/8kb.jpg'
-import Pay from '@/assets/icons/GuideCheck/Pay_logo.png'
-import food from '@/assets/icons/ProCard/food.png'
-import ProCard_hot from '@/assets/icons/ProCard/ProCard_hot.png'
 import Taxi from '@/assets/icons/GuideCheck/taxi.png'
 import WiFi from '@/assets/icons/GuideCheck/WiFi.png'
 import GoHere from '@/assets/icons/GuideCheck/GoHere.png'
-import position from '@/assets/icons/GuideCheck/position_logo.png'
 import Cup from '@/assets/icons/GuideCheck/Cup.png'
 import BlackSpot from '@/assets/icons/GuideCheck/BlackSpot.png'
-import starOn from '@/assets/icons/GuideCheck/starOn.png'
-import starOff from '@/assets/icons/GuideCheck/starOff.png'
-import { getRecommendList, getExtendContent, getShopPackage } from '@/services/home'
+import { getRecommendList, getExtendContent } from '@/services/home'
 import sleep from '@/assets/icons/GuideCheck/sleep_logo.png'
 import { getTaRoom, goToRoomForm } from '@/services/taRoom​'
 import showMore from '../../../assets/icons/housemantj/查看更多.png'
 import './GuideCss/style.less'
 
 
-const scoreList = new Array(5).fill(0)
-const score = '3.9'
 
 
 
           </view>
         </view>
         {spackage?.map((item, index) => <BossCard key={(index)} item={item} />)}
-
         {/* 卡片------------- */}
         {/* <view className='Guide-Content-box-two'>
           <view className='title-image-two'>

src/services/shopBoss.js

+
+import request from '@/utils/request'
+
+
+/**
+ * 商铺老板详情
+ * @param {*} 
+ * @returns 
+ */
+export const getShopList = (params) => request(`/shop/manage/index`, { params })
+
+
+/**
+ * 商铺账户全年订单收入/推广
+ * @param {*} 
+ * @returns 
+ */
+export const getShopMoney = (id, amountType) => request(`/shop/${id}/account?amountType=${amountType}`, { id })
+
+
+/**
+ * 商铺推广收入
+ * @param {*} 
+ * @returns 
+ */
+export const getAccount = (id,) => request(`/shop/account/${id}/log`, { id })
+

src/shop/components/ShopKeeper/shopKeeper.jsx

 import { React, useState, useEffect, } from 'react'
 import Taro, { useRouter } from '@tarojs/taro'
 import CustomNav from '@/components/CustomNav'
+import Picker from '@/components/Picker'
 import Popup from '@/components/Popup'
+import ShopUsed from '@/components/ShopUsed' //已核销
+import ShopUnused from '@/components/ShopUnused' //未核销
 import eyes from '@/assets/icons/shopKeeper/小眼睛.png'
 import ceyes from '@/assets/icons/shopKeeper/小眼睛-闭上.png'
 import iconsearch from '@/assets/icons/housemantj/search.png'
 
 
 export default (props) => {
-
+  const { shopList, shop, account, onHotelChange, accountlog, shopMoney } = props
   const [activeTab, setActiveTab] = useState(0)
   const { params } = useRouter()
   const { tabJump } = params || {}
+
+  const [isyear, setYear] = useState(false)
+  const [isMomth, setMonth] = useState(false)
+  //小眼睛开关
+  const handleYear = () => {
+    isyear ? setYear(false) : setYear(true)
+  }
+  const handleMonth = () => {
+    isMomth ? setMonth(false) : setMonth(true)
+  }
+
+
+  const handleHotelChange = (shopId, current) => {
+    onHotelChange(current)
+  }
+
   useEffect(() => {
     if (tabJump) {
       setActiveTab(tabJump - 0)
     },
   ]
 
+
   const [showCutover, setShowCutover] = useState(false)
   const ShowMoldeOn = () => {
     setShowCutover(true)
   return (
     <view>
       <view>
-        <CustomNav title='十公里' />
       </view>
       <ToggleRole showCutover={showCutover} onClose={onClose} role='shop' />
-
       <view style={{ padding: '30rpx', height: '100%' }}>
-        <scroll-view scroll-y="true" scroll-view='true' bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" style={{ height: 'calc(100vh - 120px)' }}>
+        <scroll-view scroll-y scroll-view='true' bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" style={{ height: 'calc(100vh - 120px)' }}>
           <view className='storexx'>
-            <view className='storeName'>店名：<text>Yun咖 云里 咖啡店</text></view>
+            <view className='storeName'>店名：<Picker style={{ display: 'inline-block' }} placeholder="请选择商铺" value={shop?.shopId} kv={['shopName', 'shopId']} dicts={shopList} onChange={handleHotelChange} /></view>
             <view onClick={ShowMoldeOn} className='User-info-cutover'>
               <image className='User-info-cutover-image' src={cutoverUser} />
             </view>
             <view className='money'>
               <view className='sleft'>
                 <view className='lword'>全年订单收入（税前）</view>
+
                 <view className='yearMoney'>
-                  <text>2800000</text>元
-                  <image className='micon' src={eyes}></image>
+                  <text>{isyear ? shopMoney?.totalCharges : '******'}</text>元
+                  <image className='micon' src={isyear ? eyes : ceyes} onClick={handleYear} />
                 </view>
               </view>
               <view className='line' />
               <view className='sright'>
                 <view className='rword'>当月订单收入（税前）</view>
                 <view className='monthMoney'>
-                  <text>******</text>元
-                  <image className='micon2' src={ceyes}></image>
+                  <text>{isMomth ? shopMoney?.currentCharges : '******'}</text>元
+                  <image className='micon2' src={isMomth ? eyes : ceyes} onClick={handleMonth}></image>
                 </view></view>
             </view>
           </view>
           </view>
 
           <view>
+            {/* 未核销 */}
             {activeTab === 0 &&
-              <view className='orderCard'>
-                <view style={{ overflow: 'hidden' }}>
-                  <view className='orderId'>订单编号：<text>ABC123456789</text></view>
-                  <view className='orderTime'>下单日期：<text>2021-06-22 12:35</text></view>
-                </view>
-                <view className='order'>
-                  <image className='orderImg' src={ms} mode='aspectFit' />
-                  <view className='orderRight'>
-                    <view className='foodName'>【SEOUL.创意韩国料理】火爆全南京，
-                      新街口又开新店啦...</view>
-                    <view className='price'>合计金额：￥<text style={{ fontSize: '24rpx' }}>88</text>元 <text className='pnum'>数量：<text>1</text>张</text> </view>
-                    <view>已下单：等待客户上门就餐</view>
-                  </view>
-                  <view className='line' />
-                  <view className='phone'>客户手机：<text>136****9434</text></view>
-                  <view className='tripTime'>客户行程日期：预计在<text>2021-06-21中下午10:30-16:30</text></view>
-                </view>
-              </view>
+              <ShopUnused />
             }
+            {/* 已核销 */}
             {activeTab === 1 &&
               <>
-                <view className='orderCard'>
-                  <view style={{ overflow: 'hidden' }}>
-                    <view className='orderId'>订单编号：<text>ABC123456789</text></view>
-                    <view className='orderTime'>下单日期：<text>2021-06-22 12:35</text></view>
-                  </view>
-                  <view className='order'>
-                    <image className='orderImg' src={ms} mode='aspectFit' />
-                    <view className='orderRight'>
-                      <view className='foodName'>【SEOUL.创意韩国料理】火爆全南京，
-                        新街口又开新店啦...</view>
-                      <view className='price'>合计金额：￥<text style={{ fontSize: '24rpx' }}>88</text>元 <text className='pnum'>数量：<text>1</text>张</text> </view>
-                      <view>已下单：等待客户上门就餐</view>
-                    </view>
-                    <view className='line' />
-                    <view className='phone'>客户手机：<text>136****9434</text></view>
-                    <view className='tripTime'>客户行程日期：预计在<text>2021-06-21中下午10:30-16:30</text></view>
-                  </view>
-                </view>
-                <view className='orderCard'>
-                  <view style={{ overflow: 'hidden' }}>
-                    <view className='orderId'>订单编号：<text>ABC123456789</text></view>
-                    <view className='orderTime'>下单日期：<text>2021-06-22 12:35</text></view>
-                  </view>
-                  <view className='order'>
-                    <image className='orderImg' src={ms} mode='aspectFit' />
-                    <view className='orderRight'>
-                      <view className='foodName'>【SEOUL.创意韩国料理】火爆全南京，
-                        新街口又开新店啦...</view>
-                      <view className='price'>合计金额：￥<text style={{ fontSize: '24rpx' }}>88</text>元 <text className='pnum'>数量：<text>1</text>张</text> </view>
-                      <view>已下单：等待客户上门就餐</view>
-                    </view>
-                    <view className='line' />
-                    <view className='phone'>客户手机：<text>136****9434</text></view>
-                    <view className='tripTime'>客户行程日期：预计在<text>2021-06-21中下午10:30-16:30</text></view>
-                  </view>
-                </view>
+                <ShopUsed />
               </>
             }
           </view>

src/shop/components/ShopKeeper/shopKeeper.less

         color: #FF3434;
       }
       .micon2{
-        width: 34px;
-        height: 16px;
+        width: 38px;
+        height: 22px;
         margin-left: 23px;
-        margin-bottom: 7px;
+        margin-bottom: -2px;
       }
     }
   }
       height: 23px;
       margin: 30px 0;
     }
+    .button-OK{
+      width: 160px;
+    height: 40px;
+    background: #1A3B83;
+    /* margin: 0 auto; */
+    line-height: 40px;
+    border-radius: 12px;
+    font-size: 23px;
+    color: #ffffff;
+    position: relative;
+    right: -8em;
+    top: -2em;
+    }
     .tripTime{
       font-size: 24px;
       color: #666666;

src/shop/components/Sparead/spreadMoney.jsx

-import { useState } from 'react'
+import { useState, useEffect } from 'react'
 import Taro from '@tarojs/taro'
 import CustomNav from '@/components/CustomNav'
 import Popup from '@/components/Popup'
+import Picker from '@/components/Picker'
+import ShopCommission from '@/components/ShopCommission'
 import eyes from '@/assets/icons/shopKeeper/小眼睛.png'
 import ceyes from '@/assets/icons/shopKeeper/小眼睛-闭上.png'
 import cutoverUser from '@/assets/icons/UserCenter/cutoverUser.png'
 import touristOFF from '@/assets/icons/UserCenter/touristOFF.png'
 import hotelBossOFF from '@/assets/icons/UserCenter/hotelBossOFF.png'
 import shopBossON from '@/assets/icons/UserCenter/shopBossON.png'
+import { getAccount } from '@/services/shopBoss'
+
 import './spreadMoney.less'
 import ToggleRole from '@/components/toggleRole/ToggleRole'
 
 export default (props) => {
-
+  const { shopList, shop, account, onHotelChange, accountlog, shopMoney } = props
   const [showCutover, setShowCutover] = useState(false)
+  const [isyear, setYear] = useState(false)
+  const [isMomth, setMonth] = useState(false)
+  const [shopAccount, setShopAccount] = useState([])
+  const acc = shopMoney?.acc
+  const { accountId } = acc
+
+
+
+  useEffect(() => {
+    getAccount(accountId).then((e) => {
+      const accContent = e.records
+      setShopAccount(accContent)
+
+    })
+  }, [accountId])
+
+  //小眼睛开关
+  const handleYear = () => {
+    isyear ? setYear(false) : setYear(true)
+  }
+  const handleMonth = () => {
+    isMomth ? setMonth(false) : setMonth(true)
+  }
+
+  //商铺更改
+  const handleHotelChange = (shopId, current) => {
+    onHotelChange(current)
+  }
+
+
+
   const ShowMoldeOn = () => {
     setShowCutover(true)
   }
   return (
     <view>
       <view>
-        <CustomNav title='十公里' />
       </view>
       <ToggleRole showCutover={showCutover} onClose={onClose} role='shop' />
       <view style={{ padding: '30rpx', height: '100%' }}>
         <scroll-view scroll-y="true" scroll-view='true' bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" style={{ height: 'calc(100vh - 120px)' }}>
           <view className='storexx'>
-            <view className='storeName'>店名：<text>Yun咖 云里 咖啡店</text></view>
+            <view className='storeName'>店名：<Picker style={{ display: 'inline-block' }} placeholder="请选择商铺" value={shop?.shopId} kv={['shopName', 'shopId']} dicts={shopList} onChange={handleHotelChange} /></view>
             <view onClick={ShowMoldeOn} className='User-info-cutover'>
               <image className='User-info-cutover-image' src={cutoverUser} />
             </view>
               <view className='sleft'>
                 <view className='lword'>全年推广收入（税前）</view>
                 <view className='yearMoney'>
-                  <text>2800000</text>元
-                  <image className='micon' src={eyes}></image>
+                  <text>{isyear ? shopMoney?.totalCharges : '******'}</text>元
+                  <image className='micon' src={isyear ? eyes : ceyes} onClick={handleYear} />
                 </view>
               </view>
               <view className='line' />
               <view className='sright'>
                 <view className='rword'>当月推广收入（税前）</view>
                 <view className='monthMoney'>
-                  <text>******</text>元
-                  <image className='micon2' src={ceyes}></image>
+                  <text>{isMomth ? shopMoney?.currentCharges : '******'}</text>元
+                  <image className='micon2' src={isMomth ? eyes : ceyes} onClick={handleMonth}></image>
                 </view></view>
             </view>
           </view>
           <view className='title'>推广收入记录</view>
-          <view>
-            <view className='spreadCard'>
-              <view className='spreadDate'>日期：<text>2021-06-24</text></view>
-              <view className='card'>
-                <view className='spreadTime'>时&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间：<text>2021-06-24  20:45</text></view>
-                <view className='spreadMoney'>收入金额：<text>5.00</text>元</view>
-              </view>
-            </view>
-            <view className='spreadCard'>
-              <view className='spreadDate'>日期：<text>2021-06-24</text></view>
-              <view className='card'>
-                <view className='spreadTime'>时&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间：<text>2021-06-24  20:45</text></view>
-                <view className='spreadMoney'>收入金额：<text>5.00</text>元</view>
-              </view>
-            </view>
-          </view>
+          {
+            shopAccount.map((item, index) => {
+              return (
+                <ShopCommission item={item} />
+
+              )
+            })
+          }
           <view className='botton'>已经到底了~</view>
         </scroll-view>
       </view>

src/shop/components/Sparead/spreadMoney.less

         color: #FF3434;
       }
       .micon2{
-        width: 34px;
-        height: 16px;
+        width: 38px;
+        height: 22px;
         margin-left: 23px;
-        margin-bottom: 7px;
+        margin-bottom: -2px;
       }
     }
   }
   line-height: 60px;
   margin: 62px 0 10px 1px;
 }
-.spreadCard{
-  margin-bottom: 1px;
-  .spreadDate{
-    font-size: 20px;
-    color: #202020;
-    line-height: 60px;
-  }
-  .card{
-    height: 166px;
-    background: #FFF;
-    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);
-    border-radius: 12px;
-    padding: 40px 0 43px 22px;
-    font-size: 24px;
-    color: #202020;
-    box-sizing: border-box;
-    .spreadMoney{
-      line-height: 60px;
-    }
-  }
-}
+
 .botton{
   font-size: 28px;   
   color: #C0C8D3;

src/shop/pages/spread/spreadIndex.jsx

 import React, { useState, useEffect } from 'react'
+import CustomNav from '@/components/CustomNav'
 import { useRouter } from '@tarojs/taro'
+import { getShopList, getShopMoney, getAccount } from '@/services/shopBoss'
 import ShopKeeper from '../../components/ShopKeeper/shopKeeper'
 import Sparead from '../../components/Sparead/spreadMoney'
 import TabBar from '@/components/CustTabBar'
 import onShopImg from '@/assets/icons/shopKeeper/订单收入按下.png'
 import spareadImg from '@/assets/icons/shopKeeper/推广收入.png'
 import onSpareadImg from '@/assets/icons/shopKeeper/推广收入按下.png'
-import './spreadIndex.less'
 import withLayout from '@/layouts'
 
+import './spreadIndex.less'
+
+
 export default withLayout((props) => {
   const { router, person } = props
 
   const { params } = useRouter()
   const { tab } = params || {}
-
   const [currentTab, setCurrentTab] = useState(0)
+  const [shopList, setShopList] = useState([])
+  const [shop, setShop] = useState()
+  const shopId = shop?.shopId
+  console.log("🚀 ~ file: spreadIndex.jsx ~ line 26 ~ withLayout ~ shopId", shopId)
+  const [account, setAccount] = useState()
+  const [accountlog, setAccountLog] = useState([])
 
+  const [amountType, setAmountType] = useState('order')
+  const [shopMoney, setShopMoney] = useState([])
   const handleTabChange = (e) => {
     const { index } = e.detail
     setCurrentTab(index)
   }
 
+  const handelType = () => {
+    setAmountType('commission')
+  }
+
+  useEffect(() => {
+    getShopList().then((res) => {
+      const { shopList: list, account: acc, shop: current } = res
+      setShopList(list)
+      setShop(current)
+      setAccount(acc)
+      console.log("🚀 ~ file: shopKeeper.jsx ~ line 48 ~ getShopList ~ res", res)
+
+
+
+    })
+
+  }, [])
+
+  useEffect(() => {
+    if (shopId) {
+      getShopMoney(shopId, amountType).then((e) => {
+        setShopMoney(e)
+
+      })
+    }
+
+  }, [amountType, shopId])
+
+
+  const handleHotelChange = (current) => {
+    console.log('已选择店铺', current);
+    // getNowHotelManage(current.shopId).then((res) => {
+    //   const { account: acc } = res
+    //   setAccount(acc)
+    //   setHotel(current)
+    //   getAccountLogList(acc.accountId).then((res2) => {
+    //     setAccountLog(res2.records || [])
+    //   })
+    // })
+  }
+
   useEffect(() => {
     if (tab) {
       setCurrentTab(tab - 0)
 
   return (
     <view className='page-index'>
+      <CustomNav title={shop?.shopName} />
+
       <view className='index-container'>
-        {currentTab === 0 && <ShopKeeper />}
-        {currentTab === 1 && <Sparead />}
+        {currentTab === 0 && <ShopKeeper shopList={shopList} shop={shop} account={account} onHotelChange={handleHotelChange} accountlog={accountlog} shopMoney={shopMoney} />}
+        {currentTab === 1 && <Sparead shopList={shopList} shop={shop} account={account} onHotelChange={handleHotelChange} accountlog={accountlog} shopMoney={shopMoney} />}
       </view>
       <view className='index-tabbar'>
         <TabBar extClass='custom-tabbar bottomTab' current={currentTab} onChange={handleTabChange}>
           <view className={`${currentTab === 0 ? 'orderstab' : ''}`}>
             <image className='incomes' src={currentTab === 0 ? onShopImg : shopImg} /><text>订单收入</text>
           </view>
-          <view className={`${currentTab === 1 ? 'spreadtab' : ''}`}>
+          <view className={`${currentTab === 1 ? 'spreadtab' : ''}`} onClick={() => { handelType() }} >
             <image className='house' src={currentTab === 1 ? onSpareadImg : spareadImg} /><text>推广收入</text>
           </view>
         </TabBar>