flx

src/components/ShopUnused/index.jsx

         <image className='orderImg' src={item.poster} mode='aspectFit' />
         <view className='orderRight'>
           <view className='foodName'>{item.description}</view>
-          <view className='price'>合计金额：￥<text style={{ fontSize: '24rpx' }}>{(item.commissionCharge / 100).toFixed(2)}</text>元 <text className='pnum'>数量：<text>1</text>张</text> </view>
+          <view className='price'>合计金额：￥<text style={{ fontSize: '24rpx' }}>{(item.actualPrice / 100) - (item.commissionCharge / 100).toFixed(2)}</text>元 <text className='pnum'>数量：<text>1</text>张</text> </view>
           <view>已下单：等待客户上门就餐</view>
         </view>
         <view className='line' />

src/components/ShopUsed/index.jsx

         <Image className='orderImg' src={item.poster} mode='aspectFit' />
         <View className='orderRight'>
           <View className='foodName'>{item.description}</View>
-          <View className='price'>合计金额：￥<Text style={{ fontSize: '24rpx' }}>{(item.commissionCharge / 100).toFixed(2)}</Text>元 <Text className='pnum'>数量：<Text>1</Text>张</Text> </View>
+          <View className='price'>合计金额：￥<Text style={{ fontSize: '24rpx' }}>{(item.actualPrice / 100) - (item.commissionCharge / 100).toFixed(2)}</Text>元 <Text className='pnum'>数量：<Text>1</Text>张</Text> </View>
         </View>
 
         <View className='veri_Date' > 核销时间：{formatTimes(item.verifiedDate, 'yyyy-MM-dd hh:mm')}</View>

src/hotel/components/Income/income.less

-.User-box-sths{
+.User-box-sths {
   display: flex;
-  margin: 40px 0  60px 0;
+  margin: 40px 0 60px 0;
   justify-content: space-around;
   flex-wrap: wrap;
-  .User-box-selectUser{
+  .User-box-selectUser {
     width: 100%;
     font-size: 32px;
     font-weight: bold;
     color: #202020;
     line-height: 32px;
-    margin: 60px 0 70px  0;
+    margin: 60px 0 70px 0;
     text-align: left;
   }
-  .User-box-tourist{
+  .User-box-tourist {
     display: inline-block;
 
-     .Ubs-tourist-image{
+    .Ubs-tourist-image {
       width: 86px;
       height: 86px;
-
     }
-    .Ubs-tourist-text{
+    .Ubs-tourist-text {
       display: block;
       font-size: 30px;
       font-weight: bold;
-      color: #999999;      
+      color: #999999;
     }
   }
-  .User-box-hotelBoss{
+  .User-box-hotelBoss {
     display: inline-block;
-    .Ubs-hotelBoss-image{
+    .Ubs-hotelBoss-image {
       width: 86px;
       height: 86px;
     }
-    .Ubs-hotelBoss-text{
+    .Ubs-hotelBoss-text {
       display: block;
       font-size: 30px;
       font-weight: bold;
       color: #202020;
     }
   }
-  .User-box-shopBoss{
-    .Ubs-shopBoss-image{
+  .User-box-shopBoss {
+    .Ubs-shopBoss-image {
       width: 86px;
       height: 86px;
     }
-    .Ubs-shopBoss-text{
+    .Ubs-shopBoss-text {
       display: block;
       font-size: 30px;
       font-weight: bold;
-      color:#999999;
+      color: #999999;
     }
   }
-
 }
-.storexx{
+.storexx {
   text-align: center;
   display: flow-root;
-  background: #FFFFFF;
+  background: #ffffff;
   box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);
   border-radius: 24px;
   padding: 50px 30px 64px 40px;
   box-sizing: border-box;
   margin: 0 10px;
-  .storeName{
+  .storeName {
     height: 26px;
     font-size: 28px;
     font-weight: bold;
     color: #202020;
-    margin-bottom:58px;
+    margin-bottom: 58px;
   }
-  .sleft{
+  .sleft {
     float: left;
     text-align: left;
-    .lword{
+    .lword {
       font-size: 26px;
       color: #666666;
       margin-bottom: 40px;
     }
-    .yearMoney{
+    .yearMoney {
       font-size: 28px;
       font-weight: bold;
       color: #202020;
       line-height: 0;
       display: inline-block;
-      text{
+      text {
         font-size: 40px;
-        color: #FF3434
+        color: #ff3434;
       }
-      .micon{
+      .micon {
         width: 38px;
         height: 26px;
         margin-left: 20px;
       }
     }
   }
-  .line{
+  .line {
     width: 2px;
     height: 128px;
     border-right: 2px dotted #202020;
     left: calc(50% - 1px);
     display: block;
   }
-  .sright{
+  .sright {
     float: right;
     text-align: right;
-    .rword{
+    .rword {
       font-size: 26px;
       color: #666666;
       margin-bottom: 40px;
     }
-    .monthMoney{
+    .monthMoney {
       font-size: 28px;
       font-weight: bold;
       color: #202020;
       line-height: 0;
       display: inline-block;
-      text{
+      text {
         font-size: 40px;
-        color: #FF3434;
+        color: #ff3434;
       }
-      .micon2{
+      .micon2 {
         height: 26px;
         width: 38px;
         margin-left: 20px;
     }
   }
 }
-.title{
+.title {
   font-size: 28px;
   color: #202020;
   line-height: 60px;
   margin: 62px 0 10px 1px;
 }
-.spreadCard{
-  margin:0 10px 60px 10px;  
-  .card{
+.spreadCard {
+  margin: 0 10px 60px 10px;
+  .card {
     height: 166px;
-    background: #FFF;
+    background: #fff;
     box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);
     border-radius: 12px;
     padding: 40px 0 43px 22px;
     color: #202020;
     box-sizing: border-box;
     position: relative;
-    .spreadMoney{
+    .spreadMoney {
       line-height: 60px;
     }
-    .spreadImg{
+    .spreadImg {
       width: 105px;
       height: 100px;
       position: absolute;
     }
   }
 }
-.botton{
-  font-size: 28px;   
-  color: #C0C8D3;
+.botton {
+  font-size: 28px;
+  color: #c0c8d3;
   line-height: 34px;
   text-align: center;
-  padding:40px 0 100px 0;
+  padding: 40px 0 100px 0;
 }

src/shop/components/ShopKeeper/shopKeeper.jsx

       <view>
       </view>
       <ToggleRole showCutover={showCutover} maskClosable={showCutover} onClose={onClose} role='shop' />
-      <view style={{ padding: '30rpx', height: '100%' }}>
+      <view style={{ padding: '0 15px 0 15px', height: '100%' }}>
         <view className='storexx'>
           <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'>
           </view>
         </view>
         <view className='search'>
-
           <SearchBar placeholder='搜索订单(输入客户手机号码)' onBlur={handelSearch} />
         </view>
         <view className='index-tabs'>
           >
           </mp-tabs>
         </view>
-
         <view>
           {/* 未核销 */}
           {activeTab === 0 &&

src/shop/components/ShopKeeper/shopKeeper.less

-.User-box-sths{
+.User-box-sths {
   display: flex;
-  margin: 40px 0  60px 0;
+  margin: 40px 0 60px 0;
   justify-content: space-around;
   flex-wrap: wrap;
-  .User-box-selectUser{
+  .User-box-selectUser {
     width: 100%;
     font-size: 32px;
     font-weight: bold;
     color: #202020;
     line-height: 32px;
-    margin: 60px 0 70px  0;
+    margin: 60px 0 70px 0;
     text-align: left;
   }
-  .User-box-tourist{
+  .User-box-tourist {
     display: inline-block;
-     .Ubs-tourist-image{
+    .Ubs-tourist-image {
       width: 86px;
       height: 86px;
     }
-    .Ubs-tourist-text{
+    .Ubs-tourist-text {
       display: block;
       font-size: 30px;
       font-weight: bold;
-      color: #999999;      
+      color: #999999;
     }
   }
-  .User-box-hotelBoss{
+  .User-box-hotelBoss {
     display: inline-block;
-    .Ubs-hotelBoss-image{
+    .Ubs-hotelBoss-image {
       width: 86px;
       height: 86px;
     }
-    .Ubs-hotelBoss-text{
+    .Ubs-hotelBoss-text {
       display: block;
       font-size: 30px;
       font-weight: bold;
       color: #999999;
     }
   }
-  .User-box-shopBoss{
-    .Ubs-shopBoss-image{
+  .User-box-shopBoss {
+    .Ubs-shopBoss-image {
       width: 86px;
       height: 86px;
     }
-    .Ubs-shopBoss-text{
+    .Ubs-shopBoss-text {
       display: block;
       font-size: 30px;
       font-weight: bold;
-      color:#202020;
+      color: #202020;
     }
   }
-
 }
-.storexx{
+.storexx {
   text-align: center;
-  height: 342px;
-  background: #FFFFFF;
+  height: 300px;
+  background: #ffffff;
   box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);
   border-radius: 24px;
-  padding: 50px 30px 64px 40px;
+  padding: 20px 30px 34px 40px;
+
   box-sizing: border-box;
-  .storeName{
+  .storeName {
     height: 26px;
     font-size: 28px;
     font-weight: bold;
     color: #202020;
-    margin-bottom:27px;
+    margin-bottom: 25px;
   }
-  .User-info-cutover{
+  .User-info-cutover {
     position: absolute;
     top: 60px;
     right: 60px;
-    .User-info-cutover-image{
+    .User-info-cutover-image {
       width: 36px;
       height: 36px;
     }
   }
-  .tip{
+  .tip {
     height: 23px;
     font-size: 24px;
     color: #666666;
-    margin-bottom: 48px;
+    margin-bottom: 25px;
   }
-  .sleft{
+  .sleft {
     float: left;
-    .lword{
+    .lword {
       height: 25px;
       font-size: 26px;
       color: #666666;
-      margin-bottom: 40px;      
+      margin-bottom: 25px;
       margin-left: 1px;
     }
-    .yearMoney{
+    .yearMoney {
       height: 30px;
       font-size: 28px;
       font-weight: bold;
       color: #202020;
-      text{
+      text {
         font-size: 40px;
-        color: #FF3434
+        color: #ff3434;
       }
-      .micon{
+      .micon {
         width: 38px;
         height: 22px;
         margin-left: 19px;
       }
     }
   }
-  .line{
+  .line {
     width: 2px;
     height: 128px;
     border-right: 2px dotted #202020;
     left: calc(50% - 1px);
     display: block;
   }
-  .sright{
+  .sright {
     float: right;
     text-align: left;
-    .rword{
+    .rword {
       font-size: 26px;
       color: #666666;
-      margin: 0 1px 47px 0;
+      margin: 0 1px 27px 0;
       text-align: center;
     }
-    .monthMoney{
+    .monthMoney {
       height: 24px;
       font-size: 28px;
       font-weight: bold;
       color: #202020;
       line-height: 24px;
-      text{
+      text {
         font-size: 40px;
-        color: #FF3434;
+        color: #ff3434;
       }
-      .micon2{
+      .micon2 {
         width: 38px;
         height: 22px;
         margin-left: 23px;
   }
 }
 
-
-
 .index-tabs {
   width: 100%;
   height: 91px;
     font-size: 32px;
     font-weight: bold;
     color: #4c4c4c;
-    padding-top: 33px;
-    padding-bottom: 28px;
+    padding-top: 13px;
+    padding-bottom: 18px;
     border-bottom: 5px solid black;
   }
 }
 
-.botton{
-  font-size: 28px;   
-  color: #C0C8D3;
+.botton {
+  font-size: 28px;
+  color: #c0c8d3;
   line-height: 34px;
   text-align: center;
-  padding:40px 0 100px 0;
+  padding: 10px 0 40px 0;
 }
-

src/shop/components/Sparead/spreadMoney.jsx

     <view>
       <ToggleRole showCutover={showCutover} maskClosable={showCutover} onClose={onClose} role='shop' />
 
-      <view style={{ padding: '30rpx', height: '100%' }}>
+      <view style={{ padding: '0 15px 0 15px', height: '100%' }}>
         <scroll-view scrollY style={{ height: 'calc(100vh - 120px)' }}>
 
           <view className='storexx'>
                 <view className='lword'>全年推广收入（税前）</view>
                 <view className='yearMoney'>
                   <text>{isyear ? (shopMoney?.totalCharges / 100).toFixed(2) : '******'}</text>元
-                  <image className='micon' src={isyear ? eyes :ceyes } onClick={handleYear} />
+                  <image className='micon' src={isyear ? eyes : ceyes} onClick={handleYear} />
                 </view>
               </view>
               <view className='line' />

src/shop/components/Sparead/spreadMoney.less

-.User-box-sths{
+.User-box-sths {
   display: flex;
-  margin: 40px 0  60px 0;
+  margin: 40px 0 60px 0;
   justify-content: space-around;
   flex-wrap: wrap;
-  .User-box-selectUser{
+  .User-box-selectUser {
     width: 100%;
     font-size: 32px;
     font-weight: bold;
     color: #202020;
     line-height: 32px;
-    margin: 60px 0 70px  0;
+    margin: 60px 0 70px 0;
     text-align: left;
   }
-  .User-box-tourist{
+  .User-box-tourist {
     display: inline-block;
 
-     .Ubs-tourist-image{
+    .Ubs-tourist-image {
       width: 86px;
       height: 86px;
-
     }
-    .Ubs-tourist-text{
+    .Ubs-tourist-text {
       display: block;
       font-size: 30px;
       font-weight: bold;
-      color: #999999;      
+      color: #999999;
     }
   }
-  .User-box-hotelBoss{
+  .User-box-hotelBoss {
     display: inline-block;
-    .Ubs-hotelBoss-image{
+    .Ubs-hotelBoss-image {
       width: 86px;
       height: 86px;
     }
-    .Ubs-hotelBoss-text{
+    .Ubs-hotelBoss-text {
       display: block;
       font-size: 30px;
       font-weight: bold;
       color: #999999;
     }
   }
-  .User-box-shopBoss{
-    .Ubs-shopBoss-image{
+  .User-box-shopBoss {
+    .Ubs-shopBoss-image {
       width: 86px;
       height: 86px;
     }
-    .Ubs-shopBoss-text{
+    .Ubs-shopBoss-text {
       display: block;
       font-size: 30px;
       font-weight: bold;
-      color:#202020;
+      color: #202020;
     }
   }
-
 }
-.storexx{
+.storexx {
   text-align: center;
-  height: 342px;
-  background: #FFFFFF;
+  height: 300px;
+  background: #ffffff;
   box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);
   border-radius: 24px;
-  padding: 50px 30px 64px 40px;
+  padding: 20px 30px 34px 40px;
+
   box-sizing: border-box;
-  .storeName{
+  .storeName {
     height: 26px;
     font-size: 28px;
     font-weight: bold;
     color: #202020;
-    margin-bottom:27px;
+    margin-bottom: 27px;
   }
-  .User-info-cutover{
+  .User-info-cutover {
     position: absolute;
     top: 60px;
     right: 60px;
-    .User-info-cutover-image{
+    .User-info-cutover-image {
       width: 36px;
       height: 36px;
     }
   }
-  .tip{
+  .tip {
     height: 23px;
     font-size: 24px;
     color: #666666;
     margin-bottom: 48px;
   }
-  .sleft{
+  .sleft {
     float: left;
-    .lword{
+    .lword {
       height: 25px;
       font-size: 26px;
       color: #666666;
-      margin-bottom: 40px;      
+      margin-bottom: 40px;
       margin-left: 1px;
     }
-    .yearMoney{
+    .yearMoney {
       height: 30px;
       font-size: 28px;
       font-weight: bold;
       color: #202020;
-      text{
+      text {
         font-size: 40px;
-        color: #FF3434
+        color: #ff3434;
       }
-      .micon{
+      .micon {
         width: 38px;
         height: 22px;
         margin-left: 19px;
       }
     }
   }
-  .line{
+  .line {
     width: 2px;
     height: 128px;
     border-right: 2px dotted #202020;
     left: calc(50% - 1px);
     display: block;
   }
-  .sright{
+  .sright {
     float: right;
     text-align: left;
-    .rword{
+    .rword {
       font-size: 26px;
       color: #666666;
       margin: 0 1px 47px 0;
       text-align: center;
     }
-    .monthMoney{
+    .monthMoney {
       height: 24px;
       font-size: 28px;
       font-weight: bold;
       color: #202020;
       line-height: 24px;
-      text{
+      text {
         font-size: 40px;
-        color: #FF3434;
+        color: #ff3434;
       }
-      .micon2{
+      .micon2 {
         width: 38px;
         height: 22px;
         margin-left: 23px;
     }
   }
 }
-.title{
+.title {
   font-size: 28px;
   color: #202020;
   line-height: 60px;
   margin: 62px 0 10px 1px;
 }
 
-.botton{
-  font-size: 28px;   
-  color: #C0C8D3;
+.botton {
+  font-size: 28px;
+  color: #c0c8d3;
   line-height: 34px;
   text-align: center;
-  padding:40px 0 100px 0;
+  padding: 40px 0 100px 0;
 }