keysass_app/pages/index/testtraining/teacherDetail.vue

<template>
	<view class="teadetail">
		<view class="teadetailcon">
			<view class="top">
				<image class="top1" src="http://image.bjkeyware.com/static/index/renliwb/627teacherlogo1.png" mode="">
				</image>
				<image class="top2" src="http://image.bjkeyware.com/static/index/renliwb/627teacherlogo2.png" mode="">
				</image>
			</view>
			<view class="toptitle">北京关键科技股份有限公司 & 河南科技大学</view>
			<view class="toptitle">关于举办2024“软件可靠性测试”</view>
			<view class="toptitle blue">暑期师资培训预报名通知</view>
			<view class="content">
				为深入贯彻党的二十大和全国新型工业化推进大会精神，落实《关于加强和改进工业和信息化人才队伍建设的实施意见》等文件精神。本次师资培训由北京关键科技股份有限公司邀请政府领导、高校软件学院院长、公司内部高级培训讲师提供培训，并根据《软件可靠性测试产业人才岗位能力要求》标准对独立软件的功能、性能和接口等各项需求进行动态测试，对软件以及单元之间的功能、接口、数据结构和逻辑等进行动态测试，以促进产业需求与人才培养对接为目标，决定举办暑期师资培训（双师型）。现将有关通知如下：
			</view>
			<view class="model1">
				<view class="modeltitle">
					<view class="modeltitlel">
						01
					</view>
					<view class="modeltitler">
						<view class="modeltitlert">组织架构</view>
						<view class="modeltitlerb">
							<image src="http://image.bjkeyware.com/static/index/renliwb/627teacherlogo4.png" mode="">
							</image>
						</view>
					</view>
				</view>
				<view class="modelcontent1">
					主办单位：北京关键科技股份有限公司
				</view>
				<view class="modelcontent1" style="text-indent: 5em;">
					河南科技大学软件学院
				</view>
			</view>
			<view class="model2">
				<view class="modeltitle">
					<view class="modeltitlel">
						02
					</view>
					<view class="modeltitler">
						<view class="modeltitlert">培训目的及内容</view>
						<view class="modeltitlerb">
							<image src="http://image.bjkeyware.com/static/index/renliwb/627teacherlogo4.png" mode="">
							</image>
						</view>
					</view>
				</view>
				<view class="modelcontenttitle">
					目的：
				</view>
				<view class="modelcontent1">
					培养一支数量充足、结构合理、素质优良的专业知识丰富、实践技能过硬的师资队伍，培训后可以进入公司师资库，成为双师型教师，成为关键公司特聘讲师。
				</view>
				<view class="modelcontenttitle">
					培训内容：
					
				</view>
				<view class="modelcontent1">
					<view class="trainContent" v-for="item in teachTrainData" :key="item.time">
						<view class="trainTime">{{item.time}}</view>
						<view class="trainItem">
							<view class="throughLine">
								<view class="lineCicle"></view>
							</view>
							<view class="trainContext">
								<view class="trainContextItem" v-for="(con,index) in item.content" :key="index">
									<text>{{con}}</text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="model3">
				<view class="modeltitle">
					<view class="modeltitlel">
						03
					</view>
					<view class="modeltitler">
						<view class="modeltitlert">培训对象</view>
						<view class="modeltitlerb">
							<image src="http://image.bjkeyware.com/static/index/renliwb/627teacherlogo4.png" mode="">
							</image>
						</view>
					</view>
				</view>
				<view class="modelcontent1">
					本次培训针对全国院校软件测试相关的骨干教师、专业带头人及 院校领导。
				</view>
			</view>
			<view class="model4">
				<view class="modeltitle">
					<view class="modeltitlel">
						04
					</view>
					<view class="modeltitler">
						<view class="modeltitlert">培训形式及考核方式</view>
						<view class="modeltitlerb">
							<image src="http://image.bjkeyware.com/static/index/renliwb/627teacherlogo4.png" mode="">
							</image>
						</view>
					</view>
				</view>
				<view class="modelcontenttitle">
					培训形式：
				</view>
				<view class="modelcontent1">
					培训形式采用理论知识讲解、测试工具安装和使用、项目实践三个部分进行培训，通过课程，让教师熟悉相关理论知识，熟悉测试工具安装和使用，并结合实际项目了解相关的概念，能够达到在授课老师的指导下完成测试任务，并具有一定独立工作能力。
				</view>
				<view class="modelcontenttitle">
					培训考核方式：
				</view>
				<view class="modelcontent1">
					培训考核方式采用对每个参培人员进行考核，考核成绩主要包括：项目成绩、考试成绩，其在考核成绩中所占比例如下：<br />
					考核成绩 = 项目成绩（75%）+ 考试成绩（25%）。<br />
					理论考试为线上，包括：单选、多选、判断。
				</view>
			</view>
			<view class="model5">
				<view class="modeltitle">
					<view class="modeltitlel">
						05
					</view>
					<view class="modeltitler">
						<view class="modeltitlert">培训证书</view>
						<view class="modeltitlerb">
							<image src="http://image.bjkeyware.com/static/index/renliwb/627teacherlogo4.png" mode="">
							</image>
						</view>
					</view>
				</view>
				<view class="modelcontent1">
					本次活动由北京关键科技股份有限公司按照《工业和信息化人才岗位能力评价通则》组织实施，软件可靠性测试结束后，经工业和信息化部人才交流中心审核，符合条件的教师统一参加能力评测，能力评测采取理论和实践相结合的方式进行，通过能力测评的教师，可获得相对应软件测试工程师（高级）。
				</view>
				<view class="bgtext">
					通过人员颁发：软件可靠性测试工程师（高级）能力认证证书
				</view>
				<image class="bgtrimg" src="http://image.bjkeyware.com/static/index/renliwb/627teacherlogo5.png"
					mode=""></image>
			</view>
			<view class="model6">
				<view class="modeltitle">
					<view class="modeltitlel">
						06
					</view>
					<view class="modeltitler">
						<view class="modeltitlert">培训时间、地点与费用</view>
						<view class="modeltitlerb">
							<image src="http://image.bjkeyware.com/static/index/renliwb/627teacherlogo4.png" mode="">
							</image>
						</view>
					</view>
				</view>
				<view class="modelcontenttitle">
					培训时间及地点：
				</view>
				<view class="modelcontentBox">
					<view class="leftline leftline1">
						<view class="circle1"> </view>
						<view class="circle2"> </view>
					</view>
					<view class="rightBox">
						<view class="rightBox1">
							<view class="rightBoxRow">
								<text>培训时间：</text>2024年8月5日-8月11日，共计7天。
							</view>
							<view class="rightBoxRow">
								<text>报到及返程时间：</text>2024年8月4日报到、8月12日返程
							</view>
						</view>
						<view class="rightBox2">
							<view class="rightBoxRow">
								<text>培训地点：</text>河南省洛阳市涧西区河南科技大学西苑校区
							</view>
						</view>
					</view>
				</view>
				<view class="modelcontenttitle">
					培训收费：
				</view>
				<view class="modelcontentBox">
					<view class="leftline leftline4">
						<view class="circle1"> </view>
					</view>
					<view class="rightBox">
						<view class="rightBox1" style="padding: 30rpx 25rpx;">
							<view class="rightBoxRow">
								<text>培训收费：</text>2980元/人（含考证费）。
							</view>
							<view class="rightBoxRow" style="text-indent: 5em;">汇款账户：西安关键软件科技有限公司</view>
							<view class="rightBoxRow" style="text-indent: 5em;">开户银行：招商银行股份有限公司西安电子二路支行</view>
							<view class="rightBoxRow" style="text-indent: 5em;">银行账户：129907883710606</view>

							<!-- <view class="faimgbox">
								<image class="faimg"
									src="http://image.bjkeyware.com/static/index/renliwb/627teacherlogo6.png" mode="">
								</image>
							</view>
							<view class="rightBoxRow" style="text-align: center;">（扫码查看发票详情信息）</view> -->
							<view class="topbottombored"></view>
							<view class="rightBoxRow">
								<text>备注：</text>
							</view>
							<view class="rightBoxRow">
								1、此账号仅接受公对公转账打款。<br />
								2、现场刷卡或通过公对公汇款（汇款时请备注：关键科技2024暑期师资培训-汇款单位-培训人姓名），并由收款方按照规定开具培训费发票。
							</view>
						</view>
					</view>
				</view>

				<view class="modelcontenttitle">
					住宿酒店（报到地点）：
				</view>
				<view class="modelcontentBox">
					<view class="leftline leftline3">
						<view class="circle1"> </view>
					</view>
					<view class="rightBox">
						<view class="rightBox1">
							<view class="rightBoxRow">
								<text>报到地点：</text>润华君悦酒店。本次培训食宿统一安排，费用自理，不安排接站。
							</view>
						</view>
					</view>
				</view>
				<view class="modelcontenttitle">
					报名方式及联系人：
				</view>
				<view class="modelcontentBox">
					<view class="leftline leftline2">
						<view class="circle1"> </view>
					</view>
					<view class="rightBox">
						<view class="rightBox1">
							<!-- <view class="rightBoxRow">
								<text>报名方式1：</text><text style="cursor: pointer;color: #1B68DE;"
									@click="gosign">点击报名</text>
							</view> -->
							<view class="rightBoxRow">
								<text>报名方式：</text><text style="cursor: pointer;color: #1B68DE;"
									@click="gosign">点击报名</text>
							</view>
							<!-- <view class="rightBoxRow rightBoxRowflex">
								<text>报名方式2：</text>
								<view class="" style="display: flex;flex-direction: column;">
									<text style="cursor: pointer;color: #FB6827;"
										>扫描下方二维码报名
</text>
									<image class="faimg"
										src="http://image.bjkeyware.com/static/index/renliwb/627teacherlogo6.png" mode="">
									</image>
								</view>
							</view> -->
							<view class="rightBoxRow">
								<text>项目负责人：</text>牛中东 13683248482（同微信）
							</view>
							<view class="rightBoxRow">
								<text>项目联系人：</text>王博洋 1521099799
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="model7">
				<view class="modeltitle">
					<view class="modeltitlel">
						07
					</view>
					<view class="modeltitler">
						<view class="modeltitlert">培训参会须知</view>
						<view class="modeltitlerb">
							<image src="http://image.bjkeyware.com/static/index/renliwb/627teacherlogo4.png" mode="">
							</image>
						</view>
					</view>
				</view>
				<view class="modelcontent1">
					1.培训期间，请服从班级统一管理，有任何问题请联系培训负责人；
					<br />
					2.培训期间，遵守上课时间要求，每天实名签到打卡；
					<br />
					3.请遵守考勤制度，上课请提前5分钟进入培训教室；
					<br />
					4.请参训学员自行携带笔记本电脑一台。
				</view>
			</view>
		</view>
		<view class="btnfixed" @click="gosign">
			<image src="http://image.bjkeyware.com/static/index/renliwb/627teacherlogo3.png" mode=""></image>
			点击报名
		</view>
	</view>
</template>

<script>
	const teachTrainData = [
	    {
	        time: "8月5号",
	        content: [
	            "政府、高校领导行业动态分享。"
	        ]
	    },
	    {
	        time: "8月6号",
	        content: [
	            "结合《军用软件测试指南》、《军用软件开发文档通用要求》标准解读；系统级白盒测试工具（CuttleITE）讲解及项目实操。"
	        ]
	    },
	    {
	        time: "8月7号",
	        content: [
	            "静态测试工具（EagleEye）和接口测试工具（Kinterface）讲解及项目实操。"
	        ]
	    },
	    {
	        time: "8月8号",
	        content: [
	            "编写配置项测试大纲，进行文档审查、功能测试，编写测试用例；单元测试工具检查和验证最小可测试单元。"
	        ]
	    },
	    {
	        time: "8月9号",
	        content: [
	            "配置项性能测试、边界测试、恢复性测试、安装性测试、余量测试并编写测试用例；单元文档审查、代码审查、静态分析、单元测试环境配置。"
	        ]
	    },
	    {
	        time: "8月10号",
	        content: [
	            "配置项容量测试、强度测试、人机交互界面测试、安全性测试以及测试用例编写；单元测试用例设计、执行、问题记录与处理。"
	        ]
	    },
	    {
	        time: "8月11号",
	        content: [
	            "配置项可靠性测试、兼容性测试、互操作性测试，编写项目测试用例、回归测试报告、项目测试报告；单元测试计划、说明编写、测试报告编写。"
	        ]
	    }
	]
	export default {
		data() {
			return {
				tokenshow: false,
				teachTrainData:teachTrainData
			};
		},
		methods: {
			gosign() {
				uni.navigateTo({
					url: '/pages/index/testtraining/teacherSign'
				})
			},

		}
	}
</script>

<style lang="scss" scoped>
	.teadetail {
		width: 100%;
		background: linear-gradient(0deg, #FFFFFF, #FFFFFF, #CADEFC);
		padding: 40rpx;
		box-sizing: border-box;
		.rightBoxRowflex {
			display: flex;
			align-items: flex-start;
		}
		.btnfixed {
			position: fixed;
			right: 20rpx;
			top: 40%;
			width: 114rpx;
			height: 114rpx;
			background: linear-gradient(0deg, #5EA6FD, #1A81F9);
			box-shadow: 0rpx 1rpx 20rpx 1rpx rgba(13, 92, 187, 0.4);
			border-radius: 4rpx;
			font-weight: 500;
			font-size: 24rpx;
			color: #FFFFFF;
			display: flex;
			align-items: center;
			flex-direction: column;
			justify-content: center;

			image {
				width: 47rpx;
				height: 46rpx;
				margin-bottom: 10rpx;
			}
		}

		.teadetailcon {
			.top {
				display: flex;
				align-items: flex-end;
				justify-content: center;
				margin-bottom: 60rpx;

				.top1 {
					width: 156rpx;
					height: 73rpx;
				}

				.top2 {
					width: 264rpx;
					height: 68rpx;
					margin-left: 20rpx;
				}
			}

			.toptitle {
				font-weight: bold;
				font-size: 34rpx;
				color: #000000;
				text-align: center;
				margin-bottom: 20rpx;
			}

			.blue {
				color: #1B68DE;
				margin-bottom: 50rpx;
			}

			.content {
				width: 670rpx;
				height: 524rpx;
				background: #E5EFFD;
				box-shadow: 0rpx 1rpx 6rpx 0rpx rgba(29, 30, 32, 0.02);
				border-radius: 8rpx;
				padding: 30rpx;
				font-weight: 500;
				font-size: 24rpx;
				color: #4D4D4D;
				line-height: 47rpx;
				text-indent: 2em;
			}

			.modeltitle {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				margin: 30rpx 0;

				.modeltitlel {
					font-weight: 800;
					font-size: 60rpx;
					color: #1B68DE;
				}

				.modeltitler {
					margin-top: 10rpx;

					.modeltitlert {
						font-weight: bold;
						font-size: 32rpx;
						color: #1B68DE;
					}

					.modeltitlerb {
						width: 580rpx;
						height: 23rpx;

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

			.modelcontent1 {
				font-weight: 500;
				font-size: 24rpx;
				color: #4D4D4D;
				line-height: 46rpx;
				margin-bottom: 10rpx;
				.trainContent{
					.trainTime{
						font-size: 28rpx;
						font-family: PingFang-SC-Bold;
						font-weight: bold;
					}
					.trainItem{
						display: flex;
						.throughLine{
							background-color: #1B68DE;
							width: 2rpx;
							margin: 0 50rpx;
							position: relative;
							.lineCicle{
								position: absolute;
								background: #F8F9FA;
								border-radius: 50%;
								border: 2px solid #1B68DE;
								width: 20rpx;
								height: 20rpx;
								top: 50%;
								transform: translateY(-50%);
								left: -9rpx;
							}
						}
						.trainContext{
							flex: 1;
							padding: 27rpx;
							background: #F8F9FA;
							.trainContextItem{
								font-size: 24rpx;
								font-family: PingFang-SC-Bold;
								font-weight: bold;
								color: #4D4D4D;
								.contextItemBlod{
									color: #1B68DE;
								}
							}
						}
					}
				}
			}

			.modelcontenttitle {
				font-weight: bold;
				font-size: 30rpx;
				color: #1A1A1A;
				margin: 20rpx 0;
			}

			.bgtext {
				height: 61rpx;
				background: #F8F9FA;
				border-radius: 4rpx;
				font-weight: bold;
				font-size: 24rpx;
				color: #1A1A1A;
				line-height: 61rpx;
				text-align: center;
				margin: 40rpx 0;
			}

			.bgtrimg {
				width: 100%;
				height: 448rpx;
			}

			.modelcontentBox {
				display: flex;
				align-content: center;
				justify-content: space-around;
				
				
			}

			.leftline {
				background: #1B68DE;
				width: 2rpx;
				position: relative;
			}

			.circle1 {
				position: absolute;
				top: 12rpx;
				left: -9rpx;
				width: 20rpx;
				height: 20rpx;
				background: #F8F9FA;
				border-radius: 50%;
				border: 2px solid #1B68DE;
			}

			.circle2 {
				position: absolute;
				top: 170rpx;
				left: -9rpx;
				width: 20rpx;
				height: 20rpx;
				background: #F8F9FA;
				border-radius: 50%;
				border: 2px solid #1B68DE;
			}

			.leftline1 {
				height: 267rpx;
			}

			.leftline2 {
				height: 389rpx;
			}

			.leftline3 {
				height: 140rpx;
			}

			.leftline4 {
				height: 552rpx;
			}

			.rightBox {
				width: 625rpx;
				display: flex;
				flex-direction: column;
				justify-content: center;

				.rightBoxRow {
					font-weight: 500;
					font-size: 24rpx;
					color: #333333;
					line-height: 46rpx;

					text {
						font-weight: 800;
					}
				}

				.rightBox1 {
					background: #F8F9FA;
					border-radius: 6rpx;
					padding: 20rpx 25rpx;
					box-sizing: border-box;

					.faimgbox {
						width: 100%;
						display: flex;
						justify-content: center;
					}

					.faimg {
						width: 174rpx;
						height: 165rpx;
						margin-top: 30rpx;
					}

					.topbottombored {
						width: 100%;
						height: 1px;
						margin: 20rpx 0;
						border-bottom: 1px dashed #E0E0E0;
					}
				}

				.rightBox2 {
					background: #F8F9FA;
					border-radius: 6rpx;
					margin-top: 34rpx;
					padding: 20rpx 25rpx;
					box-sizing: border-box;
				}
			}
		}
	}
</style>