新闻动态/教育码申请

h5_web/pages.json

@@ -235,6 +235,24 @@
 				"navigationBarTextStyle": "white"
 			}
 
+		}, {
+			"path": "pages/applyEducationCode/applyEducationSuccess",
+			"style": {
+				"navigationBarTitleText": "退役军人职业教育码申请",
+				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#3D5D4C",
+				"navigationBarTextStyle": "white"
+			}
+
+		}, {
+			"path": "pages/newsInformation/newsInformation",
+			"style": {
+				"navigationBarTitleText": "新闻动态",
+				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#3D5D4C",
+				"navigationBarTextStyle": "white"
+			}
+
 		}
 	],
 	"globalStyle": {

h5_web/pages/applyEducationCode/applyEducationCode.scss

@@ -4,6 +4,28 @@
 	margin: 50rpx auto;
 	.pic {
 		display: flex;
+		&-upload {
+			width: 184rpx;
+			height: 184rpx;
+			border: solid 1px #BABABA;
+			border-radius: 5rpx;
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: center;
+			margin-right: 32rpx;
+			image {
+				width: 62rpx;
+				height: 62rpx;
+				vertical-align: middle;
+			}
+			.font {
+				color: #4B4B4B;
+				opacity: 0.8;
+				font-size: 22rpx;
+				line-height: 50rpx;
+			}
+		}
 		&-photograph {
 			width: 184rpx;
 			height: 184rpx;
@@ -20,8 +42,18 @@
 			}
 			.font {
 				color: #4B4B4B;
-				display: inline-block;
+				opacity: 0.8;
+				font-size: 22rpx;
+				line-height: 50rpx;
 			}
 		}
+		.tips {
+			color: #5F5F5F;
+			font-size: 20rpx;
+		}
+	}
+	.submit {
+		width: 100%;
+		margin-top: 80rpx;
 	}
 }

h5_web/pages/applyEducationCode/applyEducationCode.vue

@@ -41,13 +41,26 @@
 						ref="uUpload"
 						action="action"
 						:auto-upload="false"
-					/>
-					<view class="pic-photograph">
+						:custom-btn="true"
+						:limitType="['png', 'jpg']"
+					>
+						<view class="pic-upload-box" slot="addBtn">
+							<view class="pic-upload">
+								<image src="../../static/img/upload-add.png" mode=""></image>
+								<view class="font">上传照片</view>
+							</view>
+							<view class="tips">支持jpg.png格式</view>
+						</view>
+					</u-upload>
+					<view class="pic-photograph" @click="photograph">
 						<image src="../../static/img/paizhao.png" mode=""></image>
 						<view class="font">立即拍照</view>
 					</view>
 				</view>
 			</u-form-item>
+			<u-form-item>
+				<u-button type="primary" class="submit" @click="submit">提交简历</u-button>
+			</u-form-item>
 		</u-form>
 	</view>
 </template>
@@ -68,7 +81,22 @@
 			}
 		},
 		methods: {
-			
+			/**
+			 * 拍照
+			 */
+			photograph() {
+				uni.chooseImage({
+					count: 1,
+					sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
+					sourceType: ['camera'], //从相册选择
+					success: (res) => {
+							console.log(res);
+					}
+				})
+			},
+			submit() {
+				this.$u.route('/pages/applyEducationCode/applyEducationSuccess')
+			}
 		}
 	}
 </script>

h5_web/pages/applyEducationCode/applyEducationSuccess.vue

@@ -0,0 +1,51 @@
+<!-- 退役军人职业教育码申请成功 -->
+<template>
+	<view class="apply-success">
+		<view class="apply-success-top">
+			<image src="../../static/img/success-icon.png" mode=""></image>
+			<view>简历投递成功，等待企业反馈</view>
+		</view>
+		<view class="apply-success-button">
+			<u-button type="primary" class="btn">好的</u-button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.apply-success {
+	&-top {
+		text-align: center;
+		margin: 168rpx auto 476rpx;
+		image {
+			width: 176rpx;
+			height: 176rpx;
+		}
+		view {
+			font-size: 32rpx;
+			color: #000000;
+			margin-top: 36rpx;
+		}
+	}
+	&-button {
+		width: 388rpx;
+		height: 80rpx;
+		margin: 0 auto;
+		.btn {
+			border-radius: 40rpx;
+		}
+	}
+}
+</style>

h5_web/pages/index/index.scss

@@ -109,4 +109,9 @@ page{background-color: #f2f2f2;}
 	height: 120rpx;
 	border-radius: 8rpx;
 	margin-left: 12rpx;
+}
+.news-list-head-item {
+	display: flex;
+	justify-content: space-between;
+	color: #A3A3A3;
 }

h5_web/pages/index/index.vue

@@ -67,19 +67,25 @@
 			</view>
 		</u-card>
 		<u-card class="news-list" 
-		:body-style="{'padding-top':0}"
-		:border="false" 
-		:foot-border-top="false" 
-		:full="true" border-radius="0">
+			:body-style="{'padding-top':0}"
+			:border="false" 
+			:foot-border-top="false" 
+			:full="true" border-radius="0"
+		>
 			<view class="news-list-head" slot="head">
-				<view class="card-head-title">新闻动态</view>
+				<view class="news-list-head-item">
+					<view class="card-head-title">新闻动态</view>
+					<view @click="openPage('/pages/newsInformation/newsInformation')">更多<u-icon name="arrow-right" color="#A3A3A3"></u-icon></view>
+				</view>
 			</view>
 			<view class="news-list-body" slot="body">
 				<u-nodata notice="暂无新闻" v-if="newsList.length==0"></u-nodata>
-				<view v-for="(item,index) in newsList" 
-				@click="$u.route('/pages/newsDetails/newsDetails',{artId:item.artId})"
-				:key="item.artId" 
-				class="u-body-item u-flex u-border-bottom u-col-between u-row-between">
+				<view
+					v-for="(item,index) in newsList" 
+					@click="$u.route('/pages/newsDetails/newsDetails',{artId:item.artId})"
+					:key="item.artId" 
+					class="u-body-item u-flex u-border-bottom u-col-between u-row-between"
+				>
 					<view class="news-text">
 						<view class="u-body-item-title u-line-2">{{item.artTitle}}</view>
 						<view class="foot u-flex">

h5_web/pages/myDelivery/myDelivery.vue

@@ -11,7 +11,7 @@
 					class="delivery-list-item"
 					v-for="(item, index) in deliveryList"
 					:key="index"
-					@click="jumpPage('/pages/jodDetails/jodDetails')"
+					@click="jumpPage('/pages/jobDetails/jobDetails')"
 				>
 					<view class="delivery-list-item-left">
 						<view class="delivery-list-item-left-image">

h5_web/pages/newsInformation/newsInformation.vue

@@ -0,0 +1,108 @@
+<!-- 新闻动态 -->
+<template>
+	<view class="news">
+		<z-paging
+			ref="paging"
+			v-model="newsList"
+			@query="queryList"
+		>
+			<view class="news-list">
+				<view class="news-list-item" v-for="(item, index) in newsList" :key="index">
+					<view class="news-list-item-left">
+						<image :src="item.url"></image>
+					</view>
+					<view class="news-list-item-right">
+						<view class="title">{{ item.title }}</view>
+						<view class="date">
+							<view>{{ item.from }}</view>
+							<view>{{ item.date }}</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</z-paging>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				// 新闻列表
+				newsList: [],
+				
+			}
+		},
+		methods: {
+			/**
+			 * @param { Number } pageNo
+			 * @param { Number } pageSize
+			 */
+			queryList(pageNo, pageSize) {
+				this.$refs.paging.complete([
+					{
+						url: require('../../static/img/major-党务工作.png'),
+						title: '退役军人事务部召开党史学习教育领导小组会议',
+						from: '来源：机关党委（人事司）',
+						date: '2021.10.20 07:18'
+					},
+					{
+						url: require('../../static/img/major-党务工作.png'),
+						title: '退役军人事务部召开党史学习教育领导小组会议',
+						from: '来源：机关党委（人事司）',
+						date: '2021.10.20 07:18'
+					},
+					{
+						url: require('../../static/img/major-党务工作.png'),
+						title: '退役军人事务部召开党史学习教育领导小组会议',
+						from: '来源：机关党委（人事司）',
+						date: '2021.10.20 07:18'
+					},
+					{
+						url: require('../../static/img/major-党务工作.png'),
+						title: '退役军人事务部召开党史学习教育领导小组会议',
+						from: '来源：机关党委（人事司）',
+						date: '2021.10.20 07:18'
+					}
+				])
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.news {
+	background-color: #f2f2f2;
+	min-height: calc(100vh - 44px);
+	&-list {
+		padding: 28rpx 30rpx;
+		&-item {
+			display: flex;
+			align-items: center;
+			background-color: #fff;
+			padding: 34rpx 32rpx;
+			margin-bottom: 20rpx;
+			&-left {
+				margin-right: 16rpx;
+				image {
+					width: 132rpx;
+					height: 106rpx;
+				}
+			}
+			&-right {
+				.title {
+					color: #000;
+					font-size: 30rpx;
+				}
+				.date {
+					margin-top: 12rpx;
+					color: #6F6F6F;
+					font-size: 20rpx;
+					display: flex;
+					justify-content: space-between;
+				}
+			}
+		}
+	}
+}
+</style>