整个路由布局修改

This commit is contained in:
2026-08-26 09:29:46 +08:00
parent 250cf6b22e
commit c78f0660f7
30 changed files with 230 additions and 261 deletions
@@ -8,7 +8,7 @@ import {
countOpenStatus, type ChangeLevel, type ChangeOrder, type ChangeStatus, type ChangeType,
} from "@/typings/model";
import { getColorWithOpacity } from "@/utils/common";
import FlowRing from "../modules/FlowRing.vue";
import FlowRing from "./modules/FlowRing.vue";
const appStore = useAppStore();
const themeStore = useThemeStore();
-19
View File
@@ -1,19 +0,0 @@
<script setup lang="ts">
const props = defineProps<{ status: any }>();
const BIG_STAGES = ["申请审批", "实施与关闭", "变更关闭"];
const bigStageOf = (s: any) => (s === "审批中" ? 0 : s === "已关闭" ? 2 : 1);
const cur = bigStageOf(props.status);
const pct = ((cur + 1) / BIG_STAGES.length) * 100;
const size = 34, stroke = 4, r = (size - stroke) / 2, c = 2 * Math.PI * r;
const title = `阶段进度 ${cur + 1}/${BIG_STAGES.length}${BIG_STAGES.slice(0, cur + 1).join(" → ")}${cur < BIG_STAGES.length - 1 ? " → …" : ""}`;
</script>
<template>
<span class="relative inline-flex shrink-0 items-center justify-center" :style="{ width: size + 'px', height: size + 'px' }" :title="title">
<svg :width="size" :height="size" class="-rotate-90">
<circle :cx="size / 2" :cy="size / 2" :r="r" stroke="#E2E8F0" :stroke-width="stroke" fill="none" />
<circle :cx="size / 2" :cy="size / 2" :r="r" stroke="#2080f0" :stroke-width="stroke" fill="none"
:stroke-dasharray="c" :stroke-dashoffset="c * (1 - pct / 100)" stroke-linecap="round" />
</svg>
<span class="absolute inset-0 flex items-center justify-center text-[9px] font-bold text-[#2080f0] dark:text-white">{{ cur + 1 }}/3</span>
</span>
</template>
+3 -3
View File
@@ -313,13 +313,13 @@ const toggle = (v: boolean) => {
<div class="py-3 px-4">
<NTabs type="segment" animated>
<NTabPane name="chap1" tab="HAZOP分析矩阵">
HAZOP分析矩阵
</NTabPane>
<NTabPane name="chap2" tab="JSA分析矩阵">
JSA分析矩阵
</NTabPane>
<NTabPane name="chap3" tab="SCL分析矩阵">
SCL分析矩阵
</NTabPane>
</NTabs>
</div>