入口页

pages/entry/index.vue

@@ -52,10 +52,16 @@
               class="core-item"
               :class="{ active: item.active }"
             >
-              <view class="core-icon" :style="{ background: item.iconBg }">
-                <text :style="{ color: item.iconColor }">{{
-                  item.iconText
-                }}</text>
+              <view class="core-icon">
+                <image
+                  :src="item.iconText"
+                  mode="aspectFit"
+                  style="
+                    width: 40px;
+                    height: 40px;
+                    background-color: transparent;
+                  "
+                />
               </view>
               <view class="core-name">{{ item.title }}</view>
               <view class="core-desc">{{ item.desc }}</view>
@@ -100,7 +106,7 @@
               <view class="daily-title">{{ item.title }}</view>
               <view class="daily-subtitle">{{ item.subtitle }}</view>
             </view>
-            <uni-icons type="right" size="16" color="#8090a8" />
+            <uni-icons type="right" size="14" color="#8090a8" />
           </view>
         </view>
       </view>
@@ -127,37 +133,37 @@ const todoStats = ref({
 const coreFeatures = [
   {
     title: "PMS",
-    desc: "设备全生命周期管理",
-    iconText: "P",
+    desc: "设备生命周期管理",
+    iconText: "/static/entry/pms.png",
     iconBg: "linear-gradient(135deg, #eaf2ff 0%, #d8e7ff 100%)",
     iconColor: "#246BFF",
     active: true,
   },
   {
     title: "QHSE",
-    desc: "质量·健康·安全·环境",
-    iconText: "Q",
+    desc: "质量健康安全环保",
+    iconText: "/static/entry/qhse.png",
     iconBg: "linear-gradient(135deg, #ecfff7 0%, #d8f8ea 100%)",
     iconColor: "#1eb980",
   },
   {
     title: "组态管理",
     desc: "流程与仪表组态",
-    iconText: "组",
+    iconText: "/static/entry/zutai.png",
     iconBg: "linear-gradient(135deg, #f1edff 0%, #e0d9ff 100%)",
     iconColor: "#6d5efc",
   },
   {
     title: "智慧连油",
     desc: "润滑管理平台",
-    iconText: "油",
+    iconText: "/static/entry/lianyou.png",
     iconBg: "linear-gradient(135deg, #e7fbff 0%, #d4f7fb 100%)",
     iconColor: "#10a8c6",
   },
   {
     title: "生产运营双周会",
     desc: "双周会管理与跟踪",
-    iconText: "会",
+    iconText: "/static/entry/yunying.png",
     iconBg: "linear-gradient(135deg, #fff3e8 0%, #ffe3cc 100%)",
     iconColor: "#ff8a1f",
   },
@@ -166,52 +172,52 @@ const coreFeatures = [
 const commonTools = [
   {
     title: "运行记录",
-    icon: "/static/home/yunxingjilu.png",
+    icon: "/static/entry/record.png",
     path: "/pages/recordFilling/list",
   },
   {
     title: "保养工单",
-    icon: "/static/home/baoyang.png",
+    icon: "/static/entry/baoyang.png",
     path: "/pages/maintenance/index",
   },
   {
     title: "设备维修",
-    icon: "/static/home/shebeiweixiu.png",
+    icon: "/static/entry/weixiu.png",
     path: "/pages/repair/index",
   },
   {
     title: "巡检工单",
-    icon: "/static/home/xunjian.png",
+    icon: "/static/entry/xunjian.png",
     path: "/pages/inspection/index",
   },
   {
     title: "故障上报",
-    icon: "/static/home/guzhang.png",
+    icon: "/static/entry/guzhang.png",
     path: "/pages/fault/index",
   },
   {
     title: "库存管理",
-    icon: "/static/home/kucun.svg",
+    icon: "/static/entry/kucun.png",
     path: "/pages/inventory/index",
   },
   {
     title: "保养查询",
-    icon: "/static/home/baoyang.png",
+    icon: "/static/entry/byquery.png",
     path: "/pages/maintenance/search",
   },
   {
     title: "设备台账",
-    icon: "/static/home/taizhang.svg",
+    icon: "/static/entry/taizhang.png",
     path: "/pages/ledger/index",
   },
   {
     title: "设备状态变更",
-    icon: "/static/home/zhuangtaibiangeng.svg",
+    icon: "/static/entry/status.png",
     path: "/pages/statusChange/index",
   },
   {
     title: "设备责任人",
-    icon: "/static/home/deviceUser.svg",
+    icon: "/static/entry/zeren.png",
     path: "/pages/deviceUser/index",
   },
 ];
@@ -221,14 +227,14 @@ const dailyEntries = computed(() => [
     title: "瑞恒日报",
     subtitle: "进入瑞恒日报",
     path: "/pages/ruihen/index?type=edit",
-    icon: "/static/home/ribao.svg",
+    icon: "/static/entry/ruiheng.png",
     visible: !!userInfo.value.rhReportFlag,
   },
   {
     title: "瑞都日报",
     subtitle: "进入瑞都日报",
     path: "/pages/ruiDu/index",
-    icon: "/static/home/ribao.svg",
+    icon: "/static/entry/ruidu.png",
     visible: !!userInfo.value.rdReportFlag,
   },
   {
@@ -566,14 +572,17 @@ onShow(() => {
   min-height: 238rpx;
   padding: 24rpx 18rpx 20rpx;
   border-radius: 22rpx;
-  background: #ffffff;
+  background: #f9fbfd;
   border: 1rpx solid #e5edf8;
   box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 .core-item.active {
   border-color: #246bff;
-  background: linear-gradient(180deg, #ffffff 0%, #eef5ff 100%);
+  background: linear-gradient(180deg, #ffffff 0%, #dfebfd 100%);
   box-shadow: inset 0 0 0 2rpx rgba(36, 107, 255, 0.08);
 }
 
@@ -594,7 +603,7 @@ onShow(() => {
 .core-name {
   margin-top: 22rpx;
   color: #111d2f;
-  font-size: 26rpx;
+  font-size: 20rpx;
   font-weight: 700;
   white-space: normal;
 }
@@ -602,7 +611,7 @@ onShow(() => {
 .core-desc {
   margin-top: 10rpx;
   color: #6f7f96;
-  font-size: 22rpx;
+  font-size: 18rpx;
   line-height: 1.5;
   white-space: normal;
 }
@@ -654,24 +663,25 @@ onShow(() => {
 .daily-list {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 16rpx;
+  gap: 5rpx;
   margin-top: 22rpx;
 }
 
 .daily-item {
-  padding: 22rpx 18rpx;
-  border-radius: 22rpx;
+  padding: 30rpx 0rpx;
+  border-radius: 16rpx;
   background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
   border: 1rpx solid #e5edf8;
   display: flex;
-  align-items: center;
-  gap: 16rpx;
-  min-width: 0;
+  // flex-direction: column;
+  // align-items: center;
+  gap: 10rpx;
+  // min-width: 0;
 }
 
 .daily-icon {
-  width: 54rpx;
-  height: 54rpx;
+  width: 64rpx;
+  height: 64rpx;
   flex-shrink: 0;
 }
 
@@ -682,14 +692,14 @@ onShow(() => {
 
 .daily-title {
   color: #111d2f;
-  font-size: 26rpx;
+  font-size: 22rpx;
   font-weight: 700;
 }
 
 .daily-subtitle {
   margin-top: 8rpx;
   color: #6f7f96;
-  font-size: 22rpx;
+  font-size: 16rpx;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;