my-welfare-message.vue

<script lang="ts">
    import { Component } from "vue-property-decorator";
    import PurchasePlanMessage from "@/customer-service/components/message-item/purchase-plan-message.vue";
    import Chat from "@/customer-service/xim/index";
    @Component({ components: {} })
    export default class Index extends PurchasePlanMessage {
        protected openPlanUrl(e: any) {
            if (Chat.isBackend()) {
                return;
            }
            this.planTargetUrl = "/my-benefit-detail/";
            window.open(
                `${this.planTargetUrl}${e.target.attributes["plan-id"].value}`,
                "_blank"
            );
        }
    }
</script>

<style lang="less" scoped>
    .inline-text {
        display: inline-block;
        white-space: pre-wrap;
        text-align: left;
    }
</style>