udpate: ui

src/views/card/partials/send-preview.vue

@@ -31,6 +31,7 @@
                   </div>
                   <div class="card-d">
                     <p class="card-d-title ellipsis">
+                      <!-- <span :style="`background:${data.cardColor}`">{{ data.cardType | dct }}</span> -->
                       {{ data.cardName }}
                     </p>
                     <p class="card-d-time" v-if="data.cardEffectiveMode == 0">{{ time }}</p>
@@ -68,6 +69,12 @@
 
 <script>
 import { formatDateTimeByType } from '@/utils/index';
+const _cardType = {
+  0: { label: '抵金券', value: 0 },
+  1: { label: '折扣券', value: 1 },
+  2: { label: '兑换券', value: 2 }
+  // 3: { label: '其他券', value: 3 },
+};
 
 export default {
   name: 'SendPreview',
@@ -120,6 +127,11 @@ export default {
       this.$emit('update:visible', false);
     }
   },
+  filters: {
+    dct(val) {
+      return _cardType[val].label || '--';
+    }
+  },
   computed: {
     time() {
       const time = this.data.dateTime;
@@ -340,7 +352,6 @@ export default {
         margin-bottom: 11px;
         position: relative;
         margin-top: 2px;
-        padding-left: 48px;
         span {
           position: absolute;
           left: -20px;