NewZkgj/pages/learning/Equinoctiallearning.vue

<template>
	<view class="main">
		<view class="cented">
			<view class="ceninfo" v-for="(item,index) in alllist" :key="index">
				<view class="infoview">
					<view class="infozuo">
						<view class="infozuochiud1">{{item.jbaName}}</view>
						<view class="infozuochiud2">置业顾问</view>
					</view>
					<view class="infoyou">
						<view class="infoyouchiud2" @click="quclick(item)">去学习</view>
					</view>
				</view>
				<view class="footerinfo">
					<view class="footerinfozuo">{{item.assignedTime}}</view>
					<view class="footerinfoyou"></view>
				</view>
			</view>
		</view>

	</view>
</template>


<script>
	var config = require("../../config");
	var util = require("../../utils/util.js");
	export default {
		data() {
			return {
				alllist: [],
				id: "",
				biaoqian:""
			};
		},
		onLoad(options) {
			this.id = options.id;
			this.biaoqian=options.biaoqian
			this.ceninit()
		},
		methods: {
			quclick(item) {
				const parames = {
					pageNum: 1,
					pageSize: 100,
					query: {
						whetherFinish: 1,
						customerId: item.carId,
						id:item.startFile
					}
				}
				var cet={
					bg:0,
					customerId:item.id,
					id:''
				}
				this.$u.post("/corpus/fendianFindByPage", parames).then(res => {
					var newobj = res[0];
					if(res[0].recordDuration>360){
						uni.navigateTo({
							url: `/pages/learning/Equinoctial/index2?customerId=${newobj.customerId}&biaoqian=${this.biaoqian}&startTime=${item.startTime}&startFile=${item.startFile}`
						})
					}else{
						uni.navigateTo({
							url: `/pages/learning/Equinoctial/index?customerId=${newobj.customerId}&biaoqian=${this.biaoqian}&startTime=${item.startTime}&startFile=${item.startFile}`
						})
					}
				})
			},
			ceninit() {
				let itemid=uni.getStorageSync('buildingID').id;
				let infoobj = {
					"pageNum": 1,
					"pageSize": 100,
					"query": {
						"status": 1,
						"marketingId": this.id,
						"itemId":itemid
					}
				}
				uni.request({
					url: config.service.findAllZATD,
					method: "POST",
					header: {
						'content-type': 'application/json',
						'Access-Token': uni.getStorageSync('weapp_session_login_data').token
					},
					data: infoobj,
					success: (data) => {
						console.log(data.data.data.results, "qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq");
						if (data.data.code == 10000) {
							this.alllist = data.data.data.results
						} else {
							uni.showToast({
								title: data.data.message,
								duration: 2000
							});
						}
					}
				})
			},



		},
	}
</script>

<style lang="scss" scoped>
	.main {
		background: #F1F1F1;
		;
		min-height: 100vh;
		padding-top: 30rpx;
	}

	.cented {
		width: 100%;
		padding-top: 14rpx;

		.ceninfo {
			width: 690rpx;
			height: 160rpx;
			background: #FFFFFF;
			border-radius: 8rpx;
			margin: 0 auto;
			padding-top: 23rpx;
			position: relative;
			margin-top: 20rpx;
			.infoview {
				width: 100%;
				height: 64rpx;
				display: flex;

				.infozuo {
					width: 454rpx;
					height: 100%;
					display: flex;
					align-items: center;

					.infozuochiud1 {
						font-size: 36rpx;
						font-weight: 600;
						color: #0C0C0C;
						text-indent: 28rpx;
					}

					.infozuochiud2 {
						width: 113rpx;
						height: 42rpx;
						border-radius: 5rpx;
						margin-left: 19rpx;
						border: 1px solid #008EF2;
						font-size: 24rpx;
						font-weight: 400;
						color: #008EF2;
						line-height: 42rpx;
						text-align: center;
					}
				}

				.infoyou {
					width: 236rpx;
					height: 100%;
					display: flex;
					align-items: center;

					.infoyouchiud1 {
						display: block;
						width: 64rpx;
						height: 64rpx;
						border-radius: 50%;
					}

					.infoyouchiud2 {
						width: 133rpx;
						height: 56rpx;
						background: #008EF2;
						border-radius: 8rpx;
						text-align: center;
						color: #FFFFFF;
						font-size: 30rpx;
						line-height: 56rpx;
						margin-left: 80rpx;
					}
				}
			}

			.footerinfo {
				width: 100%;
				height: 42rpx;
				display: flex;
				margin-top: 14rpx;

				.footerinfozuo {
					width: 454rpx;
					font-size: 30rpx;
					color: #0C0C0C;
					line-height: 42rpx;
					margin-left: 26rpx;
				}

				.footerinfoyou {
					width: 236rpx;
					font-size: 24rpx;
					color: #999999;
					line-height: 42rpx;
					text-indent: 42rpx;
				}
			}

			.dingwei {
				width: 100%;
				height: 60rpx;
				border: 1px solid red;
				position: absolute;
				top: 160rpx;
				left: 0rpx;
			}
		}
	}
</style>