app 公告详情

public/appnew/src/components/announcementDetails/announcementDetails.vue

+<template>
+	<div class="report-detail">
+		
+		<div class="report-title">
+		2018年中秋节放假安排
+		</div>
+		<div class="report-time">
+		<span>2018-02-23</span><span class="sec-right">12:00</span>
+		</div>
+		<div class="report-text">
+			2018年放假安排，连续休息3天。2018年放假安排，连续休息3天。2018年放假安排，连续休息3天。2018年放假安排，连续休息3天。2018年放假安排，连续休息3天。2018年放假安排，连续休息3天。2018年放假安排，连续休息3天。
+		</div>
+
+	</div>
+</template>
+
+<script>
+	import '@/assets/js/layer041002.js';
+	export default {
+
+		data: () => ({
+			
+		}),
+		created() {
+			let _this = this;
+			_this.token = _this.$route.query.token;
+			_this.bargain_id = _this.$route.query.bargain_id;
+			if(!_this.token) {
+				layer.tipsX('token获取出错');
+				return false;
+			};
+			_this.loadMain();
+		},
+		methods: {
+			loadMain() {
+				let _this = this;
+				_this.ajaxUl();
+			},
+			
+
+			ajaxUl() {
+				let _this = this;
+
+				_this.axios({
+						method: 'get',
+						url: 'broker/bargainDetail',//获取公告详情
+						responseType: 'json',
+						data: {
+							bargain_id: _this.bargain_id,
+							AuthToken: _this.token,
+						}
+					})
+					.then(function(response) {
+						if(response.data.code == 200) {
+
+						} else {
+							layer.tipsX(response.data.msg);
+						}
+					})
+					.catch(function(error) {
+						layer.tipsX(error);
+					});
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.report-detail{
+		padding: .44rem .28rem;
+	}
+	.report-title{
+		font-size: .4rem;
+		color: #1A1A1A;
+	}
+	.report-time{
+		font-size: .3rem;
+		color: #999;
+		margin-top: .22rem;
+	}
+	.report-text{
+		text-indent:2em;
+		font-size: .3rem;
+		color: #1A1A1A;
+		line-height: .56rem;
+		margin-top: .5rem;
+	}
+	.sec-right{
+		margin-left: .32rem;
+	}
+	
+</style>