imeik-bizui 2.6.1 → 2.6.2

package/dist/bizui/src/FieldFloorPriceBoard/core/FloorPriceBoard.vue

@@ -17,7 +17,12 @@
         <div class="fpb-result">
           <div class="fpb-result__main">
             <div class="fpb-result__heading">
-              <span class="fpb-mark" aria-hidden="true">{{ statusMark }}</span>
+              <img
+                class="fpb-mark"
+                :src="statusIconSrc"
+                :alt="resolvedStatusLabel"
+                aria-hidden="true"
+              >
               <h2 class="fpb-result__title">{{ resolvedResultTitle }}</h2>
               <span class="fpb-badge">{{ resolvedStatusLabel }}</span>
               <button
@@ -134,6 +139,15 @@ import {
   formatNumber
 } from './utils'
 import FloorPriceSectionPager from './FloorPriceSectionPager.vue'
+import iconBlocked from '../assets/icon-blocked.png'
+import iconPass from '../assets/icon-pass.png'
+import iconExempt from '../assets/icon-exempt.png'
+
+const STATUS_ICON = {
+  [PANEL_STATE.BLOCKED]: iconBlocked,
+  [PANEL_STATE.PASS]: iconPass,
+  [PANEL_STATE.EXEMPT]: iconExempt
+}
 
 export default {
   name: 'FloorPriceBoard',
@@ -272,10 +286,8 @@ export default {
         productCount: this.displayProducts.length
       }).description
     },
-    statusMark() {
-      if (this.resolvedStatus === PANEL_STATE.PASS) return '✓'
-      if (this.resolvedStatus === PANEL_STATE.BLOCKED) return '!'
-      return 'i'
+    statusIconSrc() {
+      return STATUS_ICON[this.resolvedStatus] || STATUS_ICON[PANEL_STATE.PASS]
     },
     panelThemeClass() {
       return `fpb-panel--${this.resolvedStatus}`
@@ -468,18 +480,13 @@ export default {
 }
 
 .fpb-mark {
-  display: grid;
-  place-items: center;
+  display: block;
   flex: none;
   width: 28px;
   height: 28px;
-  color: var(--fpb-state);
-  background: #fff;
-  border: 1px solid var(--fpb-state-border);
-  border-radius: 50%;
-  font-size: 15px;
-  font-weight: 700;
-  line-height: 1;
+  object-fit: contain;
+  user-select: none;
+  pointer-events: none;
 }
 
 .fpb-result__title {