样式调整

src/pages/work/index.vue

@@ -1,6 +1,28 @@
 <template>
     <view class="content">
         <view class="new-purchase">
+            <div class="title-text">
+                <div></div>
+                <div class="purchase-title">信息采集</div>
+            </div>
+            <view
+                class="purchase-item"
+                :key="index"
+                @tap="onNavigateTo(item.url)"
+                v-for="(item, index) in newInfoList"
+            >
+                <image :src="item.iconSrc" mode="scaleToFill" />
+                <text>
+                    {{ item.title }}
+                </text>
+            </view>
+        </view> 
+
+        <view class="new-purchase">
+            <div class="title-text">
+                <div></div>
+                <div class="purchase-title">新购管理</div>
+            </div>
             <view
                 class="purchase-item"
                 :key="index"
@@ -15,6 +37,10 @@
         </view> 
  
         <view class="new-purchase">
+            <div class="title-text">
+                <div></div>
+                <div class="purchase-title">仓储管理</div>
+            </div>
             <view
                 class="purchase-item"
                 :key="index"
@@ -27,8 +53,30 @@
                 </text>
             </view>
         </view>
+
+        <view class="new-purchase">
+            <div class="title-text">
+                <div></div>
+                <div class="purchase-title">修饰管理</div>
+            </div>
+            <view
+                class="purchase-item"
+                :key="index"
+                @tap="onNavigateTo(item.url)"
+                v-for="(item, index) in repairList"
+            >
+                <image :src="item.iconSrc" mode="scaleToFill" />
+                <text>
+                    {{ item.title }}
+                </text>
+            </view>
+        </view>
 		
         <view class="new-purchase">
+            <div class="title-text">
+                <div></div>
+                <div class="purchase-title">配件管理</div>
+            </div>
             <view
                 class="purchase-item"
                 :key="index"
@@ -43,19 +91,10 @@
         </view>
 		
         <view class="new-purchase">
-            <view
-                class="purchase-item"
-                :key="index"
-                @tap="onNavigateTo(item.url)"
-                v-for="(item, index) in repairList"
-            >
-                <image :src="item.iconSrc" mode="scaleToFill" />
-                <text>
-                    {{ item.title }}
-                </text>
-            </view>
-        </view>
-        <view class="new-purchase">
+            <div class="title-text">
+                <div></div>
+                <div class="purchase-title">标准箱管理</div>
+            </div>
             <view class="purchase-item" :key="index"
                 @tap="onNavigateTo(item.url)"
                 v-for="(item, index) in boxList">
@@ -90,36 +129,70 @@
 
 <script setup>
 import { ref } from 'vue'
+// 信息采集
+const newInfoList = ref([
+    {
+        title: '编码采集',
+        url: '',
+        iconSrc: '../../static/workbench/bianMa.png',
+    },
+    {
+        title: '盘点绑定',
+        url: '',
+        iconSrc: '../../static/workbench/panDian.png',
+    },
+    {
+        title: '日期更新',
+        url: '',
+        iconSrc: '../../static/workbench/panDian.png',
+    },
+        {
+        title: '铭牌更新',
+        url: '',
+        iconSrc: '../../static/workbench/minPai.png',
+    },
+])
 // 新购
 const newPurchaseList = ref([
     {
         title: '新购验收',
         url: '/pages/new-purchase/accept/index',
-        iconSrc: '../../static/workbench/newInStore.png',
+        iconSrc: '../../static/workbench/purchaseAccept.png',
     },
     // { title: '新购到货', url: '/pages/new-purchase/bind/index' },
     {
         title: '新购绑定',
         url: '/pages/new-purchase/bind/index',
-        iconSrc: '../../static/workbench/newInStore.png',
+        iconSrc: '../../static/workbench/purchaseBind.png',
     },
     {
         title: '新购入库',
         url: '/pages/new-purchase/entry/index',
-        iconSrc: '../../static/workbench/newInStore.png',
+        iconSrc: '../../static/workbench/purchaseBind.png',
     },
 ])
 
-// 领料
+// 仓储
 const pickingList = ref([
     {
         title: '领料出库',
         url: '/pages/picking/outbound/index',
-        iconSrc: '../../static/workbench/fetchMaterialOutStore.png',
-    },{
+        iconSrc: '../../static/workbench/backCreate.png',
+    },
+       {
+        title: '退料创建',
+        url: '',
+        iconSrc: '../../static/workbench/backCreate.png',
+    }, 
+    {
         title: '退料接收',
         url: '/pages/back/index',
-        iconSrc: '../../static/workbench/fetchMaterialOutStore.png',
+        iconSrc: '../../static/workbench/backCreate.png',
+    },
+    {
+        title: '修试入库',
+        url: '/pages/repair/testedInBound/index',
+        iconSrc: '../../static/workbench/backCreate.png',
     },
 ])
 
@@ -128,7 +201,7 @@ const partList = ref([
     {
         title: '配件领料',
         url: '/pages/part/part-lease/index',
-        iconSrc: '../../static/workbench/fetchMaterialOutStore.png',
+        iconSrc: '../../static/workbench/partInbound.png',
     }
 ]) 
 
@@ -137,22 +210,22 @@ const repairList = ref([
     {
         title: '维修',
         url: '/pages/repair/repairManage/index',
-        iconSrc: '../../static/workbench/fix.png',
+        iconSrc: '../../static/workbench/repair.png',
     },
     {
         title: '修试审核',
         url: '/pages/repair/testExamine/index',
-        iconSrc: '../../static/workbench/fix.png',
-    },
-    {
-        title: '修试入库',
-        url: '/pages/repair/testedInBound/index',
-        iconSrc: '../../static/workbench/fix.png',
+        iconSrc: '../../static/workbench/repair.png',
     },
+    // {
+    //     title: '修试入库',
+    //     url: '/pages/repair/testedInBound/index',
+    //     iconSrc: '../../static/workbench/fix.png',
+    // },
 	{
 	    title: '报废审核',
 	    url: '/pages/repair/scrapExamine/index',
-	    iconSrc: '../../static/workbench/fix.png',
+	    iconSrc: '../../static/workbench/repair.png',
 	},
 ])
 
@@ -218,8 +291,8 @@ page {
     padding: 24rpx;
     min-height: 100vh;
     background-color: #f7f8fa;
-	
 
+	
     // 功能区块样式
     .new-purchase {
         background-color: #fff;
@@ -230,6 +303,32 @@ page {
         display: flex;
         flex-wrap: wrap;
 
+        // 标题样式
+        .purchase-title {
+            font-size: 32rpx;
+            font-weight: 600;
+            color: #262626;
+        }
+
+        .title-text {
+            margin-top: 20px;
+            padding: 10px 0;
+            display: flex;
+            align-items: center;
+            // font-size: 14px;
+            font-weight: bold;
+            letter-spacing: 1px;
+            width: 100%; 
+        }
+
+        .title-text div:first-child {
+            width: 5px;
+            height: 20px;
+            margin-right: 8px;
+            background-color: #2d73cf;
+        }
+
+
         // 功能项样式
         .purchase-item {
             width: 25%;
@@ -246,8 +345,8 @@ page {
 
             // 图标样式
             image {
-                width: 88rpx;
-                height: 88rpx;
+                width: 180rpx;
+                height: 180rpx;
                 margin-bottom: 16rpx;
             }