<template>
    <!-- 文件更改日志 -->
    <div class="v-widget-item sds-window-v5 syno-sds-widget-item">
        <div class="v-widget-item-header"><img
                :src="ChangeLog.titleImgUrl"
                class="v-widget-item-header-icon">
            <div class="v-widget-item-header-title"><span
                    class="v-widget-item-header-title-text">
                    {{ChangeLog.title}}
                </span></div>
            <div class="v-widget-item-header-tools">
                <div class="v-widget-item-header-tool-icon minimize"></div>
                <div class="v-widget-item-header-tool-icon close"></div>
            </div>
        </div>
        <div class="v-widget-item-content">
            <div class=" x-panel sds-widget-gridpanel x-panel-noborder x-grid-panel x-masked-relative x-masked"
                style="width: 318px;">
                <div class="x-panel-bwrap">
                    <div class="x-panel-body x-panel-body-noheader x-panel-body-noborder"
                        style="width: 318px; height: 168px;">
                        <div class="x-grid3" hidefocus="true"
                            style="width: 318px; height: 168px;">
                            <div class="x-grid3-viewport">
                                <div class="x-grid3-scroller"
                                    style="overflow: hidden; width: 318px; height: 168px;">
                                    <div class="x-grid3-body" style="width:287px;">
                                        &nbsp;</div><a href="#"
                                        class="x-grid3-focus" tabindex="-1"
                                        style="left: 0px; top: 0px;"></a>
                                </div>
                                <div class="arrow-scroller">
                                    <div class="up arrow-disabled">
                                        <div class="arrow-up"></div>
                                    </div>
                                    <div class="down arrow-disabled">
                                        <div class="arrow-down"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="x-grid3-resize-marker">
                                &nbsp;</div>
                            <div class="x-grid3-resize-proxy">&nbsp;
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ext-el-mask"></div>
                <div class="ext-el-mask-msg" style="left: 105px; top: 66px;">
                    <div tabindex="0" class="x-loading-message-inner"
                        role="article">
                        无可用日志</div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>

export default {
  data() {
    return {
        ChangeLog:{
            id: 1,
            title: '文件更改日志',
            titleImgUrl: '../../../../../../public/image/index/wdgt_icn_title_file_change_logs.png',
            detailMessageList: [],
            cls:'',
        }
    }
  },
  components:{
  },
  name:'ChangeLog'

}
</script>
<style scoped lang="css">
.v-widget-item-content .ext-el-mask {
    z-index: 1;
}

.v-widget-item-content .ext-el-mask-msg{
    z-index: 2;
}
    
</style>
