<template>
  <view>
    <view
      v-if="
        payload.extension &&
        payload.data !== 'ACCEPTCONSULT' &&
        payload.data !== 'REPEATMEDICALADVICE'
      "
      class="message-item"
    >
      【系统提示】{{ payload.extension }}</view
    >
  </view>
</template>
<script setup>
import {  computed } from "vue";
//   messageItem.payload  data: 消息类型  startChat 会话开始 ,  endChat 会话结束 ,
const props = defineProps({
  messageItem: {
    type: Object,
    default: () => ({}),
  }
});

const payload = computed(() => {
  return props.messageItem.payload;
});
</script>

<style scoped lang="scss">
//灰色 字体颜色
.message-item {
  padding: 10px;
  color: #666;
  // border-radius: 10px;
  margin: 0px 0 10px 0;
  text-align: center;
  font-size: 14px;
}
</style>