zhangwencui
4 天以前 4071a902f383275b7ed284876bbdf3e19cfa3522
src/pages/index.vue
@@ -133,6 +133,30 @@
        </up-grid>
      </view>
    </view>
    <!-- 人力资源模块 -->
    <view class="common-module collaboration-module">
      <view class="module-header">
        <view class="module-title-container">
          <text class="module-title">人力资源</text>
        </view>
      </view>
      <view class="module-content">
        <up-grid :border="false"
                 col="4">
          <up-grid-item v-for="(item, index) in humanResourcesItems"
                        :key="index"
                        @click="handleCommonItemClick(item)">
            <view class="icon-container"
                  :style="{ background: item.bgColor }">
              <up-icon :name="item.icon"
                       :size="58"
                       color="#ffffff"></up-icon>
            </view>
            <text class="item-label">{{item.label}}</text>
          </up-grid-item>
        </up-grid>
      </view>
    </view>
    <!-- 生产管控模块 -->
    <!--      <view class="common-module production-module">-->
    <!--         <view class="module-header">-->
@@ -298,6 +322,16 @@
      label: "供应商往来",
    },
  ]);
  const humanResourcesItems = reactive([
    {
      icon: "/static/images/icon/caigoutaizhang@2x.png",
      label: "打卡签到",
    },
    {
      icon: "/static/images/icon/caigoutaizhang@2x.png",
      label: "人员薪资",
    },
  ]);
  const safetyItems = reactive([
    {
      icon: "/static/images/icon/caigoutaizhang@2x.png",
@@ -310,10 +344,6 @@
    {
      icon: "/static/images/icon/caigoutaizhang@2x.png",
      label: "危险作业",
    },
    {
      icon: "/static/images/icon/xunjianshangchuan@2x.png",
      label: "巡检上传",
    },
    {
      icon: "/static/images/icon/guzhangfenxi@2x.png",
@@ -374,10 +404,6 @@
      icon: "/static/images/icon/kehubaifang@2x.png",
      label: "客户拜访",
    },
    {
      icon: "/static/images/icon/guzhangfenxi@2x.png",
      label: "打卡签到",
    },
  ]);
  // 生产管控功能数据
@@ -426,6 +452,30 @@
    {
      icon: "/static/images/icon/shbeibaoyang@2x.png",
      label: "设备保养",
    },
    {
      icon: "/static/images/icon/guzhangfenxi@2x.png",
      label: "分析追溯",
      bgColor: "#ff9800",
    },
    {
      icon: "/static/images/icon/zhinengpaidan@2x.png",
      label: "智能派单",
      bgColor: "#ff6b35",
    },
    {
      icon: "/static/images/icon/zuoyezhidao@2x.png",
      label: "作业指导",
      bgColor: "#4caf50",
    },
    {
      icon: "/static/images/icon/jieguoyanzheng@2x.png",
      label: "结果验证",
      bgColor: "#9c27b0",
    },
    {
      icon: "/static/images/icon/xunjianshangchuan@2x.png",
      label: "巡检上传",
    },
  ]);
@@ -920,9 +970,16 @@
      left: 0;
      right: 0;
      bottom: 0;
      background:
        radial-gradient(circle at 20% 80%, rgba(41, 121, 255, 0.02) 0%, transparent 55%),
        radial-gradient(circle at 80% 20%, rgba(156, 39, 176, 0.015) 0%, transparent 55%);
      background: radial-gradient(
          circle at 20% 80%,
          rgba(41, 121, 255, 0.02) 0%,
          transparent 55%
        ),
        radial-gradient(
          circle at 80% 20%,
          rgba(156, 39, 176, 0.015) 0%,
          transparent 55%
        );
      pointer-events: none;
      z-index: -1;
    }
@@ -1567,7 +1624,11 @@
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.26), transparent 55%);
    background: radial-gradient(
      circle at 20% 20%,
      rgba(255, 255, 255, 0.26),
      transparent 55%
    );
    opacity: 0.8;
    pointer-events: none;
  }