gaoluyang
10 天以前 e449a5408265e4bd1f6c66f5be28a42efac444ee
src/pages/works.vue
@@ -1,28 +1,5 @@
<template>
  <view class="content">
    <!-- OA办公模块 -->
    <view class="common-module oa-module"
          v-if="hasOaItems">
      <view class="module-header">
        <view class="module-title-container">
          <text class="module-title">OA办公</text>
        </view>
      </view>
      <view class="module-content">
        <up-grid :border="false"
                 col="4">
          <up-grid-item v-for="(item, index) in oaItems"
                        :key="index"
                        @click="handleCommonItemClick(item)">
            <view class="icon-container">
              <image :src="item.icon"
                     class="item-icon"></image>
            </view>
            <text class="item-label">{{item.label}}</text>
          </up-grid-item>
        </up-grid>
      </view>
    </view>
    <!-- 协同办公模块 -->
    <view class="common-module collaboration-module"
          v-if="hasCollaborationItems">
@@ -35,6 +12,29 @@
        <up-grid :border="false"
                 col="4">
          <up-grid-item v-for="(item, index) in collaborationItems"
                        :key="index"
                        @click="handleCommonItemClick(item)">
            <view class="icon-container">
              <image :src="item.icon"
                     class="item-icon"></image>
            </view>
            <text class="item-label">{{item.label}}</text>
          </up-grid-item>
        </up-grid>
      </view>
    </view>
    <!-- 项目管理模块 -->
    <view class="common-module project-module"
          v-if="hasProjectItems">
      <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 projectItems"
                        :key="index"
                        @click="handleCommonItemClick(item)">
            <view class="icon-container">
@@ -299,6 +299,29 @@
        </up-grid>
      </view>
    </view>
    <!-- 车辆管理模块 -->
    <view class="common-module vehicle-module"
          v-if="hasVehicleItems">
      <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 vehicleItems"
                        :key="index"
                        @click="handleCommonItemClick(item)">
            <view class="icon-container">
              <image :src="item.icon"
                     class="item-icon"></image>
            </view>
            <text class="item-label">{{item.label}}</text>
          </up-grid-item>
        </up-grid>
      </view>
    </view>
    <!-- 安全生产模块 -->
    <view class="common-module collaboration-module"
          v-if="hasSafetyItems">
@@ -331,7 +354,6 @@
  import { userLoginFacotryList } from "@/api/login";
  import { getProductWorkOrderById } from "@/api/productionManagement/productionReporting";
  import DownloadProgressMask from "@/components/DownloadProgressMask.vue";
  import { OA_WORKBENCH_ITEMS } from "@/config/oaWorkbench.js";
  import modal from "@/plugins/modal";
  import useUserStore from "@/store/modules/user";
@@ -377,6 +399,30 @@
    },
  ]);
  // 项目管理功能数据
  const projectItems = reactive([
    {
      icon: "/static/images/icon/xiangmuguanli.svg",
      label: "项目管理",
    },
  ]);
  // 车辆管理功能数据
  const vehicleItems = reactive([
    {
      icon: "/static/images/icon/cheliangguanli.svg",
      label: "车辆管理",
    },
    {
      icon: "/static/images/icon/jiayoukaguanli.svg",
      label: "加油卡管理",
    },
    {
      icon: "/static/images/icon/jiayoujilu.svg",
      label: "加油记录",
    },
  ]);
  // 营销管理功能数据
  const marketingItems = reactive([
    {
@@ -394,6 +440,22 @@
    {
      icon: "/static/images/icon/kehuwanglai.svg",
      label: "客户往来",
    },
    {
      icon: "/static/images/icon/zhaotoubiaoguanli.svg",
      label: "招投标管理",
    },
    {
      icon: "/static/images/icon/susongguanli.svg",
      label: "诉讼管理",
    },
    {
      icon: "/static/images/icon/fahuotaizhang.svg",
      label: "发货台账",
    },
    {
      icon: "/static/images/icon/hetongguanli.svg",
      label: "销售合同",
    },
  ]);
@@ -510,6 +572,21 @@
      icon: "/static/images/icon/hetongguanli.svg",
      label: "合同管理",
    },
    {
      icon: "/static/images/icon/hetongguanli.svg",
      label: "转正申请",
      path: "/pages/oa/HrManage/regular-apply/index",
    },
    {
      icon: "/static/images/icon/renyuanxinzi.svg",
      label: "调动申请",
      path: "/pages/oa/HrManage/transfer-apply/index",
    },
    {
      icon: "/static/images/icon/gongchuguanli.svg",
      label: "工作交接",
      path: "/pages/oa/HrManage/work-handover/index",
    },
  ]);
  const qualityItems = reactive([
    {
@@ -523,6 +600,10 @@
    {
      icon: "/static/images/icon/chuchangjianyan.svg",
      label: "出厂检验",
    },
    {
      icon: "/static/images/icon/baobiaoguanli.svg",
      label: "报表管理",
    },
  ]);
  const safetyItems = reactive([
@@ -559,17 +640,22 @@
      label: "安全培训考核",
    },
  ]);
  // OA办公功能数据(纯前端配置,不参与后端权限过滤)
  const oaItems = reactive(
    OA_WORKBENCH_ITEMS.map(item => ({ ...item }))
  );
  // 协同办公功能数据
  const collaborationItems = reactive([
    {
      icon: "/static/images/icon/xietongshenpi.svg",
      label: "协同审批",
    },
    // {
    //   icon: "/static/images/icon/xietongshenpi.svg",
    //   label: "协同审批",
    // },
      {
         icon: "/static/images/icon/guizhangzhidu.svg",
         label: "审批管理",
         path: "/pages/oa/ApproveManage/approve-template/index",
      },
      {
         icon: "/static/images/icon/xietongshenpi.svg",
         label: "协同审批",
         path: "/pages/oa/ApproveManage/approve-list/index",
      },
    {
      icon: "/static/images/icon/huiyiguanli.svg",
      label: "会议管理",
@@ -593,6 +679,34 @@
    {
      icon: "/static/images/icon/kehubaifang.svg",
      label: "客户拜访",
    },
    {
      icon: "/static/images/icon/qingjiaguanli.svg",
      label: "请假申请",
      path: "/pages/oa/AttendManage/leave-apply/index",
    },
    {
      icon: "/static/images/icon/dakaqiandao.svg",
      label: "加班申请",
      path: "/pages/oa/AttendManage/overtime-apply/index",
    },
    {
      icon: "/static/images/icon/chuchaiguanli.svg",
      label: "差旅报销",
      path: "/pages/oa/ReimburseManage/travel-reimburse/index",
    },
    {
      icon: "/static/images/icon/baoxiaoguanli.svg",
      label: "费用报销",
      path: "/pages/oa/ReimburseManage/cost-reimburse/index",
    },
    {
      icon: "/static/images/icon/kuandaiyutongxin.svg",
      label: "宽带与通信管理",
    },
    {
      icon: "/static/images/icon/fangwuzulin.svg",
      label: "房屋租赁管理",
    },
  ]);
@@ -640,6 +754,10 @@
    //    label: '设备台账',
    // },
    {
      icon: "/static/images/icon/saomashebei.svg",
      label: "扫码查设备",
    },
    {
      icon: "/static/images/icon/yunxingguanli.svg",
      label: "运行管理",
    },
@@ -656,6 +774,42 @@
      label: "设备巡检",
    },
  ]);
  // 扫码查设备:解析 deviceId 后跳转到设备信息页
  const getDeviceIdFromScan = scanResult => {
    if (!scanResult) return null;
    const match = scanResult.match(/deviceId=(\d+)/);
    if (match && match[1]) return match[1];
    if (/^\d+$/.test(scanResult.trim())) return scanResult.trim();
    try {
      const obj = JSON.parse(scanResult);
      if (obj.deviceId) return String(obj.deviceId);
    } catch (e) {
      // 忽略非 JSON 内容
    }
    return null;
  };
  const startScanDevice = () => {
    uni.scanCode({
      scanType: ["qrCode", "barCode"],
      success: res => {
        console.log("扫码结果:", res.result);
        const deviceId = getDeviceIdFromScan(res.result);
        if (!deviceId) {
          uni.showToast({ title: "未识别到设备ID", icon: "none" });
          return;
        }
        uni.navigateTo({
          url: `/pages/equipmentManagement/deviceInfo/index?deviceId=${deviceId}`,
        });
      },
      fail: err => {
        console.error("扫码失败:", err);
        uni.showToast({ title: "扫码失败,请重试", icon: "none" });
      },
    });
  };
  // 处理常用功能点击
  const handleCommonItemClick = item => {
@@ -703,6 +857,61 @@
      case "客户往来":
        uni.navigateTo({
          url: "/pages/sales/receiptPaymentLedger/index",
        });
        break;
      case "项目管理":
        uni.navigateTo({
          url: "/pages/projectManagement/project/index",
        });
        break;
      case "招投标管理":
        uni.navigateTo({
          url: "/pages/sales/biddingManagement/index",
        });
        break;
      case "诉讼管理":
        uni.navigateTo({
          url: "/pages/sales/lawsuitManagement/index",
        });
        break;
      case "发货台账":
        uni.navigateTo({
          url: "/pages/sales/deliveryLedger/index",
        });
        break;
      case "销售合同":
        uni.navigateTo({
          url: "/pages/sales/contractManagement/index",
        });
        break;
      case "报表管理":
        uni.navigateTo({
          url: "/pages/qualityManagement/inspectionReport/index",
        });
        break;
      case "车辆管理":
        uni.navigateTo({
          url: "/pages/inventoryManagement/vehicleInfo/index",
        });
        break;
      case "加油卡管理":
        uni.navigateTo({
          url: "/pages/inventoryManagement/fuelCard/index",
        });
        break;
      case "加油记录":
        uni.navigateTo({
          url: "/pages/inventoryManagement/fuelRecord/index",
        });
        break;
      case "宽带与通信管理":
        uni.navigateTo({
          url: "/pages/cooperativeOffice/broadbandCommunication/index",
        });
        break;
      case "房屋租赁管理":
        uni.navigateTo({
          url: "/pages/cooperativeOffice/houseLeaseManagement/index",
        });
        break;
      case "采购台账":
@@ -922,6 +1131,9 @@
        uni.navigateTo({
          url: "/pages/equipmentManagement/ledger/index",
        });
        break;
      case "扫码查设备":
        startScanDevice();
        break;
      case "运行管理":
        uni.navigateTo({
@@ -1242,7 +1454,7 @@
    // 收集所有有权限的菜单标题(根据 meta.title)
    const allowedMenuTitles = new Set();
    const alwaysShowTitles = new Set(["采购退货单", "供应商管理"]);
    const alwaysShowTitles = new Set(["采购退货单", "供应商管理", "扫码查设备"]);
    const collectMenuTitles = routes => {
      if (!Array.isArray(routes)) return;
      routes.forEach(route => {
@@ -1263,11 +1475,15 @@
        specialMapping: { 规章制度: "规章制度管理" },
      },
      purchase: { specialMapping: { 供应商档案: "供应商管理" } },
      // 手机端人事模块已占用「合同管理」label(走 /staff/staffContract),
      // 销售合同改用「销售合同」label,此处映射回后端的菜单标题
      marketing: { specialMapping: { 销售合同: "合同管理" } },
    };
    console.log(allowedMenuTitles);
    // 通用过滤函数
    const filterArray = (targetArray, specialMapping) => {
      const filtered = targetArray.filter(item => {
        if (alwaysShowTitles.has(item.label)) return true;
        let matched = allowedMenuTitles.has(item.label);
        if (specialMapping && !matched && specialMapping[item.label]) {
          matched = allowedMenuTitles.has(specialMapping[item.label]);
@@ -1278,7 +1494,7 @@
    };
    // 过滤各个模块
    filterArray(marketingItems);
    filterArray(marketingItems, menuMapping.marketing.specialMapping);
    filterArray(designItems);
    filterArray(purchaseItems, menuMapping.purchase.specialMapping);
    filterArray(financeManagementItems);
@@ -1291,6 +1507,8 @@
    filterArray(equipmentItems);
    filterArray(archiveManagementItems);
    filterArray(afterSalesServiceItems);
    filterArray(projectItems);
    filterArray(vehicleItems);
  };
  // 检查模块是否有菜单项需要显示
@@ -1303,7 +1521,6 @@
  const hasAfterSalesServiceItems = computed(
    () => afterSalesServiceItems.length > 0
  );
  const hasOaItems = computed(() => oaItems.length > 0);
  const hasCollaborationItems = computed(() => collaborationItems.length > 0);
  const hasSafetyItems = computed(() => safetyItems.length > 0);
  const hasQualityItems = computed(() => qualityItems.length > 0);
@@ -1316,6 +1533,8 @@
  const hasArchiveManagementItems = computed(
    () => archiveManagementItems.length > 0
  );
  const hasProjectItems = computed(() => projectItems.length > 0);
  const hasVehicleItems = computed(() => vehicleItems.length > 0);
  onMounted(() => {
    // 每次进入首页都强制刷新用户信息和路由权限,不做本地缓存判断
@@ -1694,6 +1913,14 @@
    --module-color: #9c27b0;
  }
  .project-module {
    --module-color: #0066ff;
  }
  .vehicle-module {
    --module-color: #ff8a3d;
  }
  .module-header {
    margin-bottom: 10px;
    display: flex;
@@ -1940,6 +2167,14 @@
    --module-color: #9c27b0;
  }
  .project-module {
    --module-color: #0066ff;
  }
  .vehicle-module {
    --module-color: #ff8a3d;
  }
  .module-header {
    margin-bottom: 18px;
    padding-left: 18px;