DigitalScholl/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/StuPayFee/list.vue

<template>
	<view class="page">
	    <!--标题-->
	    <view class="noticeT"><text id="AcademicYearNo">{{ data.AcademicYearNo }}</text>学年第<text id="Semester">{{ data.Semester }}</text>学期收费标准</view>
	    <!--简介-->
	    <view class="noticeBox">
	        <view class="noticeTitle">费用明细</view>
	        <view id="list">
				<view class="noticeTxt" v-for="(item, i) in data.FinaChargesStandardList" :key="item.ChargeItemID">
					<text> {{ item.ChargeItemName }} ：</text><text> {{ item.Standard }} 元</text>
				</view>
			</view>
	        <view class="noticeTxt">
	            <text>合计：</text><text><text id="total">{{ data.PayFeeTotal }}</text>元</text>
	        </view>
	    </view>
	</view>
</template>

<script>
export default{
	data() {
		return {
			data: null
		}
	},
	methods:{
		init() {
			//数据绑定
			let _this = this;
			_this.LOADING('加载数据中…')
			_this.HTTP_GET('StuInfoFresh/payFeeDetail', {}, '加载数据时出错').then(res => {
				_this.HIDE_LOADING();
				console.log(res);
				_this.data = res;
			});
		}
	},
	created() {
		this.init()
	}
}
</script>

<style scoped lang="less">
/deep/ uni-page{
	background-color: #fff;
}
.f-page-body {
	background: #fff;
}

.page {
	padding: 10px 12px;
	background: #fff;
}

.noticeT {
	font-size: 20px;
	line-height: 26px;
	text-align: center;
}

.noticeTitle {
	font-size: 16px;
	/* border-top: 10px #f9f9f9 solid; */
	/* margin: 0 -12px; */
	margin: 15px 0 10px;
}

.noticeBox {
	margin: 10px 0;
	padding: 12px;
	background: #f9f9f9;
	border-radius: 14px;
}

.noticeBox .noticeTitle:first-child {
	margin-top: 0;
}

.noticeTxt,
.noticeText {
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	margin: 5px 0;
}

.noticeText {
	text-align: right;
}

.noticeTxt > *:last-child {
	float: right;
}

.noticeLine {
	height: 1px;
	margin: 10px 0;
	background: #e4e4e4;
}
</style>