<template>
  <Tooltip
    :content="params.data.SELLERMEMO.val"
    transfer
    placement="top"
    max-width="200"
  >
    <Icon
      type="ios-flag"
      :style="style"
    />
  </Tooltip>
</template>

<script>
export default {
  name: 'FlagRemarkColumn',

  props: {
    params: {
      type: Object,
      default: () => ({})
    }
  },

  data() {
    return {

    };
  },

  computed: {
    style() {
      switch (this.params.value) {
        case '灰':
          return 'color:grey;'
        case '红':
          return 'color:#eb4832;'
        case '黄':
          return 'color:yellow;'
        case '绿':
          return 'color:green;'
        case '浅蓝':
          return 'color:#25adeb;'
        case '紫':
          return 'color:purple;'
        case '粉红':
          return 'color:pink;'
        case '青':
          return 'color:#51ef15;'
        case '橙':
          return 'color:orange;'
        case '深蓝':
          return 'color:#2538eb;'
      }
    }
  },

  mounted() {

  },

  methods: {

  },
};
</script>

<style scoped>
</style>
