<template>
    <view style="padding-top: 50rpx">
        <view class="mx3 my2 p3 bg-color-white" style="border-radius: 16rpx">
            <view class="d-flex py3 border-bottom">
                <view class="f-size-26 text-color-9" style="width: 100rpx">类型</view>
                <view class="f-size-26 text-color-3">{{
                    typeDict[infoData.detailType]
                }}</view>
            </view>
            <view class="d-flex py3 border-bottom">
                <view class="f-size-26 text-color-9" style="width: 100rpx">时间</view>
                <view class="f-size-26 text-color-3">{{ infoData.taskCreateTime }}</view>
            </view>
            <view class="d-flex py3">
<!--                <view class="f-size-26 text-color-9" style="width: 100rpx">内容</view>-->
                <view class="f-size-26 text-color-3 ml-3"> <rich-text :nodes="infoData.content"></rich-text></view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            infoData: {},
            typeDict: {}
        };
    },
    onLoad(options) {
        this.infoData = JSON.parse(options.detail);
        this.getDict();
    },
    methods: {
        getDict() {
            this.typeDict = this.$DictCache.getLabelByValueMapByType(
                this.$DictCache.TYPE.WORKPLACE_BACKLOG_DETAIL_TYPE
            );
        }
    }
};
</script>

<style>
page {
  background-color: #f4f4f4;
}
</style>
