角色管理和审批模板管理完成

This commit is contained in:
2026-08-17 17:09:27 +08:00
parent 8008754996
commit df9f9b3693
12 changed files with 937 additions and 151 deletions
+19 -17
View File
@@ -42,22 +42,24 @@ const progressPct = (p: string) => {
<NSpace vertical :size="16">
<!-- 我的草稿箱 -->
<NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
<NGrid :x-gap="gap" :y-gap="16" responsive="screen" item-responsive class="pb-[16px]">
<NGi span="24 s:24 m:16">
<div class="h-100% flex items-center gap-2">
<Icon icon="akar-icons:file" class="size-16px" :style="{ color: themeStore.themeColor }" />
<p class="text-sm font-600">我的草稿箱</p>
<span class="rounded bg-slate-100 px-1.5 text-xs font-semibold text-slate-700">{{ drafts.length }}</span>
<p class="text-xs text-#94a3b8">草稿仅本人可见,提交后自动从草稿箱移除</p>
</div>
</NGi>
<NGi span="24 s:24 m:8" class="flex items-center justify-end gap-12px">
<NButton type="primary" size="small" @click="emit('go', 'apply')">
<Icon icon="ic:round-plus" class="size-18px" />
新建空白变更
</NButton>
</NGi>
</NGrid>
<div class="border mb-3 py-3 px-4" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
<NGrid :x-gap="gap" :y-gap="16" responsive="screen" item-responsive>
<NGi span="24 s:24 m:16">
<div class="h-100% flex items-center gap-2">
<Icon icon="akar-icons:file" class="size-16px" :style="{ color: themeStore.themeColor }" />
<p class="text-sm font-600">我的草稿箱</p>
<span class="rounded bg-slate-100 px-1.5 text-xs font-semibold text-slate-700">{{ drafts.length }}</span>
<p class="text-xs text-#94a3b8">草稿仅本人可见,提交后自动从草稿箱移除</p>
</div>
</NGi>
<NGi span="24 s:24 m:8" class="flex items-center justify-end gap-12px">
<NButton type="primary" size="small" @click="emit('go', 'apply')">
<Icon icon="ic:round-plus" class="size-16px" />
新建空白变更
</NButton>
</NGi>
</NGrid>
</div>
<div class="space-y-2 scroll">
<div v-for="d in drafts" :key="d.id" class="rounded-lg border px-4 py-3">
<div class="flex flex-wrap items-start gap-3">
@@ -95,7 +97,7 @@ const progressPct = (p: string) => {
</style>
<style scoped lang="scss">
.scroll {
height: calc(100vh - 190px);
height: calc(100vh - 212px);
overflow-y: auto;
}
</style>