巡查菜单权限设置

spring

16 小时以前 b83e8417c341636a6da3a8eb7db7c151ef3c00cd

 src/pages/index/index.vue

@@ -18,8 +18,8 @@
    </wd-notice-bar>
    <!-- 快捷导航 -->
    <wd-grid clickable :column="1" class="mt-2">
      <view v-for="(item, index) in navList">
        <wd-grid-item v-if="item.show" :key="index" use-slot link-type="navigateTo" :url="item.url">
      <view v-for="(item, index) in navList" :key="index">
        <wd-grid-item v-if="item.show" use-slot link-type="navigateTo" :url="item.url">
          <view class="p-2">
            <image class="w-72rpx h-72rpx rounded-8rpx" :src="item.icon" />
          </view>
@@ -27,7 +27,14 @@
        </wd-grid-item>
      </view>
    </wd-grid>

    <wd-message-box />
    <wd-popup v-model="fileProgress.show" custom-style="width: 300px; border-radius: 32rpx;">
      <view class="download_box">
        <view class="download_box_title">下载中...</view>
        <wd-progress :percentage="fileProgress.progress" hide-text :status="fileProgress.status" />
      </view>
    </wd-popup>
    <wd-toast />
    <!-- 数据统计 -->
    <!-- <wd-grid :column="2" :gutter="2">
      <wd-grid-item use-slot custom-class="custom-item">
@@ -80,11 +87,12 @@
</template>

<script setup lang="ts">
import { reactive } from "vue";
import { dayjs } from "wot-design-uni";
import { reactive, computed } from "vue";
import { dayjs, useMessage, useToast } from "wot-design-uni";
import LogAPI, { VisitStatsVO } from "@/api/system/log";
import WorkerCallingCard from "@/components/worker-calling-card/index.vue";
import HomeApi from "@/api/home";
import { useUserStore } from "@/store/modules/user";

const visitStatsData = ref<VisitStatsVO>({
  todayUvCount: 0,
@@ -93,6 +101,31 @@
  todayPvCount: 0,
  pvGrowthRate: 0,
  totalPvCount: 0,
});

const message = useMessage();
const toast = useToast();

// 获取当前登录用户信息
const userStore = useUserStore();
const userInfo: any = computed(() => userStore.userInfo);

// 判断是否为巡检员角色
const isInspector = computed(() => {
  if (!userInfo.value || !userInfo.value.roles || !Array.isArray(userInfo.value.roles)) {
    return false;
  }
  console.log(
    "userInfo.value.roles",
    userInfo.value.roles.some((role: any) => role.roleKey === "qualitative-inspector")
  );
  return userInfo.value.roles.some((role: any) => role.roleKey === "qualitative-inspector");
});

const fileProgress = reactive({
  show: false,
  progress: 0,
  status: undefined,
});

// 图表数据
@@ -161,6 +194,12 @@
    url: "/pages/timely/index",
    show: false,
  },
  {
    icon: "/static/icons/routingInspection.png",
    title: "巡检",
    url: "/pages/routingInspection/index",
    show: false,
  },
]);

// 加载访问统计数据
@@ -207,12 +246,74 @@
};

const init = async () => {
  checkVersion();
  const { data } = await HomeApi.getIndex();
  if (data.deviceGroupName == "时效组") {

  // 判断是否为巡检员角色
  if (isInspector.value) {
    // 如果是巡检员，显示巡检菜单
    navList[2].show = true;
  } else if (data.deviceGroupName == "时效组") {
    navList[1].show = true;
  } else {
    navList[0].show = true;
  }
};

/**
 * @description 检查版本号
 */
const checkVersion = async () => {
  const systemInfo = uni.getSystemInfoSync();
  const { code, data } = await HomeApi.getVersion({ version: systemInfo.appVersion });
  if (code == 200 && data.isUpdate) {
    message
      .confirm({
        title: "发现新版本",
        confirmButtonText: "下载",
        cancelButtonText: "忽略",
      })
      .then(() => {
        downloadApk(data.url, data.fileSize);
      })
      .catch(() => {});
  }
};

/**
 * @desc 发起下载APK
 */
const downloadApk = (url: string, fileSize: number) => {
  fileProgress.show = true;
  let dtask: any = downloadFile(url);
  // 下载任务开始下载
  dtask.start();
  // 关于进度的获取是使用定时器不断获取已经下载的文件的大小，再对比总大小即可
  let timer = setInterval(() => {
    let percent: any = (dtask.downloadedSize / fileSize).toFixed(2); // fileSize文件总大小，后端返回的
    console.log("发起下载APK", dtask.downloadedSize);
    fileProgress.progress = Math.floor(percent * 100); // 转成整数展示
    if (percent >= 1) {
      // 注意百分比，及时清除定时器即可
      clearInterval(timer);
      fileProgress.show = false;
    }
  }, 18);
};

// uniapp下载APK实例
const downloadFile = (url: string) => {
  return plus.downloader.createDownload(url, {}, (d, status) => {
    console.log(d);
    if (status == 200) {
      fileProgress.show = true;
      plus.runtime.install(plus.io.convertLocalFileSystemURL(d.filename), {}, {}, (error) => {
        toast.error("安装失败");
      });
    } else {
      toast.error("更新失败");
    }
  });
};

onMounted(() => {
@@ -237,4 +338,16 @@
  width: 100%;
  height: 300px;
}
.download_box {
  padding: 24px;
  .download_box_title {
    text-align: center;
    font-size: 16px;
    color: #000000d9;
    line-height: 20px;
    font-weight: 500;
    padding-top: 5px;
    padding-bottom: 10px;
  }
}
</style>