<template>
	<view>
		<u-navbar :back-text="i18n('Back')" :back-text-style="backStyle" back-icon-color="#fff" title-color="#fff"
			:title="i18n('RegionalCommittee')" :background="background">
		</u-navbar>
		<view class="">
			<view style="min-height: 1000upx;background-color: #F5F5F5;">
				<view
					style="margin: 20upx 20upx;height: 200upx;border-radius: 30upx;overflow: hidden;background-color: #fff;"
					v-for="(item,index) in initData" :key="index">
					<img :src="websiteUrl + item.bannerList[0]" alt="" v-if="item.bannerList[0]"
						style="width: 200upx;height: 200upx;">
					<img :src="websiteUrl+'/def/projectdefault.png'" alt="" v-else
						style="width: 200upx;height: 200upx;">
					<view class="recommend-bottom">
						<view class="recommend-bottom-name">{{item.projectName}}</view>
						<view>{{i18n('Releasedate')}}：{{handlePublishTimeDesc(toDate,item.createDate,$i18n.locale)}}
							{{$t('common.release')}}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background: {
					backgroundImage: 'linear-gradient(270deg, #4BC0E2 0%, #538BE7 100%)',
				},
				backStyle: {
					color: '#fff'
				},
				initData: [],
			};
		},
		onShow() {
			this.getList();
		},
		methods: {
			async getList() {
				let list = {
					language: this.$i18n.locale.toUpperCase(),

				}
				const res = await this.$myRequest({
					url: '/project/committeeBasisInfos/getCommitteeInfos',
					data: list,
				});
				this.initData = res.data.committeeBasisInfosRegion;
			},
			i18n(data) {
				return this.$t('common.' + data);
			},
		}
	}
</script>

<style lang="scss">

</style>
