<template>
  <div>
    <div v-if="item.event === 'subscribe'">
      <el-tag type="success">{{t('mp.follow')}}</el-tag>
    </div>
    <div v-else-if="item.event === 'unsubscribe'">
      <el-tag type="danger">{{t('mp.unfollow')}}</el-tag>
    </div>
    <div v-else-if="item.event === 'CLICK'">
      <el-tag>{{t('mp.clickMenu')}}</el-tag>
      【{{ item.eventKey }}】
    </div>
    <div v-else-if="item.event === 'VIEW'">
      <el-tag>{{t('mp.clickMenuLink')}}</el-tag>
      【{{ item.eventKey }}】
    </div>
    <div v-else-if="item.event === 'scancode_waitmsg'">
      <el-tag>{{t('mp.scanCodeResult')}}</el-tag>
      【{{ item.eventKey }}】
    </div>
    <div v-else-if="item.event === 'scancode_push'">
      <el-tag>{{t('mp.scanCodeResult')}}</el-tag>
      【{{ item.eventKey }}】
    </div>
    <div v-else-if="item.event === 'pic_sysphoto'">
      <el-tag>{{t('mp.systemTakePhotoAndSendImage')}}</el-tag>
    </div>
    <div v-else-if="item.event === 'pic_photo_or_album'">
      <el-tag>{{t('mp.takePhotoOrSelectFromAlbum')}}</el-tag>
    </div>
    <div v-else-if="item.event === 'pic_weixin'">
      <el-tag>{{t('mp.wechatAlbum')}}</el-tag>
    </div>
    <div v-else-if="item.event === 'location_select'">
      <el-tag>{{t('mp.selectLocation')}}</el-tag>
    </div>
    <div v-else>
      <el-tag type="danger">{{t('mp.unknownEventType')}}</el-tag>
    </div>
  </div>
</template>

<script lang="ts" setup>
const { t } = useI18n()

const props = defineProps<{
  item: any
}>()

const item = ref(props.item)
</script>
