app-calendar-itemlayoutpanel.vue

<template>
    <div class="app-calendar-itemlayoutpanel">
        <div class="item-icon">            
        </div>   
        <div class="item-text">
            <div class="title">{{inputData.title}}</div>
            <div class="srfdescription">{{inputData.srfdescription}}</div>
            <div class="date">
                {{ $t('userCustom.AppCalendarItemlayoutpanel.from') }}
                <span class="start">{{inputData.start}}</span>
                {{$t('userCustom.AppCalendarItemlayoutpanel.to')}}
                <span class="end">{{inputData.end}}</span>
            </div>
        </div>
        
    </div>
</template>

<script lang="ts">
import { Component, Vue, Prop, Model, Watch } from 'vue-property-decorator';
import { Subject,Subscription } from 'rxjs';
@Component({
})
export default class AppCalendarItemlayoutpanel extends Vue {

    /**
     * 面板数据对象
     *
     * @type {*}
     * @memberof AppCalendarItemlayoutpanel
     */
    @Prop() public inputData?: any;
}
</script>

<style lang="less">
@import './app-calendar-itemlayoutpanel.less';
</style>