diff --git a/components/eventList.vue b/components/eventList.vue
index 63ad99b..6a49747 100644
--- a/components/eventList.vue
+++ b/components/eventList.vue
@@ -48,7 +48,7 @@
 
 <style lang="scss" scoped>
 .event-list {
-	padding: 0 40rpx;
+	// padding: 0 40rpx;
 	.title {
 		width: 100%;
 		display: flex;
@@ -59,8 +59,7 @@
 		font-weight: 600;
 		// padding: 20rpx 20rpx 0 20rpx;
 		box-sizing: border-box;
-		margin: 32rpx 0;
-		
+		padding: 32rpx 40rpx;
 		.icon-text {
 			display: flex;
 			flex-direction: row;
@@ -76,6 +75,7 @@
 	.list {
 		.list-item {
 			margin: 32rpx 0;
+			padding: 0 40rpx;
 		}
 	}
 }

diff --git a/components/eventList.vue b/components/eventList.vue
index 63ad99b..6a49747 100644
--- a/components/eventList.vue
+++ b/components/eventList.vue
@@ -48,7 +48,7 @@
 
 <style lang="scss" scoped>
 .event-list {
-	padding: 0 40rpx;
+	// padding: 0 40rpx;
 	.title {
 		width: 100%;
 		display: flex;
@@ -59,8 +59,7 @@
 		font-weight: 600;
 		// padding: 20rpx 20rpx 0 20rpx;
 		box-sizing: border-box;
-		margin: 32rpx 0;
-		
+		padding: 32rpx 40rpx;
 		.icon-text {
 			display: flex;
 			flex-direction: row;
@@ -76,6 +75,7 @@
 	.list {
 		.list-item {
 			margin: 32rpx 0;
+			padding: 0 40rpx;
 		}
 	}
 }
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
index c2ab040..2fbe064 100644
--- a/packageB/center/center.vue
+++ b/packageB/center/center.vue
@@ -3,12 +3,51 @@
 	<view class="center">
 		<image src="http://111.198.10.15:11604/png/back_complete.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 360rpx;"></image>
 		<view class="center-title">举报入口</view>
+	
+		<view class="title">举报入口</view>
+		<view class="tab-area">
+			<view class="tab">
+				<u-row>
+					<u-col span="4" v-for="item in TypeList1" :key="item.id">
+						<view class="tab-item" @click="changePage(item.id, item.icon, item.label, item.type)">
+							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
+							<text class="grid-text">{{item.label}}</text>
+						</view>
+					</u-col>
+				</u-row>
+				<u-row>
+					<u-col span="4" v-for="item in TypeList2" :key="item.id">
+						<view class="tab-item" @click="changePage(item.id, item.icon, item.label, item.type)">
+							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
+							<text class="grid-text">{{item.label}}</text>
+						</view>
+					</u-col>
+				</u-row>
+				<u-row>
+					<u-col span="4" v-for="item in TypeList3" :key="item.id">
+						<view class="tab-item" @click="changePage(item.id, item.icon, item.label, item.type)">
+							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
+							<text class="grid-text">{{item.label}}</text>
+						</view>
+					</u-col>
+				</u-row>
+				<u-row>
+					<u-col span="4" v-for="item in TypeList4" :key="item.id">
+						<view class="tab-item" @click="changePage(item.id, item.icon, '', item.type)">
+							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
+							<text class="grid-text">{{item.label}}</text>
+						</view>
+					</u-col>
+				</u-row>
+			</view>
+		</view>
+		<view class="title" style="margin-top: 46rpx;">专项举报入口</view>
 		<view class="content">
-			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon)">
+			<!-- 专项类举报类型传-其他10 -->
+			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon, '', item.type)"> 
 				<image :src="item.icon" :style="item.style" mode=""></image>
 				<view class="text-area">
 					<text class="content-title">{{item.title}}</text>
-					<!-- <text class="desc">{{item.dec}}</text> -->
 				</view>
 			</view>
 		</view>
@@ -22,39 +61,107 @@
 		},
 		data() {
 			return {
+				TypeList1: [
+					{
+						id: '1',
+						type: 'web',
+						label: '涉领导人类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon7.png'
+					},
+					{
+						id: '2',
+						type: 'web',
+						label: '涉党军政类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon5.png'
+					},
+					{
+						id: '3',
+						type: 'web',
+						label: '涉爆涉恐类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon4.png'
+					},
+				],
+				TypeList2: [
+					{
+						id: '4',
+						type: 'web',
+						label: '民族宗教类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon1.png'
+					},
+					{
+						id: '5',
+						type: 'web',
+						label: '治疆政策类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon10.png'
+					},
+					{
+						id: '6',
+						type: 'web',
+						label: '涉疆案(事)件类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon3.png'
+					},
+				],
+				TypeList3: [
+					{
+						id: '7',
+						type: 'web',
+						label: '公共安全类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon7.png'
+					},
+					{
+						id: '8',
+						type: 'web',
+						label: '组织人事类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon8.png'
+					},
+					{
+						id: '9',
+						type: 'web',
+						label: '社会民生类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon9.png'
+					},
+				],
+				TypeList4: [
+					{
+						id: '10',
+						type: 'other',
+						label: '其他类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon10.png'
+					},
+				],
 				tabList: [
+					// {
+					// 	id: 'web',
+					// 	title: '网站类型举报',
+					// 	dec: '网站地址',
+					// 	icon: '../../static/center/web.png',
+					// 	span: '6',
+					// 	style: 'width: 52px;height: 60px;'
+					// },
 					{
-						id: 'web',
-						title: '网站类型举报',
-						dec: '网站地址',
-						icon: '../../static/center/web.png',
-						span: '6',
-						style: 'width: 52px;height: 60px;'
-					},
-					{
-						id: 'special',
+						id: '10',
 						title: '专项举报',
+						type: 'special',
 						dec: '扫黑除恶专题举报',
-						icon: '../../static/center/special.png',
+						icon: '../../static/index/status.png',
 						span: '6',
-						style: 'width: 52px;height: 60px;'
+						style: 'width: 62px;height: 62px;'
 					},
-					{
-						id: 'other',
-						title: '其他类型举报',
-						dec: '通讯工具/网盘/搜索引擎',
-						icon: '../../static/center/other.png',
-						span: '12',
-						style: 'width: 53px;height: 60px;'
-					},
+					// {
+					// 	id: 'other',
+					// 	title: '其他类型举报',
+					// 	dec: '通讯工具/网盘/搜索引擎',
+					// 	icon: '../../static/center/other.png',
+					// 	span: '12',
+					// 	style: 'width: 53px;height: 60px;'
+					// },
 				]
 			}
 		},
 		methods: {
-			changePage(val, icon) {
-				console.log(icon)
+			changePage(reportTypeValue, icon, label, type) {
 				wx.navigateTo({
-					url: `/packageB/report/report?reportType=${val}&icon=` + encodeURIComponent(icon)
+					url: `/packageB/report/report?reportTypeValue=${reportTypeValue}&icon=` + encodeURIComponent(icon) + '&label=' + encodeURIComponent(label) + `&reportType=${type}`
 				})
 			},
 		}
@@ -65,10 +172,41 @@
 	.center {
 		position: relative;
 		width: 100%;
-		height: 100%;
-		padding: 40rpx;
+		// height: 100%;
+		padding: 40rpx 40rpx 80rpx 40rpx;
 		padding-top: 380rpx;
 		box-sizing: border-box;
+		.title {
+			width: 100%;
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			align-items: center;
+			font-size: 40rpx;
+			font-weight: 600;
+			// padding: 20rpx 20rpx 0 20rpx;
+			box-sizing: border-box;
+		}
+		.tab-area {
+			margin-top: 40rpx;
+			// padding: 0 40rpx;
+			.tab {
+				background: linear-gradient(#eef1fd 0%, #bed5fe 100%);
+				border-radius: 20rpx;
+				padding-bottom: 80rpx;
+			}
+			.tab-item {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+				margin-top: 80rpx;
+				.grid-text {
+					font-size: 30rpx;
+					color: #3a3a3b;
+				}
+			}
+		}
 		.center-title {
 			position: absolute;
 			top: 40rpx;
@@ -81,19 +219,17 @@
 		.content {
 			display: flex;
 			flex-direction: column;
-			background-color: #fff;
-			border-radius: 16rpx;
-			padding: 20rpx;
+			border-radius: 20rpx;
 			box-sizing: border-box;
 			.content-main {
 				display: flex;
 				align-items: center;
-				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
+				background: linear-gradient(#eef1fd 0%, #bed5fe 100%);
 				margin-top: 40rpx;
 				padding: 20rpx;
 				padding-left: 60rpx;
 				border-radius: 20rpx;
-				color: #fff;
+				color: #356ac0;
 				.text-area {
 					flex: 1;
 					margin-left: 40rpx;

diff --git a/components/eventList.vue b/components/eventList.vue
index 63ad99b..6a49747 100644
--- a/components/eventList.vue
+++ b/components/eventList.vue
@@ -48,7 +48,7 @@
 
 <style lang="scss" scoped>
 .event-list {
-	padding: 0 40rpx;
+	// padding: 0 40rpx;
 	.title {
 		width: 100%;
 		display: flex;
@@ -59,8 +59,7 @@
 		font-weight: 600;
 		// padding: 20rpx 20rpx 0 20rpx;
 		box-sizing: border-box;
-		margin: 32rpx 0;
-		
+		padding: 32rpx 40rpx;
 		.icon-text {
 			display: flex;
 			flex-direction: row;
@@ -76,6 +75,7 @@
 	.list {
 		.list-item {
 			margin: 32rpx 0;
+			padding: 0 40rpx;
 		}
 	}
 }
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
index c2ab040..2fbe064 100644
--- a/packageB/center/center.vue
+++ b/packageB/center/center.vue
@@ -3,12 +3,51 @@
 	<view class="center">
 		<image src="http://111.198.10.15:11604/png/back_complete.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 360rpx;"></image>
 		<view class="center-title">举报入口</view>
+	
+		<view class="title">举报入口</view>
+		<view class="tab-area">
+			<view class="tab">
+				<u-row>
+					<u-col span="4" v-for="item in TypeList1" :key="item.id">
+						<view class="tab-item" @click="changePage(item.id, item.icon, item.label, item.type)">
+							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
+							<text class="grid-text">{{item.label}}</text>
+						</view>
+					</u-col>
+				</u-row>
+				<u-row>
+					<u-col span="4" v-for="item in TypeList2" :key="item.id">
+						<view class="tab-item" @click="changePage(item.id, item.icon, item.label, item.type)">
+							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
+							<text class="grid-text">{{item.label}}</text>
+						</view>
+					</u-col>
+				</u-row>
+				<u-row>
+					<u-col span="4" v-for="item in TypeList3" :key="item.id">
+						<view class="tab-item" @click="changePage(item.id, item.icon, item.label, item.type)">
+							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
+							<text class="grid-text">{{item.label}}</text>
+						</view>
+					</u-col>
+				</u-row>
+				<u-row>
+					<u-col span="4" v-for="item in TypeList4" :key="item.id">
+						<view class="tab-item" @click="changePage(item.id, item.icon, '', item.type)">
+							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
+							<text class="grid-text">{{item.label}}</text>
+						</view>
+					</u-col>
+				</u-row>
+			</view>
+		</view>
+		<view class="title" style="margin-top: 46rpx;">专项举报入口</view>
 		<view class="content">
-			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon)">
+			<!-- 专项类举报类型传-其他10 -->
+			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon, '', item.type)"> 
 				<image :src="item.icon" :style="item.style" mode=""></image>
 				<view class="text-area">
 					<text class="content-title">{{item.title}}</text>
-					<!-- <text class="desc">{{item.dec}}</text> -->
 				</view>
 			</view>
 		</view>
@@ -22,39 +61,107 @@
 		},
 		data() {
 			return {
+				TypeList1: [
+					{
+						id: '1',
+						type: 'web',
+						label: '涉领导人类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon7.png'
+					},
+					{
+						id: '2',
+						type: 'web',
+						label: '涉党军政类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon5.png'
+					},
+					{
+						id: '3',
+						type: 'web',
+						label: '涉爆涉恐类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon4.png'
+					},
+				],
+				TypeList2: [
+					{
+						id: '4',
+						type: 'web',
+						label: '民族宗教类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon1.png'
+					},
+					{
+						id: '5',
+						type: 'web',
+						label: '治疆政策类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon10.png'
+					},
+					{
+						id: '6',
+						type: 'web',
+						label: '涉疆案(事)件类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon3.png'
+					},
+				],
+				TypeList3: [
+					{
+						id: '7',
+						type: 'web',
+						label: '公共安全类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon7.png'
+					},
+					{
+						id: '8',
+						type: 'web',
+						label: '组织人事类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon8.png'
+					},
+					{
+						id: '9',
+						type: 'web',
+						label: '社会民生类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon9.png'
+					},
+				],
+				TypeList4: [
+					{
+						id: '10',
+						type: 'other',
+						label: '其他类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon10.png'
+					},
+				],
 				tabList: [
+					// {
+					// 	id: 'web',
+					// 	title: '网站类型举报',
+					// 	dec: '网站地址',
+					// 	icon: '../../static/center/web.png',
+					// 	span: '6',
+					// 	style: 'width: 52px;height: 60px;'
+					// },
 					{
-						id: 'web',
-						title: '网站类型举报',
-						dec: '网站地址',
-						icon: '../../static/center/web.png',
-						span: '6',
-						style: 'width: 52px;height: 60px;'
-					},
-					{
-						id: 'special',
+						id: '10',
 						title: '专项举报',
+						type: 'special',
 						dec: '扫黑除恶专题举报',
-						icon: '../../static/center/special.png',
+						icon: '../../static/index/status.png',
 						span: '6',
-						style: 'width: 52px;height: 60px;'
+						style: 'width: 62px;height: 62px;'
 					},
-					{
-						id: 'other',
-						title: '其他类型举报',
-						dec: '通讯工具/网盘/搜索引擎',
-						icon: '../../static/center/other.png',
-						span: '12',
-						style: 'width: 53px;height: 60px;'
-					},
+					// {
+					// 	id: 'other',
+					// 	title: '其他类型举报',
+					// 	dec: '通讯工具/网盘/搜索引擎',
+					// 	icon: '../../static/center/other.png',
+					// 	span: '12',
+					// 	style: 'width: 53px;height: 60px;'
+					// },
 				]
 			}
 		},
 		methods: {
-			changePage(val, icon) {
-				console.log(icon)
+			changePage(reportTypeValue, icon, label, type) {
 				wx.navigateTo({
-					url: `/packageB/report/report?reportType=${val}&icon=` + encodeURIComponent(icon)
+					url: `/packageB/report/report?reportTypeValue=${reportTypeValue}&icon=` + encodeURIComponent(icon) + '&label=' + encodeURIComponent(label) + `&reportType=${type}`
 				})
 			},
 		}
@@ -65,10 +172,41 @@
 	.center {
 		position: relative;
 		width: 100%;
-		height: 100%;
-		padding: 40rpx;
+		// height: 100%;
+		padding: 40rpx 40rpx 80rpx 40rpx;
 		padding-top: 380rpx;
 		box-sizing: border-box;
+		.title {
+			width: 100%;
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			align-items: center;
+			font-size: 40rpx;
+			font-weight: 600;
+			// padding: 20rpx 20rpx 0 20rpx;
+			box-sizing: border-box;
+		}
+		.tab-area {
+			margin-top: 40rpx;
+			// padding: 0 40rpx;
+			.tab {
+				background: linear-gradient(#eef1fd 0%, #bed5fe 100%);
+				border-radius: 20rpx;
+				padding-bottom: 80rpx;
+			}
+			.tab-item {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+				margin-top: 80rpx;
+				.grid-text {
+					font-size: 30rpx;
+					color: #3a3a3b;
+				}
+			}
+		}
 		.center-title {
 			position: absolute;
 			top: 40rpx;
@@ -81,19 +219,17 @@
 		.content {
 			display: flex;
 			flex-direction: column;
-			background-color: #fff;
-			border-radius: 16rpx;
-			padding: 20rpx;
+			border-radius: 20rpx;
 			box-sizing: border-box;
 			.content-main {
 				display: flex;
 				align-items: center;
-				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
+				background: linear-gradient(#eef1fd 0%, #bed5fe 100%);
 				margin-top: 40rpx;
 				padding: 20rpx;
 				padding-left: 60rpx;
 				border-radius: 20rpx;
-				color: #fff;
+				color: #356ac0;
 				.text-area {
 					flex: 1;
 					margin-left: 40rpx;
diff --git a/packageB/report/report.vue b/packageB/report/report.vue
index e99a274..2174f8d 100644
--- a/packageB/report/report.vue
+++ b/packageB/report/report.vue
@@ -8,7 +8,9 @@
 				<text>
 					举报类目：
 				</text>
-				<text class="title-text">{{typeMap[reportType]}}</text>
+				<text class="title-text">{{typeLabel}} </text>
+				<text class="title-text" v-if="label"> - </text>
+				<text class="title-text" v-if="label"> {{label}}</text>
 			</view>
 		</view>
 		<view class="content-area">
@@ -31,9 +33,9 @@
 						<u--input placeholder="请输入手机号" v-model="form.phone" border="none" clearable></u--input>
 					</u-form-item>
 					
-					<u-form-item label="举报类型" prop="type" borderBottom :required="true" @click="typeShow=true">
+					<!-- <u-form-item label="举报类型" prop="type" borderBottom :required="true" @click="typeShow=true">
 						<u--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
-					</u-form-item>
+					</u-form-item> -->
 					
 					<u-form-item v-if="reportType === 'other'" label="信息来源" prop="source" borderBottom :required="true" @click="infoSourceShow=true">
 						<u--input placeholder="请选择信息来源" suffixIcon="arrow-right" disabled v-model="form.source" border="none"></u--input>
@@ -178,8 +180,10 @@
 			return {
 				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
 				showMessage: false, //举报须知弹窗显隐
-				reportType: '', //举报类型
+				typeLabel: '', //举报类型名称
+				reportType: '', //举报类型 web special other
 				reportIcon: '', //举报icon url
+				label: '', //举报类目
 				typeMap: {
 					web: '网站类型举报',
 					special: '专项举报',
@@ -306,7 +310,7 @@
 					phone: '', //手机号
 					type: '', //举报类型
 					url: '', //网站网址
-					zt: '涉疆扫黑除恶', //专题
+					zt: '网络数据安全和个人信息保护', //专题
 					isNewMedia: '0',  //是否是新媒体
 					desc: '', //内容描述
 					publishName: '', //发布人
@@ -448,9 +452,13 @@
 			}
 		},
 		mounted() {
-			this.reportType = getLocationParams('reportType');
+			this.form.reportType = getLocationParams('reportTypeValue'); // 举报类型接口传参
+			this.reportType = getLocationParams('reportType'); // 前端控制举报类型 web special other
+			this.form.type = getLocationParams('reportType'); // 
+			this.typeLabel = this.typeMap[ this.form.type ]
 			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
-			console.log(this.reportIcon)
+			this.label = decodeURIComponent(getLocationParams('label'));
+			console.log(this.form.reportType, '-', this.form.type, 'p', this.reportType)
 			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
 		},
 		onReady() {

diff --git a/components/eventList.vue b/components/eventList.vue
index 63ad99b..6a49747 100644
--- a/components/eventList.vue
+++ b/components/eventList.vue
@@ -48,7 +48,7 @@
 
 <style lang="scss" scoped>
 .event-list {
-	padding: 0 40rpx;
+	// padding: 0 40rpx;
 	.title {
 		width: 100%;
 		display: flex;
@@ -59,8 +59,7 @@
 		font-weight: 600;
 		// padding: 20rpx 20rpx 0 20rpx;
 		box-sizing: border-box;
-		margin: 32rpx 0;
-		
+		padding: 32rpx 40rpx;
 		.icon-text {
 			display: flex;
 			flex-direction: row;
@@ -76,6 +75,7 @@
 	.list {
 		.list-item {
 			margin: 32rpx 0;
+			padding: 0 40rpx;
 		}
 	}
 }
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
index c2ab040..2fbe064 100644
--- a/packageB/center/center.vue
+++ b/packageB/center/center.vue
@@ -3,12 +3,51 @@
 	<view class="center">
 		<image src="http://111.198.10.15:11604/png/back_complete.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 360rpx;"></image>
 		<view class="center-title">举报入口</view>
+	
+		<view class="title">举报入口</view>
+		<view class="tab-area">
+			<view class="tab">
+				<u-row>
+					<u-col span="4" v-for="item in TypeList1" :key="item.id">
+						<view class="tab-item" @click="changePage(item.id, item.icon, item.label, item.type)">
+							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
+							<text class="grid-text">{{item.label}}</text>
+						</view>
+					</u-col>
+				</u-row>
+				<u-row>
+					<u-col span="4" v-for="item in TypeList2" :key="item.id">
+						<view class="tab-item" @click="changePage(item.id, item.icon, item.label, item.type)">
+							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
+							<text class="grid-text">{{item.label}}</text>
+						</view>
+					</u-col>
+				</u-row>
+				<u-row>
+					<u-col span="4" v-for="item in TypeList3" :key="item.id">
+						<view class="tab-item" @click="changePage(item.id, item.icon, item.label, item.type)">
+							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
+							<text class="grid-text">{{item.label}}</text>
+						</view>
+					</u-col>
+				</u-row>
+				<u-row>
+					<u-col span="4" v-for="item in TypeList4" :key="item.id">
+						<view class="tab-item" @click="changePage(item.id, item.icon, '', item.type)">
+							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
+							<text class="grid-text">{{item.label}}</text>
+						</view>
+					</u-col>
+				</u-row>
+			</view>
+		</view>
+		<view class="title" style="margin-top: 46rpx;">专项举报入口</view>
 		<view class="content">
-			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon)">
+			<!-- 专项类举报类型传-其他10 -->
+			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon, '', item.type)"> 
 				<image :src="item.icon" :style="item.style" mode=""></image>
 				<view class="text-area">
 					<text class="content-title">{{item.title}}</text>
-					<!-- <text class="desc">{{item.dec}}</text> -->
 				</view>
 			</view>
 		</view>
@@ -22,39 +61,107 @@
 		},
 		data() {
 			return {
+				TypeList1: [
+					{
+						id: '1',
+						type: 'web',
+						label: '涉领导人类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon7.png'
+					},
+					{
+						id: '2',
+						type: 'web',
+						label: '涉党军政类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon5.png'
+					},
+					{
+						id: '3',
+						type: 'web',
+						label: '涉爆涉恐类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon4.png'
+					},
+				],
+				TypeList2: [
+					{
+						id: '4',
+						type: 'web',
+						label: '民族宗教类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon1.png'
+					},
+					{
+						id: '5',
+						type: 'web',
+						label: '治疆政策类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon10.png'
+					},
+					{
+						id: '6',
+						type: 'web',
+						label: '涉疆案(事)件类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon3.png'
+					},
+				],
+				TypeList3: [
+					{
+						id: '7',
+						type: 'web',
+						label: '公共安全类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon7.png'
+					},
+					{
+						id: '8',
+						type: 'web',
+						label: '组织人事类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon8.png'
+					},
+					{
+						id: '9',
+						type: 'web',
+						label: '社会民生类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon9.png'
+					},
+				],
+				TypeList4: [
+					{
+						id: '10',
+						type: 'other',
+						label: '其他类',
+						icon: 'http://111.198.10.15:11604/png/reportIcon10.png'
+					},
+				],
 				tabList: [
+					// {
+					// 	id: 'web',
+					// 	title: '网站类型举报',
+					// 	dec: '网站地址',
+					// 	icon: '../../static/center/web.png',
+					// 	span: '6',
+					// 	style: 'width: 52px;height: 60px;'
+					// },
 					{
-						id: 'web',
-						title: '网站类型举报',
-						dec: '网站地址',
-						icon: '../../static/center/web.png',
-						span: '6',
-						style: 'width: 52px;height: 60px;'
-					},
-					{
-						id: 'special',
+						id: '10',
 						title: '专项举报',
+						type: 'special',
 						dec: '扫黑除恶专题举报',
-						icon: '../../static/center/special.png',
+						icon: '../../static/index/status.png',
 						span: '6',
-						style: 'width: 52px;height: 60px;'
+						style: 'width: 62px;height: 62px;'
 					},
-					{
-						id: 'other',
-						title: '其他类型举报',
-						dec: '通讯工具/网盘/搜索引擎',
-						icon: '../../static/center/other.png',
-						span: '12',
-						style: 'width: 53px;height: 60px;'
-					},
+					// {
+					// 	id: 'other',
+					// 	title: '其他类型举报',
+					// 	dec: '通讯工具/网盘/搜索引擎',
+					// 	icon: '../../static/center/other.png',
+					// 	span: '12',
+					// 	style: 'width: 53px;height: 60px;'
+					// },
 				]
 			}
 		},
 		methods: {
-			changePage(val, icon) {
-				console.log(icon)
+			changePage(reportTypeValue, icon, label, type) {
 				wx.navigateTo({
-					url: `/packageB/report/report?reportType=${val}&icon=` + encodeURIComponent(icon)
+					url: `/packageB/report/report?reportTypeValue=${reportTypeValue}&icon=` + encodeURIComponent(icon) + '&label=' + encodeURIComponent(label) + `&reportType=${type}`
 				})
 			},
 		}
@@ -65,10 +172,41 @@
 	.center {
 		position: relative;
 		width: 100%;
-		height: 100%;
-		padding: 40rpx;
+		// height: 100%;
+		padding: 40rpx 40rpx 80rpx 40rpx;
 		padding-top: 380rpx;
 		box-sizing: border-box;
+		.title {
+			width: 100%;
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			align-items: center;
+			font-size: 40rpx;
+			font-weight: 600;
+			// padding: 20rpx 20rpx 0 20rpx;
+			box-sizing: border-box;
+		}
+		.tab-area {
+			margin-top: 40rpx;
+			// padding: 0 40rpx;
+			.tab {
+				background: linear-gradient(#eef1fd 0%, #bed5fe 100%);
+				border-radius: 20rpx;
+				padding-bottom: 80rpx;
+			}
+			.tab-item {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+				margin-top: 80rpx;
+				.grid-text {
+					font-size: 30rpx;
+					color: #3a3a3b;
+				}
+			}
+		}
 		.center-title {
 			position: absolute;
 			top: 40rpx;
@@ -81,19 +219,17 @@
 		.content {
 			display: flex;
 			flex-direction: column;
-			background-color: #fff;
-			border-radius: 16rpx;
-			padding: 20rpx;
+			border-radius: 20rpx;
 			box-sizing: border-box;
 			.content-main {
 				display: flex;
 				align-items: center;
-				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
+				background: linear-gradient(#eef1fd 0%, #bed5fe 100%);
 				margin-top: 40rpx;
 				padding: 20rpx;
 				padding-left: 60rpx;
 				border-radius: 20rpx;
-				color: #fff;
+				color: #356ac0;
 				.text-area {
 					flex: 1;
 					margin-left: 40rpx;
diff --git a/packageB/report/report.vue b/packageB/report/report.vue
index e99a274..2174f8d 100644
--- a/packageB/report/report.vue
+++ b/packageB/report/report.vue
@@ -8,7 +8,9 @@
 				<text>
 					举报类目：
 				</text>
-				<text class="title-text">{{typeMap[reportType]}}</text>
+				<text class="title-text">{{typeLabel}} </text>
+				<text class="title-text" v-if="label"> - </text>
+				<text class="title-text" v-if="label"> {{label}}</text>
 			</view>
 		</view>
 		<view class="content-area">
@@ -31,9 +33,9 @@
 						<u--input placeholder="请输入手机号" v-model="form.phone" border="none" clearable></u--input>
 					</u-form-item>
 					
-					<u-form-item label="举报类型" prop="type" borderBottom :required="true" @click="typeShow=true">
+					<!-- <u-form-item label="举报类型" prop="type" borderBottom :required="true" @click="typeShow=true">
 						<u--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
-					</u-form-item>
+					</u-form-item> -->
 					
 					<u-form-item v-if="reportType === 'other'" label="信息来源" prop="source" borderBottom :required="true" @click="infoSourceShow=true">
 						<u--input placeholder="请选择信息来源" suffixIcon="arrow-right" disabled v-model="form.source" border="none"></u--input>
@@ -178,8 +180,10 @@
 			return {
 				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
 				showMessage: false, //举报须知弹窗显隐
-				reportType: '', //举报类型
+				typeLabel: '', //举报类型名称
+				reportType: '', //举报类型 web special other
 				reportIcon: '', //举报icon url
+				label: '', //举报类目
 				typeMap: {
 					web: '网站类型举报',
 					special: '专项举报',
@@ -306,7 +310,7 @@
 					phone: '', //手机号
 					type: '', //举报类型
 					url: '', //网站网址
-					zt: '涉疆扫黑除恶', //专题
+					zt: '网络数据安全和个人信息保护', //专题
 					isNewMedia: '0',  //是否是新媒体
 					desc: '', //内容描述
 					publishName: '', //发布人
@@ -448,9 +452,13 @@
 			}
 		},
 		mounted() {
-			this.reportType = getLocationParams('reportType');
+			this.form.reportType = getLocationParams('reportTypeValue'); // 举报类型接口传参
+			this.reportType = getLocationParams('reportType'); // 前端控制举报类型 web special other
+			this.form.type = getLocationParams('reportType'); // 
+			this.typeLabel = this.typeMap[ this.form.type ]
 			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
-			console.log(this.reportIcon)
+			this.label = decodeURIComponent(getLocationParams('label'));
+			console.log(this.form.reportType, '-', this.form.type, 'p', this.reportType)
 			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
 		},
 		onReady() {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 2fc8fc7..aff35ef 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -314,7 +314,7 @@
 				}
 			}
 		}
-		 .slideShine{
+		.slideShine{
 				background: #871317 -webkit-linear-gradient(left, #561214, #febaf7 50%, #ff0 90%,#561214) no-repeat 0 0;
 				background-size:20% 100%; 
 				background-clip: text;