更新

app/App.vue

@@ -14,7 +14,7 @@ export default {
 
 <style lang="scss">
 page {
-	background-color: #f8f8f8;
+	background-color: #f1f1f1;
 }	
 /*公共css */
 @import '@/common/common.scss';
@@ -30,7 +30,7 @@ button::after {
 /**挂载iconfont字体图标*/
 @font-face {
 	font-family: 'iconfont';
-	src: url('https://at.alicdn.com/t/c/font_4507607_2mqpdhbkr2t.ttf?t=1714027733527') format('truetype');
+	src: url('https://at.alicdn.com/t/c/font_4507607_w6umv37ah6i.ttf?t=1714398757113') format('truetype');
 	/* src: url('~@/static/font/iconfont.ttf') format('truetype'); */
 }
 .icon {

app/common/common.scss

@@ -238,3 +238,103 @@
 	background-color: white;
 	border-radius: 10px;
 }
+.search {
+	overflow: hidden;
+	.usearch {
+		float: left;
+		width: 77%;
+	}
+	.address {
+		float: right;
+		padding-top: 5px;
+	}
+}
+.jobs {
+	margin-top: 10px;
+	margin-left: -6px;
+	margin-right: -6px;
+	.full_time {
+		float: left;
+		width: 50%;
+		.out {
+			padding: 6px;
+			.int {
+				padding: 10px;
+				background-color: white;
+				overflow: hidden;
+				border-radius: 7px;
+				image {
+					width: 100%;
+					height: 110px;
+				}
+				.title {
+					font-size: 14px;
+					padding-top: 3px;
+					font-weight: bold;
+				}
+				.desc {
+					font-size: 14px;
+					padding-top: 3px;
+				}
+				.price {
+					padding-top: 3px;
+					font-size: 15px;
+					font-weight: bold;
+					color: #ff5722;
+				}
+				.address {
+					padding-top: 3px;
+					font-size: 12px;
+					color: $font-c;
+					.icon {
+						padding-right: 2px;
+					}
+				}
+			}
+		}
+	}
+	.part_time {
+		padding: 10px;
+		background-color: white;
+		overflow: hidden;
+		border-radius: 7px;
+		margin-bottom: 10px;
+		.title {
+			font-size: 14px;
+			padding-top: 3px;
+			font-weight: bold;
+		}
+		.date {
+			font-size: 13px;
+			padding: 1px 8px;
+			background-color: #e3e3e3;
+			border-radius: 4px;
+			margin-top: 5px;
+			color: white;
+		}
+		.price {
+			padding-top: 5px;
+			font-size: 15px;
+			font-weight: bold;
+			color: #ff5722;
+			margin-bottom: 5px;
+		}
+		.address {
+			padding-top: 10px;
+			font-size: 12px;
+			color: $font-c;
+			border-top: 1px solid $line;
+			margin-top: 12px;
+			.icon {
+				padding-right: 2px;
+			}
+			.add {
+				float: right;
+				color: white;
+				background-color: $main-color;
+				padding: 3px 20px;
+				border-radius: 20px;
+			}
+		}
+	}
+}

app/pages.json

@@ -4,15 +4,22 @@
 	},
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
+			"path": "pages/clsd/index/index",
+			"style": {
+				"navigationBarTitleText": "承揽时代",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "承揽时代"
+				"navigationBarTitleText": "承揽广场"
 			}
 		},
 		{
 			"path": "pages/packages/index",
 			"style": {
-				"navigationBarTitleText": "接包",
+				"navigationBarTitleText": "承揽广场",
 				"enablePullDownRefresh": true
 			}
 		},
@@ -57,7 +64,37 @@
 				"navigationBarTitleText": "个人信息",
 				"enablePullDownRefresh": false
 			}
+		},
+		{
+			"path": "pages/clsd/job/full_time",
+			"style": {
+				"navigationBarTitleText": "找工作",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/clsd/job/part_time",
+			"style": {
+				"navigationBarTitleText": "兼职零工",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/clsd/serve/index",
+			"style": {
+				"navigationBarTitleText": "更多服务",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path" : "pages/clsd/my/index",
+			"style" : 
+			{
+				"navigationBarTitleText" : "我的",
+				"enablePullDownRefresh" : false
+			}
 		}
+
 	],
 	"tabBar": {
 		"color": "#7A7E83",
@@ -65,19 +102,31 @@
 		"borderStyle": "black",
 		"backgroundColor": "#F8F8F8",
 		"list": [{
-				"pagePath": "pages/index/index",
+				"pagePath": "pages/clsd/index/index",
 				"iconPath": "static/tab/sy.png",
 				"selectedIconPath": "static/tab/sy_s.png",
 				"text": "首页"
 			},
 			{
-				"pagePath": "pages/packages/index",
-				"iconPath": "static/tab/jb.png",
-				"selectedIconPath": "static/tab/jb_s.png",
-				"text": "承揽广场"
+				"pagePath": "pages/clsd/job/full_time",
+				"iconPath": "static/tab/full_time.png",
+				"selectedIconPath": "static/tab/full_time_s.png",
+				"text": "找工作"
+			},
+			{
+				"pagePath": "pages/clsd/job/part_time",
+				"iconPath": "static/tab/part_time.png",
+				"selectedIconPath": "static/tab/part_time_s.png",
+				"text": "兼职零工"
+			},
+			{
+				"pagePath": "pages/clsd/serve/index",
+				"iconPath": "static/tab/serve.png",
+				"selectedIconPath": "static/tab/serve_s.png",
+				"text": "更多服务"
 			},
 			{
-				"pagePath": "pages/user/index",
+				"pagePath": "pages/clsd/my/index",
 				"iconPath": "static/tab/my.png",
 				"selectedIconPath": "static/tab/my_s.png",
 				"text": "我的"
@@ -87,6 +136,6 @@
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "承揽时代",
-		"navigationBarBackgroundColor": "#f8f8f8"
+		"navigationBarBackgroundColor": "#f1f1f1"
 	}
 }

app/pages/clsd/index/index.scss

@@ -0,0 +1,60 @@
+.main {
+	padding: 5px 15px 55px 15px;
+	.banner {
+		margin-top: 15px;
+	}
+	.news{
+		margin-top: 15px;
+		background-color: white;
+		border-radius: 7px;
+		overflow: hidden;
+		padding: 10px;
+		.gg{
+			float: left;
+			font-weight: bold;
+			.zp{
+				padding-top: 3px;	
+			}
+		}
+		.con{
+			float: left;
+			padding-left: 15px;
+			width: 85%;
+			font-size: 14px;
+			.item{
+				padding-top: 5px;
+			}
+		}
+	}
+	.menu {
+		margin-top: 10px;
+		overflow: hidden;
+		margin-left: -5px;
+		margin-right: -5px;
+		.cd {
+			float: left;
+			width: 25%;
+			text-align: center;
+			.out {
+				padding: 5px;
+				.int {
+					background-color: white;
+					border-radius: 7px;
+					padding: 10px 5px 10px 5px;
+					.icon {
+						font-size: 30px;
+					}
+					.title {
+						font-size: 14px;
+						padding-top: 5px;
+					}
+				}
+			}
+		}
+	}
+	.tab {
+		background-color: white;
+		border-radius: 7px;
+		margin-top: 10px;
+	}
+}

app/pages/clsd/index/index.vue

@@ -0,0 +1,178 @@
+<template>
+	<view class="main">
+		<!--搜索-->
+		<view class="search">
+			<view class="usearch">
+				<u-search placeholder="企业名称" bgColor="white" :showAction="false"></u-search>
+			</view>
+			<view class="address">
+				<text class="icon">&#xe62e;</text>
+				<text>南宁市</text>
+			</view>
+		</view>
+		<!--轮播图-->
+		<view class="banner">
+			<u-swiper circular :radius="5" :indicator="true" keyName="pic" :list="bannerList" :height="150" class="uni-swiper" @click="click"></u-swiper>
+		</view>
+		<view class="news">
+			<view class="gg">
+				<view class="zp">招聘</view>
+				<view class="zp">资讯</view>
+			</view>
+			<view class="con">
+				<view class="item omit">春招进行时......</view>
+				<view class="item omit">2022年全区十八大与南宁召开广西大力推广招聘兼职的在线</view>
+			</view>
+		</view>
+		<!--菜单-->
+		<view class="menu">
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #ff5722">&#xe63f;</view>
+						<view class="title">知名企业</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #607d8b">&#xe611;</view>
+						<view class="title">人才招募</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd" @click="go()">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #4581fb">&#xe725;</view>
+						<view class="title">承揽广场</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #f44336">&#xe82f;</view>
+						<view class="title">政务服务</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!--找工作-->
+		<view class="tab">
+			<u-tabs :list="tab" :current="current"></u-tabs>
+		</view>
+		<view class="jobs">
+			<view class="full_time" v-for="(item, index) in jobs" :key="index">
+				<view class="out">
+					<view class="int">
+						<image :src="item.url" mode="aspectFill"></image>
+						<view class="title omit">{{ item.name }}</view>
+						<view class="desc">{{ item.job }}</view>
+						<view class="price">{{ item.price }}元/日</view>
+						<view class="address">
+							<text class="icon">&#xe62e;</text>
+							<text>南宁青秀山</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+export default {
+	data() {
+		return {
+			ip: this.http.ip,
+			current: 0,
+			tab: [{ name: '推荐职位' }, { name: '附近工作' }, { name: '热门工作' }],
+			user: {},
+			jobs: [
+				{
+					name: '广西龙坚贸易有限公司',
+					job: '装卸搬运工',
+					price: '4000',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401904451.jpg'
+				},
+				{
+					name: '韵达速递',
+					job: '快递装卸工',
+					price: '4700',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401871968.jpg'
+				},
+				{
+					name: '北京滴滴有限公司',
+					job: '滴滴快车专车司机',
+					price: '4200',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401886712.jpg'
+				},
+				{
+					name: '北京美团外卖有限公司',
+					job: '美团骑手送餐员',
+					price: '3700',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401895824.jpg'
+				},
+				{
+					name: '字节跳动有限公司',
+					job: '女主播',
+					price: '5500',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714402008141.jpg'
+				},
+				{
+					name: '广西龙坚贸易有限公司',
+					job: '装卸搬运工',
+					price: '4000',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714402008141.jpg'
+				}
+			],
+			bannerList: [],
+			noticeList: []
+		};
+	},
+	onShow() {
+		if (this.hasLogin()) {
+			//this.getUserInfo();
+		}
+	},
+	onLoad() {
+		this.getData();
+	},
+	methods: {
+		getUserInfo() {
+			this.http.request({
+				url: '/app/user/info',
+				success: (res) => {
+					this.user = res.data.data;
+				}
+			});
+		},
+		getData() {
+			this.http.request({
+				url: '/app/home/index',
+				success: (res) => {
+					this.contract = res.data.data.contract;
+					this.bannerList = res.data.data.bannerList;
+					res.data.data.noticeList.forEach((item) => {
+						this.noticeList.push(item.title);
+					});
+				}
+			});
+		},
+		go(url) {
+			if (this.hasLogin()) {
+				uni.navigateTo({
+					url:'/pages/index/index'
+				})
+			} else {
+				uni.navigateTo({ url: '/pages/user/login' });
+			}
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+@import './index.scss';
+</style>

app/pages/clsd/job/full_time.vue

@@ -0,0 +1,93 @@
+<template>
+	<view class="main">
+		<!--搜索-->
+		<view class="search">
+			<u-search placeholder="企业名称" bgColor="white" :showAction="false"></u-search>
+		</view>
+		<!--找工作-->
+		<view class="tab">
+			<u-tabs :list="tab" :current="current"></u-tabs>
+		</view>
+		<view class="jobs">
+			<view class="full_time" v-for="(item, index) in jobs" :key="index">
+				<view class="out">
+					<view class="int">
+						<image :src="item.url" mode="aspectFill"></image>
+						<view class="title omit">{{ item.name }}</view>
+						<view class="desc">{{ item.job }}</view>
+						<view class="price">{{ item.price }}元/日</view>
+						<view class="address">
+							<text class="icon">&#xe62e;</text>
+							<text>南宁青秀山</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+export default {
+	data() {
+		return {
+			ip: this.http.ip,
+			current: 0,
+			tab: [{ name: '推荐职位' }, { name: '服务员' }, { name: '建筑泥工' }, { name: '网管' }],
+			jobs: [
+				{
+					name: '广西龙坚贸易有限公司',
+					job: '装卸搬运工',
+					price: '4000',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401904451.jpg'
+				},
+				{
+					name: '韵达速递',
+					job: '快递装卸工',
+					price: '4700',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401871968.jpg'
+				},
+				{
+					name: '北京滴滴有限公司',
+					job: '滴滴快车专车司机',
+					price: '4200',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401886712.jpg'
+				},
+				{
+					name: '北京美团外卖有限公司',
+					job: '美团骑手送餐员',
+					price: '3700',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401895824.jpg'
+				},
+				{
+					name: '字节跳动有限公司',
+					job: '女主播',
+					price: '5500',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714402008141.jpg'
+				},
+				{
+					name: '广西龙坚贸易有限公司',
+					job: '装卸搬运工',
+					price: '4000',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714402008141.jpg'
+				}
+			]
+		};
+	},
+	onShow() {},
+	onLoad() {},
+	methods: {
+		go(url) {
+			if (this.hasLogin()) {
+			} else {
+				uni.navigateTo({ url: '/pages/user/login' });
+			}
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+.jobs {
+	margin-top: 0px;
+}
+</style>

app/pages/clsd/job/part_time.vue

@@ -0,0 +1,88 @@
+<template>
+	<view class="main">
+		<!--搜索-->
+		<view class="search">
+			<u-search placeholder="企业名称" bgColor="white" :showAction="false"></u-search>
+		</view>
+		<!--找工作-->
+		<view class="tab">
+			<u-tabs :list="tab" :current="current"></u-tabs>
+		</view>
+		<view class="jobs">
+			<view class="part_time" v-for="(item, index) in jobs" :key="index">
+				<view class="title omit">兼职{{ item.job }}</view>
+				<view class="price">{{ item.price }}元/天</view>
+				<text class="date">4.16-4.17</text>
+				<view class="address">
+					<text>{{ item.name }}</text>
+					<text class="add">申请</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+export default {
+	data() {
+		return {
+			ip: this.http.ip,
+			current: 0,
+			tab: [{ name: '全部兼职' }, { name: '简单易做' }, { name: '体力达人' }, { name: '特色职位' }],
+			jobs: [
+				{
+					name: '广西龙坚贸易有限公司',
+					job: '装卸搬运工',
+					price: '100',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401904451.jpg'
+				},
+				{
+					name: '韵达速递',
+					job: '快递装卸工',
+					price: '100',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401871968.jpg'
+				},
+				{
+					name: '北京滴滴有限公司',
+					job: '滴滴快车专车司机',
+					price: '100',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401886712.jpg'
+				},
+				{
+					name: '北京美团外卖有限公司',
+					job: '美团骑手送餐员',
+					price: '50',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401895824.jpg'
+				},
+				{
+					name: '字节跳动有限公司',
+					job: '兼职女主播',
+					price: '500',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714402008141.jpg'
+				},
+				{
+					name: '广西龙坚贸易有限公司',
+					job: '装卸搬运工',
+					price: '400',
+					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714402008141.jpg'
+				}
+			]
+		};
+	},
+	onShow() {},
+	onLoad() {},
+	methods: {
+		go(url) {
+			if (this.hasLogin()) {
+			} else {
+				uni.navigateTo({ url: '/pages/user/login' });
+			}
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+.jobs {
+	margin-top: 0px;
+}
+</style>

app/pages/clsd/my/index.scss

@@ -0,0 +1,151 @@
+.main {
+	padding: 5px 15px 25px 15px;
+	.user {
+		overflow: hidden;
+		image {
+			float: left;
+			width: 60px;
+			height: 60px;
+			border-radius: 50%;
+		}
+		.con {
+			float: left;
+			padding-left: 15px;
+			.nickName {
+				padding-top: 5px;
+			}
+			.welcome {
+				font-size: 13px;
+				padding-top: 5px;
+				color: #989898;
+			}
+		}
+		.icon {
+			float: right;
+			margin-top: 14px;
+		}
+	}
+	.rows {
+		overflow: hidden;
+		margin-top: 10px;
+		.row {
+			float: left;
+			width: 33%;
+			text-align: center;
+			.out {
+				.int {
+					padding: 5px;
+					.num {
+						font-weight: bold;
+					}
+					.desc {
+						padding-top: 5px;
+						font-size: 14px;
+					}
+				}
+			}
+		}
+	}
+	.news {
+		margin-top: 10px;
+		background-color: white;
+		border-radius: 7px;
+		overflow: hidden;
+		padding: 12px;
+		.gg {
+			font-weight: bold;
+			margin-bottom: 5px;
+			border-bottom: 1px solid $line;
+			padding-bottom: 10px;
+			.title {
+				margin-left: 10px;
+			}
+			.bor {
+				width: 5px;
+				height: 12px;
+				background-color: $main-color;
+				border-radius: 20px;
+				float: left;
+				margin-top: -16px;
+			}
+			.more {
+				float: right;
+				font-size: 14px;
+				font-weight: normal;
+				margin-top: -20px;
+			}
+		}
+		.item {
+			padding-top: 9px;
+			font-size: 14px;
+			overflow: hidden;
+			.title {
+				float: left;
+				width: 80%;
+			}
+			.date {
+				float: right;
+			}
+		}
+	}
+	.menu {
+		margin-top: 10px;
+		overflow: hidden;
+		background-color: white;
+		border-radius: 7px;
+		.cd {
+			float: left;
+			width: 25%;
+			text-align: center;
+			.out {
+				padding: 5px;
+				.int {
+					padding: 10px 5px 10px 5px;
+					.icon {
+						font-size: 30px;
+						width: 55px;
+						height: 55px;
+						margin: 0 auto;
+						color: white;
+						border-radius: 50%;
+						line-height: 58px;
+						box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+					}
+					.title {
+						font-size: 14px;
+						padding-top: 5px;
+					}
+				}
+			}
+		}
+	}
+	.hengfu {
+		width: 100%;
+		border-radius: 7px;
+		margin-top: 10px;
+		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
+	}
+	.ad {
+		.item {
+			float: left;
+			width: 50%;
+			overflow: hidden;
+			.out {
+				padding: 10px 10px 10px 10px;
+				.int {
+					overflow: hidden;
+					border-radius: 7px;
+					image {
+						border-radius: 7px;
+						box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
+					}
+				}
+			}
+		}
+		.it {
+			overflow: hidden;
+			border-radius: 7px;
+			box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
+		}
+	}
+}

app/pages/clsd/my/index.vue

@@ -0,0 +1,264 @@
+<template>
+	<view class="main">
+		<view class="user" @click="go('info')">
+			<image :src="user.avatarUrl ? user.avatarUrl : '../../../static/favicon.png'" class="head"></image>
+			<view class="con" v-if="user.id">
+				<view class="nickName">微信用户</view>
+				<view class="welcome">欢迎使用承揽时代</view>
+			</view>
+			<view class="con" v-else>
+				<view class="nickName">你还没登录</view>
+				<view class="welcome">欢迎使用承揽时代</view>
+			</view>
+			<view class="icon">&#xe62b;</view>
+		</view>
+		<view class="rows">
+			<view class="row">
+				<view class="out">
+					<view class="int">
+						<view class="num">12</view>
+						<view class="desc">全职投递</view>
+					</view>
+				</view>
+			</view>
+			<view class="row">
+				<view class="out">
+					<view class="int">
+						<view class="num">0</view>
+						<view class="desc">兼职投递</view>
+					</view>
+				</view>
+			</view>
+			<view class="row">
+				<view class="out">
+					<view class="int">
+						<view class="num">0.00</view>
+						<view class="desc">账户余额</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!--菜单-->
+		<view class="menu">
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #f44336">&#xe6be;</view>
+						<view class="title">失业登记</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #4581fb">&#xe64a;</view>
+						<view class="title">就业补贴</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #ff9800">&#xe73c;</view>
+						<view class="title">培训指导</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #607d8b">&#xe998;</view>
+						<view class="title">法务服务</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #795548">&#xe725;</view>
+						<view class="title">企业入驻</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #3f51b5">&#xe606;</view>
+						<view class="title">我的简历</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #4caf50">&#xe605;</view>
+						<view class="title">面试邀约</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #607d8b">&#xe68a;</view>
+						<view class="title">合同列表</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #ffc107">&#xe641;</view>
+						<view class="title">交付进度</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #2196f3">&#xe680;</view>
+						<view class="title">历史评价</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!--新闻-->
+		<view class="news">
+			<view class="gg">
+				<view class="title">最新资讯</view>
+				<view class="bor"></view>
+				<view class="more">
+					<text>更多</text>
+					<text class="icon">&#xe62b;</text>
+				</view>
+			</view>
+			<view class="item">
+				<view class="title omit">春招进行时......</view>
+				<view class="date">04-29</view>
+			</view>
+			<view class="item">
+				<view class="title omit">2022年全区十八大与南宁召开广西大力推广招聘兼职的在线</view>
+				<view class="date">04-29</view>
+			</view>
+		</view>
+		<!--图片内容-->
+		<view class="ad" style="margin-left: -10px; margin-right: -10px">
+			<view class="item" style="height: 190px">
+				<view class="out">
+					<view class="int" style="height: 175px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2)">
+						<image src="../../../static/a1.jpg" mode="heightFix" style="height: 180px; width: 100%"></image>
+					</view>
+				</view>
+			</view>
+			<view class="item" style="height: 190px">
+				<view class="out">
+					<view class="int">
+						<view class="it" style="height: 80px">
+							<image src="http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714391297208.jpg" mode="aspectFill" style="height: 85px; width: 100%"></image>
+						</view>
+						<view class="it" style="height: 80px; margin-top: 15px">
+							<image src="http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714391360454.jpg" mode="aspectFill" style="height: 77px; width: 100%"></image>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!--横幅-->
+		<image src="http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714396309757.jpg" mode="widthFix" class="hengfu"></image>
+		<image src="http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714396317212.jpg" mode="widthFix" class="hengfu"></image>
+		<image src="http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714396323323.jpg" mode="widthFix" class="hengfu"></image>
+	</view>
+</template>
+<script>
+export default {
+	data() {
+		return {
+			ip: this.http.ip,
+			user: {}
+		};
+	},
+	onShow() {
+		/* 		 		   this.user = {
+			token: 'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImI0M2FmZjFmLWQ1YWMtNDk3Yi1hNDNiLTEwYTRiMmJmYmI4YiJ9.2IEItPPaVUBQw416MK9SA6OM_PE5WgcpvTdVf_-KJ8AQsI1J9PzMlRiA2ZCQT6gdHbY9l9wS1ZxQzdIxTx9PjQ'
+		};
+		uni.setStorageSync('user', this.user); */
+		if (this.hasLogin()) {
+			this.getUserInfo();
+		}
+	},
+	methods: {
+		getUserInfo() {
+			this.http.request({
+				url: '/app/user/info',
+				success: (res) => {
+					this.user = res.data.data;
+				}
+			});
+		},
+		go(url) {
+			if (this.hasLogin()) {
+				if (url == 'auth') {
+					uni.navigateTo({ url: '/pages/auth/index' });
+				}
+				if (url == 'company' && this.user.isAuthentication === 1) {
+					uni.navigateTo({ url: '/pages/company/index' });
+				}
+				if (url == 'packages' && this.user.isCompany > 0 && this.user.isContract == 1) {
+					uni.switchTab({ url: '/pages/packages/index' });
+				}
+				if (url == 'contract' && this.user.isContract == 1) {
+					this.look();
+				}
+				if (url == 'info') {
+					uni.navigateTo({ url: '/pages/user/info' });
+				}
+			} else {
+				uni.navigateTo({ url: '/pages/user/login' });
+			}
+		},
+		//查看合同
+		look() {
+			uni.showLoading({ title: '正在打开合同...', mask: true });
+			uni.downloadFile({
+				url: this.user.isContract == 0 ? this.ip + this.contract.url : this.ip + '/app/contract/look',
+				header: { Authorization: this.getUser().token },
+				success: (res) => {
+					uni.openDocument({
+						filePath: res.tempFilePath,
+						showMenu: true,
+						success: (res) => {
+							uni.hideLoading();
+						}
+					});
+				},
+				fail: (res) => {
+					uni.hideLoading();
+				}
+			});
+		},
+		//退出登录
+		exit(url) {
+			uni.showModal({
+				title: '提示',
+				content: '确定退出登录?',
+				success: (res) => {
+					if (res.confirm) {
+						this.http.request({
+							url: this.http.urls.logout,
+							success: (res) => {
+								uni.removeStorageSync('user');
+								uni.$emit('top');
+								uni.switchTab({
+									url: '/pages/index/index'
+								});
+							}
+						});
+					}
+				}
+			});
+		}
+	}
+};
+</script>
+<style lang="scss">
+@import 'index.scss';
+</style>

app/pages/clsd/serve/index.scss

@@ -0,0 +1,109 @@
+.main {
+	padding: 5px 15px 25px 15px;
+	.banner {
+		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
+		border-radius: 5px;
+	}
+	.news {
+		margin-top: 10px;
+		background-color: white;
+		border-radius: 7px;
+		overflow: hidden;
+		padding: 12px;
+		.gg {
+			font-weight: bold;
+			margin-bottom: 5px;
+			border-bottom: 1px solid $line;
+			padding-bottom: 10px;
+			.title {
+				margin-left: 10px;
+			}
+			.bor {
+				width: 5px;
+				height: 12px;
+				background-color: $main-color;
+				border-radius: 20px;
+				float: left;
+				margin-top: -16px;
+			}
+			.more {
+				float: right;
+				font-size: 14px;
+				font-weight: normal;
+				margin-top: -20px;
+			}
+		}
+		.item {
+			padding-top: 9px;
+			font-size: 14px;
+			overflow: hidden;
+			.title {
+				float: left;
+				width: 80%;
+			}
+			.date {
+				float: right;
+			}
+		}
+	}
+	.menu {
+		margin-top: 10px;
+		overflow: hidden;
+		background-color: white;
+		border-radius: 7px;
+		.cd {
+			float: left;
+			width: 25%;
+			text-align: center;
+			.out {
+				padding: 5px;
+				.int {
+					padding: 10px 5px 10px 5px;
+					.icon {
+						font-size: 30px;
+						width: 55px;
+						height: 55px;
+						margin: 0 auto;
+						color: white;
+						border-radius: 50%;
+						line-height: 58px;
+						box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+					}
+					.title {
+						font-size: 14px;
+						padding-top: 5px;
+					}
+				}
+			}
+		}
+	}
+	.hengfu {
+		width: 100%;
+		border-radius: 7px;
+		margin-top: 10px;
+		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
+	}
+	.ad {
+		.item {
+			float: left;
+			width: 50%;
+			overflow: hidden;
+			.out {
+				padding: 10px 10px 10px 10px;
+				.int {
+					overflow: hidden;
+					border-radius: 7px;
+					image {
+						border-radius: 7px;
+						box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
+					}
+				}
+			}
+		}
+		.it {
+			overflow: hidden;
+			border-radius: 7px;
+			box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
+		}
+	}
+}

app/pages/clsd/serve/index.vue

@@ -0,0 +1,139 @@
+<template>
+	<view class="main">
+		<!--轮播图-->
+		<view class="banner">
+			<u-swiper circular :radius="5" :indicator="true" keyName="pic" :list="bannerList" :height="150" class="uni-swiper" @click="click"></u-swiper>
+		</view>
+		<!--菜单-->
+		<view class="menu">
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #f44336">&#xe63f;</view>
+						<view class="title">失业登记</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #4581fb">&#xe611;</view>
+						<view class="title">就业补贴</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #ff9800">&#xe725;</view>
+						<view class="title">培训指导</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="color: #607d8b">&#xe82f;</view>
+						<view class="title">法务服务</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!--新闻-->
+		<view class="news">
+			<view class="gg">
+				<view class="title">最新资讯</view>
+				<view class="bor"></view>
+				<view class="more">
+					<text>更多</text>
+					<text class="icon">&#xe62b;</text>
+				</view>
+			</view>
+			<view class="item">
+				<view class="title omit">春招进行时......</view>
+				<view class="date">04-29</view>
+			</view>
+			<view class="item">
+				<view class="title omit">2022年全区十八大与南宁召开广西大力推广招聘兼职的在线</view>
+				<view class="date">04-29</view>
+			</view>
+		</view>
+		<!--横幅-->
+		<image src="../../../static/banner.jpg" mode="widthFix" class="hengfu"></image>
+		<!--图片内容-->
+		<view class="ad" style="margin-left: -10px; margin-right: -10px">
+			<view class="item" style="height: 190px">
+				<view class="out">
+					<view class="int" style="height: 175px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2)">
+						<image src="../../../static/a1.jpg" mode="heightFix" style="height: 180px; width: 100%"></image>
+					</view>
+				</view>
+			</view>
+			<view class="item" style="height: 190px">
+				<view class="out">
+					<view class="int">
+						<view class="it" style="height: 80px">
+							<image src="http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714391297208.jpg" mode="aspectFill" style="height: 85px; width: 100%"></image>
+						</view>
+						<view class="it" style="height: 80px; margin-top: 15px">
+							<image src="http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714391360454.jpg" mode="aspectFill" style="height: 77px; width: 100%"></image>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+export default {
+	data() {
+		return {
+			ip: this.http.ip,
+			user: {},
+			jobs: [1, 2, 3, 4, 5, 6],
+			bannerList: [],
+			noticeList: []
+		};
+	},
+	onShow() {
+		if (this.hasLogin()) {
+			//this.getUserInfo();
+		}
+	},
+	onLoad() {
+		this.getData();
+	},
+	methods: {
+		getUserInfo() {
+			this.http.request({
+				url: '/app/user/info',
+				success: (res) => {
+					this.user = res.data.data;
+				}
+			});
+		},
+		getData() {
+			this.http.request({
+				url: '/app/home/index',
+				success: (res) => {
+					this.contract = res.data.data.contract;
+					this.bannerList = res.data.data.bannerList;
+					res.data.data.noticeList.forEach((item) => {
+						this.noticeList.push(item.title);
+					});
+				}
+			});
+		},
+		go(url) {
+			if (this.hasLogin()) {
+			} else {
+				uni.navigateTo({ url: '/pages/user/login' });
+			}
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+@import 'index.scss';
+</style>

app/pages/index/index.vue

@@ -125,7 +125,7 @@ export default {
 					uni.navigateTo({ url: '/pages/company/index' });
 				}
 				if (url == 'packages' && this.user.isCompany > 0 && this.user.isContract == 1) {
-					uni.switchTab({ url: '/pages/packages/index' });
+					uni.navigateTo({ url: '/pages/packages/index' });
 				}
 				if (url == 'contract' && this.user.isContract == 1) {
 					this.look();