部分样式修改
This commit is contained in:
@@ -65,7 +65,7 @@ onMounted(() => {
|
||||
<NGrid cols="s:1 m:4 l:4" responsive="screen" :x-gap="16" :y-gap="16">
|
||||
<NGi>
|
||||
<div
|
||||
class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
|
||||
class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
|
||||
:style="{ borderRadius: themeStore.themeRadius + 'px' }"
|
||||
>
|
||||
<p class="text-12px font-600">本车间变更总数</p>
|
||||
@@ -81,7 +81,7 @@ onMounted(() => {
|
||||
</NGi>
|
||||
<NGi>
|
||||
<div
|
||||
class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
|
||||
class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
|
||||
:style="{ borderRadius: themeStore.themeRadius + 'px' }"
|
||||
>
|
||||
<p class="text-12px font-600">在办变更</p>
|
||||
@@ -98,7 +98,7 @@ onMounted(() => {
|
||||
</NGi>
|
||||
<NGi>
|
||||
<div
|
||||
class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
|
||||
class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
|
||||
:style="{ borderRadius: themeStore.themeRadius + 'px' }"
|
||||
>
|
||||
<p class="text-12px font-600">超期未关闭</p>
|
||||
@@ -115,7 +115,7 @@ onMounted(() => {
|
||||
</NGi>
|
||||
<NGi>
|
||||
<div
|
||||
class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
|
||||
class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
|
||||
:style="{ borderRadius: themeStore.themeRadius + 'px' }"
|
||||
>
|
||||
<p class="text-12px font-600">我的审批按时率</p>
|
||||
@@ -136,7 +136,12 @@ onMounted(() => {
|
||||
<NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
|
||||
<!-- 我的审批效率 -->
|
||||
<NGi span="24 s:24 m:24 l:8">
|
||||
<NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
|
||||
<NCard
|
||||
:bordered="false"
|
||||
size="small"
|
||||
class="shadow-[0_0_15px_rgba(0,0,0,0.1)]"
|
||||
:content-style="{padding: 0}"
|
||||
:style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
|
||||
<p class=" text-base font-semibold border-b border-slate-100 p-3">我的审批效率(考核口径)</p>
|
||||
<div class="py-3 px-4">
|
||||
<div class="space-y-3">
|
||||
@@ -161,7 +166,12 @@ onMounted(() => {
|
||||
</NGi>
|
||||
<!-- 本车间变更状态构成 -->
|
||||
<NGi span="24 s:24 m:24 l:8">
|
||||
<NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
|
||||
<NCard
|
||||
:bordered="false"
|
||||
size="small"
|
||||
class="shadow-[0_0_15px_rgba(0,0,0,0.1)]"
|
||||
:content-style="{padding: 0}"
|
||||
:style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
|
||||
<p class=" text-base font-semibold border-b border-slate-100 p-3">本车间变更状态构成(实时)</p>
|
||||
<div class="py-3 px-4">
|
||||
<div class="space-y-2.5">
|
||||
@@ -185,7 +195,12 @@ onMounted(() => {
|
||||
</NGi>
|
||||
<!-- 临时变更监控 -->
|
||||
<NGi span="24 s:24 m:24 l:8">
|
||||
<NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
|
||||
<NCard
|
||||
:bordered="false"
|
||||
size="small"
|
||||
class="shadow-[0_0_15px_rgba(0,0,0,0.1)]"
|
||||
:content-style="{padding: 0}"
|
||||
:style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
|
||||
<p class=" text-base font-semibold border-b border-slate-100 p-3">临时变更监控(管理抓手)</p>
|
||||
<div class="py-3 px-4">
|
||||
<div class="space-y-3">
|
||||
@@ -220,7 +235,11 @@ onMounted(() => {
|
||||
<NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
|
||||
<!-- 变更类型分布 -->
|
||||
<NGi span="24 s:24 m:24 l:10">
|
||||
<NCard :bordered="true" size="small" :content-style="{padding: 0}"
|
||||
<NCard
|
||||
:bordered="false"
|
||||
size="small"
|
||||
class="shadow-[0_0_15px_rgba(0,0,0,0.1)]"
|
||||
:content-style="{padding: 0}"
|
||||
:style="{
|
||||
borderRadius: themeStore.themeRadius + 'px',
|
||||
height: '100%',
|
||||
@@ -234,8 +253,9 @@ onMounted(() => {
|
||||
<!-- 风险增量与管控 -->
|
||||
<NGi span="24 s:24 m:24 l:14">
|
||||
<NCard
|
||||
:bordered="true"
|
||||
:bordered="false"
|
||||
size="small"
|
||||
class="shadow-[0_0_15px_rgba(0,0,0,0.1)]"
|
||||
:content-style="{padding: 0}"
|
||||
:style="{
|
||||
borderRadius: themeStore.themeRadius + 'px',
|
||||
@@ -277,7 +297,11 @@ onMounted(() => {
|
||||
<!-- 变更投入和效果 -->
|
||||
<NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
|
||||
<NGi span="24 s:24 m:24 l:24">
|
||||
<NCard :bordered="true" size="small" :content-style="{padding: 0}"
|
||||
<NCard
|
||||
:bordered="false"
|
||||
size="small"
|
||||
class="shadow-[0_0_15px_rgba(0,0,0,0.1)]"
|
||||
:content-style="{padding: 0}"
|
||||
:style="{
|
||||
borderRadius: themeStore.themeRadius + 'px',
|
||||
height: '100%',
|
||||
|
||||
Reference in New Issue
Block a user