<!-- 默认复制 -->

<template>
	<view class="content">
		<u-overlay :show="show" @click="show = false">
			<view class="warp">
				<view class="warp-top">
					<image src="http://www.nuoyunr.com/lananRsc/detection/gold.png" mode=""></image>
				</view>
				<view class="bcai-title">平台福利</view>
				<view class="w-box">
					<view class="war-box" v-for="(item,index) in couponlist" :key="index">
						<view class="war-left">
							<text>￥{{ item.discount / 100 }}</text>
						</view>
						<view class="war-right">
							<text>{{ item.title }}</text>
						</view>
					</view>
				</view>
				<view class="wrap-bott">
					<image src="http://www.nuoyunr.com/lananRsc/detection/red.png" mode=""></image>
				</view>
				<view class="rect" @tap.stop="drawDownCoupon()">
					<text>立即领取</text>
				</view>
			</view>
		</u-overlay>
		<view class="dil">

			<view class="sousuo" @click="hunong()">
				<view class="">
					<uni-icons type="search" size="18"></uni-icons>
				</view>
				<input type="text" placeholder="输入关键词搜索">
			</view>
			<!-- banner -->
			<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
				:duration="duration">
				<swiper-item v-for="(item,index) in bannerliet" :key="index">
					<view class="swiper-box">
						<image :src="baseUrl+item.url" mode=""></image>
					</view>
				</swiper-item>

			</swiper>
			<!-- jingangq -->
			<view class="jgq">
				<view class="j-box" @click="goshowMenu()">
					<view class="j-img">
						<image src="http://www.nuoyunr.com/lananRsc/detection/hmzc.png" mode=""></image>
					</view>
					<view class="">
						<text>使用说明</text>
					</view>
				</view>
				<!-- <view class="j-box" @click="getgolist(2)">
        <view class="j-img">
          <image src="http://www.nuoyunr.com/lananRsc/detection/hygg.png" mode=""></image>
        </view>
        <view class="">
          <text>行业公告</text>
        </view>
      </view> -->
				<view class="j-box" @click="getgolist(3)">
					<view class="j-img">
						<image src="http://www.nuoyunr.com/lananRsc/detection/qcjc.png" mode=""></image>
					</view>
					<view class="">
						<text style="font-size: 20px; font-weight: bold;">我要审车</text>
					</view>
				</view>
				<view class="j-box" @click="goM()">
					<view class="j-img">
						<image src="http://www.nuoyunr.com/lananRsc/detection/mz.png" mode=""></image>
					</view>
					<view class="">
						<text>M站信息</text>
					</view>
				</view>
				<view class="j-box" @click="gostatistics" v-if="jcgfRole == true">
					<view class="j-img">
						<image src="http://www.nuoyunr.com/lananRsc/detection/jcsj.png" mode=""></image>
					</view>
					<view class="">
						<text>检测数据</text>
					</view>
				</view>
			</view>
			<!-- touzhi -->
			<view class="notice">
				<view class="n-img">
					<!-- <image src="http://www.nuoyunr.com/lananRsc/detection/tzggg.png" mode=""></image> -->
					<div class="tongzhi">通知</div>
					<div class="gonggao">公告</div>
				</view>

				<view class="n-right">
					<!-- <view class="lists">
          <view :class="{ top: animate == true }">
            <view class="list" v-for="(item,index) in text" :key="index" @click="getdetails(item.id)">
              <view class="n-title">{{item.newsTitle}}</view>
              <view class="n-zi" v-html="item.newsContent" > 文章信息</view>

            </view>
          </view>
        </view> -->
					<view class="uni-xiugai-wrap">
						<swiper class="swipers" :vertical="true" circular :indicator-dots="indicatorDots"
							:autoplay="autoplay" :interval="interval" :duration="duration">

							<view class="list" v-for="(item,index) in noticeList" :key="index"
								@click="handleNoticeClick(index)">
								<swiper-item>
									<view class="n-title">{{ item.title }}</view>
								</swiper-item>
							</view>

						</swiper>
					</view>


					<!-- <view style="display: flex; width: 30%; align-items: center; color: #999999;" @click="getgolist(2)">
            <view style="font-weight: bold;">更</view>
            <view style="font-weight: bold;">多</view>
            <uni-icons type="right" color="#999999" size="26"></uni-icons>
          </view> -->
				</view>
			</view>
			<!-- shangpin -->
			<view class="Productbox">
				<view class="p-top">
					<view class="p-left">
						<view class="p-lan">附近检测站</view>
						<view class="gang"></view>
					</view>
					<!-- <view class="p-right">
        <view class="p-z">更多检测</view>
        <view class="">
          <uni-icons type="right" color="#AAAAAA" size="16"></uni-icons>
        </view>
      </view> -->
				</view>
				<view class="p-cont">
					<scroll-view class="scroll-view" scroll-y :style="{ height: scrollHeight + 'px' }"
						@scrolltolower="onReachBottomCus" refresher-enabled @refresherrefresh="onRefresherrefresh"
						:refresher-triggered="isTriggered">
						<view class="dlist-box" v-for="(item,index) in listarr" :key="index"
							@click="getpartnerId(item.tenantId)">
							<view class="listimg">
								<image :src="baseUrl+item.photo" mode="aspectFit"></image>
							</view>
							<view class="listright">
								<view class="n-title">{{ item.simpleName || item.corpName}}</view>
								<view class="dix">
									<view class="huang">
									</view>
								</view>
								<view class="dixb">
									<view class="hui">{{ item.address }}</view>
									<text>{{ jlFunction(item.distance) }}</text>
								</view>
							</view>
						</view>
					</scroll-view>

				</view>
				<view style="width: 100%; height: 60px;"></view>
			</view>

		</view>

		<!-- <tabBar :msg="msg"></tabBar> -->
	</view>
</template>

<script>
	import config from '@/config'
	import request from '../../utils/request';
	import tabBar from '../../components/detection/tabBar.vue'
	import {
		getToken,
		setToken,
		setTenantId,
		setInviteId,
		getInviteId,
		removeTenantId,
		removeInviteId
	} from '@/utils/auth'
	import {
		getTenantIdByWebsite
	} from '@/api/login.js'
	import newRequest from "@/utils/newRequest";

	export default {
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500,
				scrollHeight: 0,
				roles: [],
				jcshopRole: false,
				jcgfRole: false,
				isTriggered: false,
				msg: "1",
				text: [{
					size: '公告的详细内容，最多展示两行多余部分一省略号代替公告的详细内容，最多展示两...'
				}, ],
				noticeList: [],
				baseUrl: this.$baseImageUrl + '/',
				bannerliet: [],
				background: ['color1', 'color2', 'color3'],
				indicatorDots: false,
				autoplay: true,
				interval: 5000,
				duration: 500,
				goodslist: [],
				animate: false,
				timer: null,
				notics: [],
				listarr: [],
				totalPages: 0,
				pageNo: 1,
				couponlist: [],
				show: false,
				longitude: "105.442024",
				latitude: "28.871325",
				tenantCode: 'lanan',
				qTenantId: null,
				qUserId: null,
			}
		},

		components: {
			tabBar,
		},

		onLoad(query) {
			// getTenantIdByWebsite(this.tenantCode).then(res => {
			//   const tenantId = res.data;
			//   if (tenantId && tenantId >= 0) {
			//     setTenantId(tenantId)
			//   }
			// }).finally(() => {

			// })
			this.handleScrollNotice();
			// this.baseUrl = this.$baseUrl
			this.getbanner()
			this.timer = setInterval(this.scroll, 8000)
			this.vgetlist()
			// this.canLedCoupon()

			const q = decodeURIComponent(query.q) // 获取到二维码原始链接内容
			let theRequest = this.getUrlValue(q)
			console.log('二维码获取参数', theRequest);
			if (theRequest.hasOwnProperty("inviteId")) {
				//扫码邀请过来的，设置邀请者code
				setInviteId(theRequest['inviteId'])
				this.getInspectionStaff()
				// 查询业务渠道
			} else {
				removeInviteId()
				removeTenantId()
				this.getList()
				/* uni.reLaunch({
				  url: '/pages-home/home/home'
				}) */
			}
		},
		onShow() {
			console.log(uni.getStorageSync('role'))
			this.roles = uni.getStorageSync('role')
			if (this.roles) {
				this.roles.forEach(item => {
					if (item == 'jcgf') {
						this.jcgfRole = true
					}
				})
			}
		},
		onShareAppMessage(res) {
			if (res.from === 'button') { // 来自页面内分享按钮
				console.log(res.target)
			}
			return {
				title: '机动车管家',
				path: '/pages/detection/detection'
			}
		},
		onShareTimeline(res) {
			return {
				title: '机动车管家',
				path: '/pages/detection/detection'
			}
		},
		onReady() {
			// 动态计算滚动区域高度
			this.calculateScrollHeight();
		},

		methods: {
			/**
			 * 上滑加载数据
			 */
			async onReachBottomCus() {
				this.isTriggered = true
				if (this.pageNo >= this.totalPages) {
					uni.showToast({
						title: '没有下一页数据',
						icon: 'none'
					})
				} else {
					this.pageNo++
					console.log(222)
					await this.vgetlist()
					this.isTriggered = false
				}
			},
			handleNoticeClick(index) {
				const currentNotice = this.noticeList[index]
				if (currentNotice && currentNotice.id) {
					uni.navigateTo({
						url: `/pages/noticeContent/index?id=${currentNotice.id}`
					})
				}
			},
			/**
			 * 下拉刷新数据
			 */
			async onRefresherrefresh() {
				this.isTriggered = true
				this.pageNo = 1
				this.listarr = []
				await this.vgetlist()
				this.isTriggered = false
			},
			calculateScrollHeight() {
				// 获取屏幕高度
				const screenHeight = uni.getSystemInfoSync().windowHeight;
				// 获取顶部区域高度
				const topHeight = 390;
				// 计算滚动区域高度
				this.scrollHeight = screenHeight - topHeight;
			},
			goshowMenu() {
				uni.downloadFile({
					url: 'https://www.nuoyunr.com/cdJdc/profile/upload/2023/08/19/jdcSysc.pdf',
					success: function(res) {
						var filePath = res.tempFilePath;
						uni.openDocument({
							filePath: filePath,
							showMenu: true,
							success: function(res) {
								console.log('打开文档成功');
							}
						});
					}
				});
				return
			},
			hunong() {
				uni.navigateTo({
					url: '/pages/detection/VehicleInspection'
				})
			},
			async getInspectionStaff() {
				const res = await newRequest({
					url: '/app-api/inspection/getInspectionStaffByUniqueCode',
					method: 'get',
					params: {
						uniqueCode: getInviteId()
					}
				})
				this.qTenantId = res.data.tenantId
				this.qUserId = res.data.userId
				console.log('tenantId', this.qTenantId)
				console.log('coachId', this.qUserId)
				setTenantId(res.data.tenantId)
			},
			getUrlValue(url) {
				var theRequest = new Object();
				if (url.indexOf("?") != -1) {
					//有参数
					var str = url.split("?")[1];
					var strs = str.split("&");
					for (var i = 0; i < strs.length; i++) {
						theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
					}
				}
				return theRequest
			},

			async canLedCoupon() {
				console.log(getToken(), 292);
				if (!getToken()) {
					return
				}
				let res = await request({
					url: '/appInspection/goods/canLedCouponPlatform',
					method: 'get',
				})
				console.log(res);
				this.couponlist = res.data.slice(0, 3);
				if (res.data.length > 0) {
					this.show = true
				}
			},
			async drawDownCoupon() {
				let res = await request({
					url: '/appInspection/goods/drawDownCouponPlatform',
					method: 'post',

				})
				uni.showToast({
					title: '领取成功'
				})
				this.show = false
			},
			async vgetlist() {
				const params = {
					pageNo: this.pageNo,
					pageSize: this.pageSize,
					serviceCodes: 'jiance',
					// lgt: '117.078709',
					// lat: '36.747455',
				};
				try {
					const userLocation = await this.getLocation();
					params.lgt = userLocation.lng;
					params.lat = userLocation.lat;
				} catch (e) {
					console.log(e)
				}

				if (this.qTenantId) {
					params.tenantId = this.qTenantId;
				}

				// 列表获取
				newRequest({
					// url: '/appInspection/appHome/homePartner',
					url: '/userClient/base/companySmallProgram/pageNoTenantId',
					method: 'get',
					params: params
				}).then(res => {
					this.totalPages = res.data.pages
					this.listarr = res.data.records
				})

			},
			//获取当前位置
			getLocation() {
				return new Promise((resolve, reject) => {
					uni.getLocation({
						type: 'gcj02',
						success: (res) => {
							resolve({
								lat: res.latitude,
								lng: res.longitude
							});
						},
						fail: (err) => {
							console.error('获取位置失败', err);
							// 用户拒绝了位置授权
							if (err.errMsg.includes('auth deny') || err.errMsg.includes(
									'fail auth deny')) {
								// this.showDistance = false;
								// this.locationPermissionDenied = true;
							}
							reject(err);
						}
					});
				});
			},

			jlFunction(num) {

				let snum = num / 1000
				if (snum >= 1) {
					return snum.toFixed(2) + 'Km'
				} else {
					return snum.toFixed(2) + 'm'
				}
			},
			getdetails(id) {
				uni.navigateTo({
					url: '/pages/detection/detedetails?id=' + id
				})
			},
			getpartnerId(id) {
				uni.navigateTo({
					url: '/pages/detection/MerchantDetails?id=' + id
				})
			},
			getgolist(id) {
				if (id == 1) {
					uni.navigateTo({
						url: '/pages/detection/detelist'
					})
				}
				if (id == 2) {
					uni.navigateTo({
						url: '/pages/detectiontransfer/detectiontransfer'
					})
				}
				if (id == 3) {
					uni.navigateTo({
						url: '/pages/detection/VehicleInspection'
					})
				}
			},
			getback() {
				uni.navigateBack({
					delta: 1,
				})
			},
			async getbanner() {
				let res = await newRequest({
					url: '/userClient/banner/list',
					method: 'get',
					params: {
						type: 'jiance'
					}
				})
				this.bannerliet = res.data
				// let ress = await request({
				//   url: '/appInspection/appHome/listNews',
				//   method: 'get',
				// })
				// this.newslist = res.data
				// let resss = await request({
				// 	url:'/appInspection/appHome/homeGoods',
				// 	method: 'get',
				// })
				// this.goodslist = resss.rows
				let gg = await newRequest({
					url: '/app-api/base/notice/pageList',
					method: 'get',
					params: {
						pageNum: 1,
						pageSize: 10000,
						parentServer: 'jiance',
						server: 'wx'
					}
				})
				console.log('公告', gg);
				this.noticeList = gg.data.records // 保留原始数据
				this.text = gg.data.records.map(item => item.title)
			},
			gostatistics() {
				uni.navigateTo({
					url: "/pages/detection/statistics"
				})
			},
			goM() {
				uni.navigateTo({
					url: "/pages/M/M"
				})
			},
			going(id) {
				uni.navigateTo({
					url: "/pages/detection/Merchantproducts?id=" + id
				})
			},
			scroll() {
				this.animate = true;
				setTimeout(() => {
					this.notics.push(this.notics[0]);
					this.notics.shift();
					this.animate = false;
				}, 1000);
			},
			// 初始化通知列表
			initNoticeList() {
				const _this = this;
				_this.noticeList = _this.text;
				if (_this.noticeList.length > 1) {
					_this.timer = setInterval(() => {
						_this.handleScrollNotice();
					}, _this.interval);
				}
			},
			// 点击通知时触发
			handleClickNotice(item) {
				this.$emit("click", item);
			},
			// 滚动通知
			handleScrollNotice() {
				console.log('执行了');
				const len = this.text.length;
				if (this.currentIndex === len - 1) {
					this.currentIndex = 0;
				} else {
					this.currentIndex++;
				}
				this.animateScroll();
			},
			// 动画滚动
			animateScroll() {
				console.log('动画滚动');
				const _this = this;
				const noticeHeight = 30; // 通知高度，根据实际情况调整
				const scrollTop = _this.currentIndex * noticeHeight;
				_this.scrollTop = scrollTop;
			},


		}

	}
</script>

<style scoped lang="scss">
	@import "@/uni_modules/uview-ui/index.scss";

	.warp {
		width: 275px;
		height: 375px;
		background: #FB4746;
		border-radius: 10px;
		margin: 0 auto;
		margin-top: 200px;
		box-sizing: border-box;
		padding: 15px;
		position: relative;
	}

	.warp-top {
		position: absolute;
		width: 100%;
		height: 40px;
		top: 0px;
		left: 0px;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.bcai-title {
		width: 100%;
		text-align: center;
		font-size: 16px;
		color: white;
		font-weight: bold;
		color: #FFFFFF;
		margin-bottom: 10px;

	}

	.w-box {
		background: #cf2c2f;
		width: 100%;
		height: 300px;
		border-radius: 10px;
		box-sizing: border-box;
		padding: 8px;

	}

	.war-left {
		width: 40%;
		border-right: 1px solid #EBC29D;
		font-size: 26px;
		text-align: center;
		font-weight: bold;
		color: #E0262C;
	}

	.war-right {
		width: 60%;
		font-size: 16px;
		font-weight: bold;
		color: #7D592C;
		box-sizing: border-box;
		padding-left: 10px;
	}

	.wrap-bott {
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 100%;
		height: 80px;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.war-box {
		width: 100%;
		height: 69px;
		background: linear-gradient(90deg, #FFF1E4 0%, #FACEA6 100%);
		border-radius: 6px 6px 6px 6px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: 10px;
		margin-bottom: 10px;
	}

	.rect {
		width: 172px;
		height: 36px;
		background: linear-gradient(90deg, #FFF4CB 0%, #FDDC66 100%);
		border-radius: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		font-weight: bold;
		color: #E11E27;
		position: absolute;
		bottom: 20px;
		transform: translate(-50%);
		left: 50%;
		z-index: 999;
	}

	.uni-margin-wrap {
		width: 100%;
	}

	.uni-margin-wrap {
		width: 690rpx;
		width: 100%;
	}

	.uni-xiugai-wrap {
		width: 100%;
	}

	.swiper {
		height: 180px;
		border-radius: 8px;
	}

	.swipers {
		height: 80px;
	}

	.swiper-item {
		display: block;
		height: 300rpx;
		line-height: 300rpx;
		text-align: center;

	}

	.swiper-list {
		margin-top: 40rpx;
		margin-bottom: 0;
	}

	.uni-common-mt {
		margin-top: 60rpx;
		position: relative;
	}

	.info {
		position: absolute;
		right: 20rpx;
	}

	.uni-padding-wrap {
		width: 550rpx;
		padding: 0 100rpx;
	}

	.swiper-box {
		background-color: white;
		height: 180px;
		border-radius: 8px;
		overflow: hidden;
		width: 95%;
		margin: 0 auto;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.content {
		width: 100%;
		height: calc(100vh);
		background: linear-gradient(180deg, #0D2E8D 0%, rgba(13, 46, 141, 0) 100%);
		box-sizing: border-box;
		padding-top: 20%;
	}

	.dil {
		background-color: rgba(13, 46, 141, 0.1);
		box-sizing: border-box;
		// padding: 0px 12px;
	}

	.dix {
		display: flex;
		align-items: center;

	}

	.sousuo {
		width: 95%;
		height: 36px;
		border-radius: 18px;
		background: #FFFFFF;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: 0px 12px;
		margin: 0 auto;
		margin-bottom: 28px;

	}

	.jgq {
		// height: 160px;
		background: linear-gradient(180deg, #DFE2EB 0%, #FFFFFF 100%);
		border-radius: 8px;
		width: 95%;
		border: 1px solid #FFFFFF;
		margin: 0 auto;
		margin-top: 10px;
		box-sizing: border-box;
		// padding: 0px 15px;
		flex-wrap: wrap;
		display: flex;
		justify-content: space-around;
		padding-bottom: 15px;
	}

	.j-box {
		text-align: center;
		width: 32%;
		font-size: 18px;
		font-weight: 400;
		color: #333333;
		margin-top: 15px;

	}

	.j-img {
		margin: 0 auto;
		width: 40px;
		height: 40px;
		text-align: center;

		image {
			width: 100%;
			height: 100%;
			margin-left: 6px;
		}
	}

	.notice {
		width: 95%;
		background: #FFFFFF;
		box-shadow: 0px 0px 8px 0px rgba(13, 46, 141, 0.1);
		border-radius: 8px;
		margin: 10px auto;
		box-sizing: border-box;
		padding: 10px;
		display: flex;
		justify-content: space-between;
	}

	.n-title {
		box-sizing: border-box;

		font-size: 16px;
		font-weight: bold;
		color: #333333;

	}

	.n-zi {
		font-size: 13px;
		font-weight: 400;
		color: #999999;
		width: 300px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;

	}

	.gang {
		margin-top: 2px;
		width: 100%;
		height: 4px;
		background: linear-gradient(90deg, #0D2E8D 0%, rgba(13, 46, 141, 0) 100%);
	}

	.n-img {
		width: 20%;
	}

	.n-right {
		width: 70%;
		display: flex;
		justify-content: space-between;
		align-items: center;

	}

	.Productbox {
		width: 100%;
		background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
		border-radius: 8px;
		box-sizing: border-box;
		padding: 16px;
	}

	.p-top {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.p-left {}

	.p-lan {
		font-size: 16px;
		font-weight: bold;
		color: #0D2054;
	}

	.p-right {
		display: flex;
		align-items: center;
	}

	.p-z {
		font-size: 15px;
		font-weight: 400;
		color: #999999;
	}

	.daqi {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
	}

	.p-cont {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.p-box {
		width: 49%;
		background: #FFFFFF;
		border-radius: 8px;
		overflow: hidden;
		margin-top: 10px;
		position: relative;
	}

	.p-img {
		width: 100%;
		height: 166px;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.p-t-z {
		font-size: 16px;
		font-weight: 600;
		color: #333333;
		margin-bottom: 10px;
	}

	.p-d {
		width: auto;
		// background: #EEEEEE;
		// border-radius: 10px;
		font-size: 16px;
		font-weight: 400;
		color: #666666;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		// padding: 2px 5px;
		margin-bottom: 10px;

	}

	.p-bottom {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	.p-jia {
		font-size: 16px;
		font-weight: bold;
		color: #FF571A;
	}

	.aniu {
		background: #0D2E8D;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 11px;
		font-size: 12px;
		font-weight: 400;
		color: #FFFFFF;
		padding: 2px 5px;
	}

	.p-biao {

		position: absolute;
		top: 0px;
		right: 1px;
		width: 43px;
		height: 22px;
		background: linear-gradient(90deg, #EE8342 0%, #EA3942 100%);
		border-radius: 0px 8px 0px 8px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #FFFFFF;
		font-size: 12px;
	}

	.lists {
		height: 70px;
		overflow: hidden;
		width: 100%;
	}

	.list {


		width: 100%;
		// display: flex;
		// align-items: center;
		font-size: 26rpx;

	}

	text {
		padding-left: 20rpx;
	}

	.top {
		transition: all 1s;
		margin-top: -100rpx;
	}

	.dlist-box {
		width: 100%;
		box-sizing: border-box;
		padding: 15px;
		background: #FFFFFF;
		border-radius: 8px;
		display: flex;
		align-items: center;
		margin-top: 10px;
	}

	.dixb {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.huang {
		display: flex;
		align-items: center;
		font-size: 18px;
		font-weight: 400;
		color: #FF9600;
		margin: 5px 0px;
	}

	.hui {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 15px;
		font-weight: 400;
		color: #999999;
	}

	.listright {
		width: 70%;
	}

	.tongzhi {
		font-size: 28px;
		font-weight: bold;
	}

	.gonggao {
		font-size: 28px;
		font-weight: bold;
		color: #c7b07f;
	}

	.listimg {
		width: 70px;
		height: 70px;
		border-radius: 8px 8px 8px 8px;
		overflow: hidden;
		border: 1px solid #EEEEEE;
		margin-right: 10px;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.notices {
		/* 组件高度，根据实际情况调整 */
		width: 70%;
		height: 80px;
		overflow: hidden;

	}

	.notice-scroll {
		width: 100%;
		height: 100%;
	}

	.notice-content {
		display: flex;
		flex-direction: column;
	}

	.notice-item {
		/* 通知高度，根据实际情况调整 */
		height: 60px;
		/* 通知行高，根据实际情况调整 */
		line-height: 60rpx;
		padding-left: 20rpx;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
</style>