summary ตัวชี้วัด

src/modules/01_masterdata/views/indicatorByRole.vue

@@ -12,6 +12,7 @@ import type {
 } from "@/modules/01_masterdata/interface/index/Main";
 
 import DialogHistory from "@/modules/01_masterdata/components/Indicators/DialogHistory.vue";
+import IndicatorTotal from "@/modules/01_masterdata/components/Indicators/Summary.vue";
 
 /** importStore*/
 import { useCounterMixin } from "@/stores/mixin";
@@ -273,35 +274,10 @@ onMounted(async () => {
     รายการตัวชี้วัดตามตำแหน่ง
   </div>
   <q-card flat bordered class="q-pa-md">
-    <div class="row">
-      <div class="col-12">
-        <q-card bordered class="q-mb-sm q-pa-xs bg-grey-1">
-          <div class="row q-col-gutter-sm">
-            <div
-              v-for="i in indicatorTotal"
-              class="col-12 col-sm-6 col-md-6 col-lg-3"
-            >
-              <div
-                class="bg-white rounded-borders q-pa-sm"
-                style="border: 1px solid #ededed"
-              >
-                <div class="row items-center no-wrap text-weight-medium">
-                  {{ i.label }}
-                  <q-space />
-                  <q-badge
-                    :color="i.color"
-                    text-color="white"
-                    :label="i.total"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </q-card>
-      </div>
+    <div class="col-12">
+      <IndicatorTotal />
     </div>
     <div class="row q-gutter-sm no-wrap q-mb-sm">
-      
       <q-select
         dense
         v-model="formFilter.position"