fxl

src/components/BossCard/index.jsx

@@ -1,62 +1,72 @@
-import withLayout from '@/layouts'
+import Taro from '@tarojs/taro'
 import useSave from "@/utils/hooks/useSave"
-import image from '@/assets/icons/ProCard/8kb.jpg'
-import AuthPage from '@/components/AuthPage'
-import formatTimes from '@/utils/formatTime'
+import { getShopDetail, getShopcity } from '@/services/home'
 import { useState, useEffect } from 'react'
-import { Button, Radio, Input } from '@tarojs/components'
+import Star from '@/components/Star/Star.jsx'
+import position from '@/assets/icons/GuideCheck/position_logo.png'
+import Pay from '@/assets/icons/GuideCheck/Pay_logo.png'
+import starOff from '@/assets/icons/GuideCheck/starOff.png'
+import starOn from '@/assets/icons/GuideCheck/starOn.png'
 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 { } = props
+  const { item } = props
+  const [isSaved, toggleSave] = useSave(item.isSaved, 'shop_package', item.packageId)
+  const [city, setCity] = useState({})
+  const [detail, setDetail] = useState({})
 
+  useEffect(() => {
+    getShopDetail(item.shopId).then((res) => {
+      setDetail(res)
+      getShopcity(res.cityId).then((x) => {
+        setCity(x)
+      })
+    })
+  }, [])
+  const star = parseFloat(((detail.sweetScore + detail.environmentScore + detail.serviceScore) / 3).toFixed(1));
   return (
-
     <view class='container'>
       <view class='wrapper'>
         <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='card-box-star'>
-            {
-              scoreList.map((_, index) => {
-                const src = (index + '0.1') < score ? starOn : starOff
-                return (
-                  <image className='card-star-image' key={index} src={src} />
-                )
-              })
-            }
-            <text className='card-star-text' >{score}</text>
+            <Star star={star} />
+            <text className='card-star-text' >{star}</text>
           </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).toString().length > 25 ? (item.description).substring(0, 25) + '...' : (item.description)}</view>
             </view>
-            <text className='title-money' >￥6990元<text className='title-money-2'>门市价78元</text></text>
+            <text className='title-money' >￥{item.actualPrice / 100}元<text className='title-money-2'>门市价{item.standardPrice / 100}元</text></text>
             <view className='title-position-on'>
               <image className='title-position' src={position} />
-              <text className='title-position-image'>南京市/秦淮区</text>
-              <image className='title-on' src={imageSrc} />
-              <text onClick={() => AddCollect()} className='title-on-text'>{value}</text>
+              <text className='title-position-image'>{city.areaPName}/{city.areaName}</text>
+              <view style={{ display: 'inline-block' }} onClick={toggleSave}>
+
+                <image className='title-on' src={isSaved > 0 ? starOn : starOff} />
+                <text className='title-on-text'>{isSaved > 0 ? '已收藏' : '加入收藏'}</text>
+              </view>
             </view>
           </view>
         </view>
         <view class='right-complete-two'>
-          <view className='right-content'>
+          <view className='right-content' onClick={() => { Taro.navigateTo({ url: `/pages/PayOrder/index?packageId=${item.packageId}` }); }}>
             {/* <view className='right-number'>×1</view> */}
             <image className='right-image' src={Pay} />
             <view className='right-title'>支付</view>

src/pages/index/tabs/Guide.jsx

@@ -2,7 +2,7 @@ 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'
@@ -249,7 +249,7 @@ export default (props) => {
             <text className='title-title-boss' >老板推荐好吃的</text>
           </view>
         </view>
-        {spackage?.map((item, index) => <Cards key={(index)} item={item} />)}
+        {spackage?.map((item, index) => <BossCard key={(index)} item={item} />)}
 
         {/* 卡片------------- */}
         {/* <view className='Guide-Content-box-two'>