提交一部分民政评分新版

src/components/AiTabPanes.vue

@@ -1,7 +1,7 @@
 <template>
-  <section class="AiTabPanes" :style="{background}">
+  <section class="AiTabPanes" :class="{white}" :style="{background}">
     <div class="item" :class="{active:value==i}" v-for="(item, i) in tabs" :key="i"
-         @click="handleClick(item,i)">{{ item }}
+         @click="handleClick(item,i)">{{ getLabel(item) }}
     </div>
   </section>
 </template>
@@ -19,9 +19,13 @@ export default {
   props: {
     value: {default: ""},
     tabs: {default: () => []},
-    background: {default: ""}
+    background: {default: ""},
+    white: Boolean
   },
   methods: {
+    getLabel(item) {
+      return item?.label || item
+    },
     handleClick(item, index) {
       this.$emit("change", index)
       this.$emit("click", item)
@@ -63,5 +67,22 @@ export default {
       }
     }
   }
+
+  &.white {
+    background: #fff;
+
+    .item {
+      color: #666;
+
+      &.active {
+        color: #000;
+        font-weight: bold;
+
+        &:after {
+          background: #3399FF;
+        }
+      }
+    }
+  }
 }
 </style>