<template>
	<view>
		<view style="padding:0 40rpx 20rpx;box-sizing: border-box" v-if="content != null">
			<view style="font-size: 34rpx;font-weight: bold;color: #303133;margin-top: 20rpx;">
				{{content.noticeTitle}}
			</view>
			<!-- <view style="font-size: 30rpx;color:#606266;padding: 20rpx 0;">
			发布人：
		</view> -->
			<view style="font-size: 28rpx;color:#909399;margin: 20rpx 0;display: flex;align-items: center;">
				<view>
					{{$u.timeFormat(content.publishTime, 'yyyy-mm-dd hh:MM:ss')}}
				</view>
				<view style="margin-left: 40rpx;">
					{{content.createBy}}
				</view>
			</view>
			<u-divider></u-divider>
			<view>
				<u-parse :content="content.noticeContent"></u-parse>
			</view>
			<view style="border-radius: 8rpx;background-color: #f3f3f3;margin-top: 40rpx;padding: 20rpx 40rpx;"
				v-if="content.fjFiles != null && content.fjFiles.length != 0">
				<view style="display: flex;align-items: center;margin-bottom: 20rpx;f">
					<u-icon name="file-text-fill" color="#000"></u-icon>
					附件
				</view>
				<view style="margin-bottom: 30rpx;" v-for="v in content.fjFiles" :key="v.fileId">
					<u--text :lines="1" size="15" color="#2979FF" decoration="underline" :text="v.name"
						@click="downLoad(v)"></u--text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content: []
			}
		},
		onLoad(options) {
			uni.$u.http.get('/system/notice/' + options.id).then((res) => {
				console.log(res)
				this.content = res.data
			})
		},
		methods: {

		}
	}
</script>

<style>

</style>