aaa

src/views/pms/qhse/kanban/index.vue

@@ -125,7 +125,7 @@ const hazardBars: MetricBar[] = [
 
 const incidentStats = [
   { label: '安全事故', value: '0起', accent: '#2ac7c9' },
-  { label: '险情事件', value: '3起', accent: '#f2c11a' }
+  { label: '安全生产天数', value: '3起', accent: '#f2c11a' }
 ]
 
 const riskZones: RiskZone[] = [
@@ -154,7 +154,7 @@ const bottomCards: BottomCard[] = [
     lines: ['内审已完成', '外审待安排']
   },
   {
-    title: '特种设备',
+    title: '安全检测',
     icon: Histogram,
     accent: '#4f8dff',
     glow: 'rgba(79, 141, 255, 0.2)',
@@ -172,14 +172,14 @@ const bottomCards: BottomCard[] = [
     icon: Checked,
     accent: '#f2c11a',
     glow: 'rgba(242, 193, 26, 0.2)',
-    lines: ['产品一次合格率', '98.7%（达标）']
+    lines: ['产品合格率', '98.7%（达标）']
   },
   {
     title: '环境危废',
     icon: Flag,
     accent: '#28c98b',
     glow: 'rgba(40, 201, 139, 0.2)',
-    lines: ['危废暂存合规', '三废排放100%达标']
+    lines: ['液废处置量: 0.05T', '固废处置量: 0.05T']
   }
 ]
 
@@ -376,8 +376,7 @@ function destroyHazardChart() {
                     '--card-accent': card.accent,
                     '--card-glow': card.glow
                   } as any
-                "
-              >
+                ">
                 <span class="summary-card__shine"></span>
                 <span class="summary-card__corner"></span>
                 <div class="summary-card__icon">
@@ -389,7 +388,9 @@ function destroyHazardChart() {
                   <div class="summary-card__label">{{ card.title }}</div>
                   <div class="summary-tile__meta">
                     <span class="summary-tile__value">{{ card.value }}</span>
-                    <span class="summary-tile__note" :style="{ color: card.accent }">{{ card.note }}</span>
+                    <span class="summary-tile__note" :style="{ color: card.accent }">{{
+                      card.note
+                    }}</span>
                   </div>
                 </div>
               </article>
@@ -456,8 +457,7 @@ function destroyHazardChart() {
                     v-for="item in permitStats"
                     :key="item.label"
                     class="permit-card"
-                    :style="{ '--permit-accent': item.accent, '--permit-soft': item.soft } as any"
-                  >
+                    :style="{ '--permit-accent': item.accent, '--permit-soft': item.soft } as any">
                     <div class="permit-card__label">{{ item.label }}</div>
                     <div class="permit-card__value">{{ item.value }}</div>
                   </div>
@@ -479,8 +479,7 @@ function destroyHazardChart() {
                     <div
                       v-for="item in qualificationWarnings"
                       :key="item.label"
-                      class="qualification-item"
-                    >
+                      class="qualification-item">
                       <span class="qualification-item__label">{{ item.label }}：</span>
                       <strong :style="{ color: item.accent }">{{ item.value }}</strong>
                     </div>
@@ -501,8 +500,7 @@ function destroyHazardChart() {
                   '--card-accent': card.accent,
                   '--card-glow': card.glow
                 } as any
-              "
-            >
+              ">
               <span class="summary-card__shine"></span>
               <div class="bottom-card__header">
                 <div class="summary-card__icon bottom-card__icon">
@@ -690,6 +688,7 @@ function destroyHazardChart() {
 
 .risk-grid {
   display: grid;
+  padding: 30px;
   margin-top: 34px;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 26px 28px;
@@ -731,7 +730,8 @@ function destroyHazardChart() {
 
 .permit-grid {
   display: grid;
-  margin-top: 32px;
+  // margin-top: 32px;
+  padding: 28px;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 20px;
 }
@@ -765,6 +765,7 @@ function destroyHazardChart() {
 .qualification-panel {
   display: grid;
   margin-top: 26px;
+  padding: 28px;
   grid-template-columns: 140px 1fr;
   align-items: center;
   gap: 26px;
@@ -776,7 +777,11 @@ function destroyHazardChart() {
   height: 132px;
   font-size: 74px;
   color: #f09717;
-  background: radial-gradient(circle at 50% 40%, rgb(255 255 255 / 74%) 0%, rgb(231 240 255 / 42%) 100%);
+  background: radial-gradient(
+    circle at 50% 40%,
+    rgb(255 255 255 / 74%) 0%,
+    rgb(231 240 255 / 42%) 100%
+  );
   border: 1px solid rgb(255 255 255 / 72%);
   border-radius: 32px;
   box-shadow: