shish 11 месяцев назад
Родитель
Сommit
c70acca2db
1 измененных файлов с 182 добавлено и 72 удалено
  1. 182 72
      hdApp/src/admin/home/workbench.vue

+ 182 - 72
hdApp/src/admin/home/workbench.vue

@@ -38,38 +38,6 @@
             </view>
           </view>
         </view>
-        <view class="module-com order-wrap" @click="pageTo({url:'/admin/stat/kdIncome'})">
-          <view class="total-blo">
-            <view class="total-list2"> 
-              <view class="app-color-3">系统收款</view>
-              <view class="list-num">
-                <view>{{countStat.systemCount||0}}</view>
-                <view>{{countStat.systemIncome?parseFloat(countStat.systemIncome):0}}</view>
-              </view>
-            </view>
-            <view class="total-list2"> 
-              <view class="app-color-3">线下微信</view>
-              <view class="list-num">
-                <view>{{countStat.kfWxCount||0}}</view>
-                <view>{{countStat.kfWxIncome?parseFloat(countStat.kfWxIncome):0}}</view>
-              </view> 
-            </view>
-            <view class="total-list2"> 
-              <view class="app-color-3">现金</view>
-              <view class="list-num">
-                <view>{{countStat.cashCount||0}}</view>
-                <view>{{countStat.cashIncome?parseFloat(countStat.cashIncome):0}}</view>
-              </view> 
-            </view>
-            <view class="total-list2"> 
-              <view class="app-color-3">赊账</view>
-              <view class="list-num">
-                <view>{{countStat.debtCount||0}}</view>
-                <view>{{countStat.debtIncome?parseFloat(countStat.debtIncome):0}}</view>
-              </view> 
-            </view>
-          </view>
-        </view>
       </template>
       <view class="module-com news-wrap">
         <view class="news-list" v-for="(item, index) in data.notice" :key="index" @click="noticeFn(item)" >
@@ -88,24 +56,128 @@
         请先设置充值活动的规则
         <text style="color:#3385ff;text-decoration: underline;margin-left:10upx;">去设置</text>
       </view>
-
       <view v-if="!$util.isEmpty(data.warning)" style="color:red;font-size:36upx;font-weight:bold;text-align: center;margin-bottom:15upx;">{{ data.warning }}</view>
-      <view class="module-com">
-        <view class="tabs-head_bx">
-          <image @click="goKjKd()" :src="lskd1" mode="widthFix"></image>
-          <image @click="goShKd()" :src="lskd2" mode="widthFix"></image>
+
+      <view class="module-com flower-module">
+        <!-- 花束花礼 -->
+        <view class="flower-section">
+          <view class="section-header">
+            <view class="header-line"></view>
+            <view class="header-title">花束花礼</view>
+            <view class="header-line"></view>
+          </view>
+          <view class="icon-grid">
+            <view class="icon-item" @click="goPage({url: '/admin/cg/mall'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
+              </view>
+              <view class="icon-text">商城</view>
+            </view>
+            <view class="icon-item" @click="goPage({url: '/admin/goods/list'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
+              </view>
+              <view class="icon-text">图集</view>
+            </view>
+            <view class="icon-item" @click="goPage({url: '/admin/order/workOrder'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
+              </view>
+              <view class="icon-text">开单</view>
+            </view>
+            <view class="icon-item" @click="goPage({url: '/admin/order/quickOrder'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
+              </view>
+              <view class="icon-text">快捷开单</view>
+            </view>
+            <view class="icon-item" @click="goPage({url: '/admin/work/list'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
+              </view>
+              <view class="icon-text">任务</view>
+            </view>
+            <view class="icon-item" @click="goPage({url: '/admin/item/list2'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
+              </view>
+              <view class="icon-text">花束管理</view>
+            </view>
+            <view class="icon-item" @click="goPage({url: '/admin/item/addGroup'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
+              </view>
+              <view class="icon-text">添加花束</view>
+            </view>
+          </view>
         </view>
-        <view class="tabs-wrap">
-          <view class="tabs-list" v-for="(item, index) in tabsData" :key="index" >
-            <view @click="goPage(item)">
-              <view class="tabs-img">
-                <img :src="`${constant.hostUrl}/image/${item.img}`" alt mode="widthFix" />
+        
+        <!-- 盆栽花材 -->
+        <view class="flower-section">
+          <view class="section-header">
+            <view class="header-line"></view>
+            <view class="header-title">盆栽花材</view>
+            <view class="header-line"></view>
+          </view>
+          <view class="icon-grid">
+            <view class="icon-item" @click="goPage({url: '/admin/cg/mall'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
+              </view>
+              <view class="icon-text">商城</view>
+            </view>
+            <view class="icon-item" @click="goPage({url: '/admin/changePrice/list2'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
+              </view>
+              <view class="icon-text">改价</view>
+            </view>
+            <view class="icon-item" @click="goPage({url: '/admin/order/workOrder'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
+              </view>
+              <view class="icon-text">开单</view>
+            </view>
+            <view class="icon-item" @click="goPage({url: '/admin/order/quickOrder'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
+              </view>
+              <view class="icon-text">快捷开单</view>
+            </view>
+            <view class="icon-item" @click="goPage({url: '/admin/part/list'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
+              </view>
+              <view class="icon-text">拆散</view>
+            </view>
+            <view class="icon-item" @click="goPage({url: '/admin/breakage/list'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
+              </view>
+              <view class="icon-text">损耗</view>
+            </view>
+            <view class="icon-item" @click="goPage({url: '/admin/item/list2'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
               </view>
-              <view class="tabs-name">{{ item.name }}</view>
+              <view class="icon-text">花材列表</view>
+            </view>
+            <view class="icon-item" @click="goPage({url: '/pagesPurchase/order'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
+              </view>
+              <view class="icon-text">买花</view>
+            </view>
+            <view class="icon-item" @click="goPage({url: '/pagesPurchase/shopping'})">
+              <view class="icon-wrapper">
+                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
+              </view>
+              <view class="icon-text">买花记录</view>
             </view>
           </view>
         </view>
       </view>
+
       <template v-if="lookMoney == 1">
         <view class="module-com total-wrap">
           <view class="total-tit">总览</view>
@@ -320,6 +392,7 @@ export default {
         todayData: { income:0.00, order:0, custom:0, expend:0.00 },
         isMini:0
       },
+
       tabsData: [
         { name: "商城", img: `ghs/home/shop2.png`, url: "/admin/cg/mall",pf:1},
         { name: "改价", img: `ghs/home/gj2.png`, url: "/admin/changePrice/list2",pf:1},
@@ -669,10 +742,6 @@ export default {
         let that = this
         consoleIndex({isMini:this.isMini}).then(res => {
           this.data = res.data
-
-          if(res.data.menu && !this.$util.isEmpty(res.data.menu)){
-            this.tabsData = res.data.menu
-          }
           this.lookMoney = res.data.lookMoney
         })
 
@@ -878,33 +947,74 @@ export default {
 
 	}
 }
-.tabs-head_bx {
-  display: flex;
-  align-items: center;
-  padding: 20upx 15upx;
-}
-.tabs-wrap {
-  padding: 20upx 10upx;
-  @include disFlex(center, flex-start);
-  flex-wrap: wrap;
-  .tabs-list {
-    width: 25%;
-    margin-top: 50upx;
-    text-align: center;
-    .tabs-img {
-      width: 100upx;
-      height: 100upx;
-      margin: 0 auto;
-      img {
-        height: 100%;
+// 新的花束花礼和盆栽花材样式
+.flower-module {
+  padding: 0;
+  
+  .flower-section {
+    padding: 30upx 20upx;
+    
+
+    
+    .section-header {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 30upx;
+      
+      .header-line {
+        flex: 1;
+        height: 1upx;
+        background: linear-gradient(to right, transparent, #e0e0e0);
+        
+        &:last-child {
+          background: linear-gradient(to left, transparent, #e0e0e0);
+        }
+      }
+      
+      .header-title {
+        padding: 0 30upx;
+        font-size: 32upx;
+        font-weight: 600;
+        color: #333;
       }
     }
-    .tabs-name {
-      color:  #444444;
-      margin-top: 10upx;
-    }
-    &:nth-child(-n + 4) {
-      margin-top: 0;
+    
+    .icon-grid {
+      display: flex;
+      flex-wrap: wrap;
+      margin: -10upx;
+      
+      .icon-item {
+        width: 25%;
+        padding: 10upx;
+        text-align: center;
+        
+        .icon-wrapper {
+          width: 120upx;
+          height: 120upx;
+          margin: 0 auto 4upx;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          transition: all 0.3s ease;
+          
+          &:active {
+            transform: scale(0.95);
+          }
+          
+          .icon-image {
+            width: 95upx;
+            height: 95upx;
+          }
+        }
+        
+        .icon-text {
+          font-size: 26upx;
+          color: #333;
+          line-height: 1.2;
+        }
+      }
     }
   }
 }