diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/messageList/messageList.vue b/packageA/pages/messageList/messageList.vue
index a10e163..8432690 100644
--- a/packageA/pages/messageList/messageList.vue
+++ b/packageA/pages/messageList/messageList.vue
@@ -6,7 +6,7 @@
 				:list="tabList" 
 				:scrollable="false" 
 				:current="currentTab"
-				lineColor="#0096e0"
+				lineColor="#408bf6"
 				lineWidth="50"
 				lineHeight="5"
 				@click="clickTab">

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/messageList/messageList.vue b/packageA/pages/messageList/messageList.vue
index a10e163..8432690 100644
--- a/packageA/pages/messageList/messageList.vue
+++ b/packageA/pages/messageList/messageList.vue
@@ -6,7 +6,7 @@
 				:list="tabList" 
 				:scrollable="false" 
 				:current="currentTab"
-				lineColor="#0096e0"
+				lineColor="#408bf6"
 				lineWidth="50"
 				lineHeight="5"
 				@click="clickTab">
diff --git a/packageA/pages/register/register.vue b/packageA/pages/register/register.vue
index 43fe95c..278e9c3 100644
--- a/packageA/pages/register/register.vue
+++ b/packageA/pages/register/register.vue
@@ -315,15 +315,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -342,7 +342,7 @@
 				font-weight: 500;
 				padding: 20rpx 40rpx;
 				margin-top: 0;
-				color: #0096e0;
+				color: #408bf6;
 				background-color: #fff;
 				&:active {
 					background-color: #d5e0ea;

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/messageList/messageList.vue b/packageA/pages/messageList/messageList.vue
index a10e163..8432690 100644
--- a/packageA/pages/messageList/messageList.vue
+++ b/packageA/pages/messageList/messageList.vue
@@ -6,7 +6,7 @@
 				:list="tabList" 
 				:scrollable="false" 
 				:current="currentTab"
-				lineColor="#0096e0"
+				lineColor="#408bf6"
 				lineWidth="50"
 				lineHeight="5"
 				@click="clickTab">
diff --git a/packageA/pages/register/register.vue b/packageA/pages/register/register.vue
index 43fe95c..278e9c3 100644
--- a/packageA/pages/register/register.vue
+++ b/packageA/pages/register/register.vue
@@ -315,15 +315,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -342,7 +342,7 @@
 				font-weight: 500;
 				padding: 20rpx 40rpx;
 				margin-top: 0;
-				color: #0096e0;
+				color: #408bf6;
 				background-color: #fff;
 				&:active {
 					background-color: #d5e0ea;
diff --git a/packageA/pages/report/report.vue b/packageA/pages/report/report.vue
deleted file mode 100644
index 1e04a97..0000000
--- a/packageA/pages/report/report.vue
+++ /dev/null
@@ -1,712 +0,0 @@
-<!-- 发布举报 -->
-<template>
-	<view class="report">
-		<view class="title-area">
-			<image :src="`../${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
-			<view class="title">
-				<text>
-					举报类目：
-				</text>
-				<text class="title-text">{{typeMap[reportType]}}</text>
-			</view>
-		</view>
-		<view class="content-area">
-			<view class="content">
-				<u--form
-					labelPosition="left"
-					:model="form"
-					:rules="rules"
-					labelWidth="100"
-					ref="form">
-					<u-form-item label="举报人" borderBottom @click="message('举报人')">
-						<u--input
-							v-model="reportName"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
-						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
-					</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>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
-						<u--input
-							placeholder="请输入网站网址" 
-							v-model="form.url"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
-						<u--input
-							v-model="form.zt"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
-						<u-radio-group v-model="form.isNewMedia" placement="row">
-							<u-radio activeColor="#0096e0" label="是" :name="true"></u-radio>
-							<u-radio activeColor="#0096e0" label="否" :name="false"></u-radio>
-						</u-radio-group>
-					</u-form-item>
-					
-					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
-						<u--textarea 
-							v-model="form.desc" 
-							placeholder="描述不超过200个字符" 
-							autoHeight 
-							maxlength='200'
-							:showConfirmBar='true'
-						></u--textarea>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人" 
-							v-model="form.publishName"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人ID" 
-							v-model="form.publishId"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
-						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
-					</u-form-item>
-					
-					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
-						<u-upload
-							accep="image"
-							:fileList="form.picture"
-							@afterRead="afterRead"
-							@delete="deletePic"
-							name="1"
-							:deletable="true"
-							:maxCount="10"
-							:previewFullImage="true"
-						></u-upload>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
-						<view>
-							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
-							<uni-file-picker 
-								v-model="form.affix"
-								limit="1" 
-								file-mediatype="all" 
-								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
-								ref="affix"
-								@select="affixUpload"
-							></uni-file-picker>
-						</view>
-		
-					</u-form-item>
-				</u--form>
-			</view>
-		</view>
-		<view class="button-bottom">
-			<view class="button button-left" @click="submit">举 报</view>
-			<view class="button button-right" @click="reset">重 置</view>
-		</view>
-		<!-- 发布平台 -->
-		<u-picker
-			ref="uPicker"
-			:show="placeShow" 
-			:columns="placeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmPlace"
-			@change="changeHandler"
-			immediateChange
-		></u-picker>
-		<!-- 举报类型 -->
-		<u-picker
-			:show="typeShow" 
-			:columns="reportTypeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmReportType"
-		></u-picker>
-		
-		<!-- 信息来源 -->
-		<u-picker
-			:show="infoSourceShow" 
-			:columns="infoSourceColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmInfoSource"
-		></u-picker>
-		
-		<!-- 举报须知 -->
-		<Message
-			:show="showMessage" 
-			title="举报须知" 
-			:content="messageContent" 
-			@close="close"
-			@refuse="refuse"/>
-	</view>
-</template>
-
-<script>
-	import { getLocationParams } from '../../../common/utils.js';
-	import Message from '../../../components/base/message.vue';
-	export default {
-		components: {
-			Message
-		},
-		data() {
-			return {
-				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
-				showMessage: false, //举报须知弹窗显隐
-				reportType: '', //举报类型
-				reportIcon: '', //举报icon url
-				typeMap: {
-					web: '网站类型举报',
-					special: '专项举报',
-					other: '其他类型举报',
-				},
-				rules: {
-					// 手机号验证规则
-					'phone': [
-						{
-							required: true, 
-							message: '请输入手机号',
-							trigger: ['change','blur'],
-						},
-						{
-							// 自定义验证函数
-							validator: (rule, value, callback) => {
-								// 上面有说，返回true表示校验通过，返回false表示不通过
-								// uni.$u.test.mobile()就是返回true或者false的
-								return uni.$u.test.mobile(value);
-							},
-							message: '请输入正确的手机号',
-							// 触发器可以同时用blur和change
-							trigger: ['change','blur'],
-						}
-					],
-					// 举报类型
-					'type': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//信息来源
-					'source': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//网站网址
-					'url': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入网站网址',
-							trigger: ['change','blur'],
-						},
-						{
-							validator: (rule, value, callback) => {
-								return uni.$u.test.url(value);
-							},
-							message: '请输入正确的网址',
-							trigger: ['change','blur'],
-						}
-					],
-					// 描述
-					'desc': [
-						{
-							type: 'string',
-							required: true,
-							message: '请输入内容描述',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人
-					'publishName': [
-						{
-							type: 'string',
-							required: true,
-							message: '请填写确认密码',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人ID
-					'publishId': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入发布人ID',
-							trigger: ['change','blur'],
-						},
-					],
-					// 发布平台
-					'place': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择发布平台',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 内容截图
-					'picture': [
-						{
-							type: 'array',
-							required: true,
-							message: '请添加内容截图',
-							trigger: ['blur', 'change']
-						},
-					],
-				},
-				reportName: '', //举报人
-				form: {
-					phone: '', //手机号
-					type: '', //举报类型
-					url: '', //网站网址
-					zt: '涉疆扫黑除恶', //专题
-					isNewMedia: false,  //是否是新媒体
-					desc: '', //内容描述
-					publishName: '', //发布人
-					publishId: '', //发布人id
-					place: '', //发布平台
-					picture: [], //内容截图
-					source: '', //信息来源
-					affix: [], //附件
-				},
-				typeShow: false, //控制举报类型显隐
-				reportTypeColumns: [[  //举报类型
-					{
-						id: 'sldrl',
-						label: '涉领导人类'
-					},
-					{
-						id: 'sdjzl',
-						label: '涉党军政类'
-					},
-					{
-						id: 'sbskl',
-						label: '涉爆涉恐类'
-					},
-					{
-						id: 'mzzjl',
-						label: '民族宗教类'
-					},
-					{
-						id: 'zjzcl',
-						label: '治疆政策类'
-					},
-					{
-						id: 'sjasjl',
-						label: '涉疆案（事）件类'
-					},
-					{
-						id: 'ggaql',
-						label: '公共安全类'
-					},
-					{
-						id: 'zzrsl',
-						label: '组织人事类'
-					},
-					{
-						id: 'shmsl',
-						label: '社会民生类'
-					},
-					{
-						id: 'qtl',
-						label: '其他类'
-					},
-				]],
-				placeShow: false, //控制发布平台显隐
-				placeColumns: [ //发布平台第一列数据
-					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
-					['新浪微博', '腾讯微博'],
-				],
-				placeColumnsData: [ //发布平台第二列数据
-					['新浪微博', '腾讯微博'],
-					['微信公众号', 'QQ空间、群', '微信个人号'],
-					['贴吧', '普通网站', '天涯', '凯迪'],
-					['新浪博客', '腾讯博客'],
-					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
-					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
-					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
-					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
-				],
-				infoSourceColumns: [[
-					{
-						id: 'chart',
-						label: '聊天工具'
-					},
-					{
-						id: 'APP',
-						label: '移动APP'
-					},
-					{
-						id: 'wp',
-						label: '网盘'
-					},
-					{
-						id: 'ssyq',
-						label: '搜索引擎'
-					},
-					{
-						id: 'other',
-						label: '其他'
-					},
-				]],
-				infoSourceShow: false, //控制举报类型显隐
-			}
-		},
-		mounted() {
-			this.reportType = getLocationParams('reportType');
-			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
-			console.log(this.reportIcon)
-			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
-		},
-		onReady() {
-			this.showMessage = true; //显示举报须知
-			this.$refs.form.setRules(this.rules);
-		},
-		methods: {
-			//点击选择器取消按钮
-			cancle() {
-				this.typeShow = false;
-				this.placeShow = false;
-				this.infoSourceShow = false;
-			},
-			//多列联动
-			changeHandler(e) {
-				const {
-						columnIndex,
-						value,
-						values, // values为当前变化列的数组内容
-						index,
-						// 微信小程序无法将picker实例传出来，只能通过ref操作
-						picker = this.$refs.uPicker
-				} = e
-				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
-				if (columnIndex === 0) {
-					// picker为选择器this实例，变化第二列对应的选项
-					picker.setColumnValues(1, this.placeColumnsData[index])
-				}
-			},
-			//确定举报类型
-			confirmReportType(val) {
-				this.cancle();
-				this.form.type = val.value[0].label;
-				console.log(val.value[0].label)
-			},
-			//确定发布平台
-			confirmPlace(val) {
-				this.cancle();
-				this.form.place = val.value[1];
-				console.log(val.value[1])
-			},
-			//确定选择信息来源
-			confirmInfoSource(val) {
-				this.cancle();
-				this.form.source = val.value[0].label;
-			},
-			// 删除图片
-			deletePic(event) {
-				this.form.picture.splice(event.index, 1)
-			},
-			// 新增图片
-			async afterRead(event) {
-				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-				let lists = [].concat(event.file)
-				let fileListLen = this.form.picture.length
-				lists.map((item) => {
-					this.form.picture.push({
-						...item,
-						status: 'uploading',
-						message: '上传中'
-					})
-				})
-				for (let i = 0; i < lists.length; i++) {
-					const result = await this.uploadFilePromise(lists[i].url)
-					let item = this.form.picture[fileListLen]
-					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
-						status: 'success',
-						message: '',
-						url: result
-					}))
-					fileListLen++
-				}
-			},
-			uploadFilePromise(url) {
-				return new Promise((resolve, reject) => {
-					let a = wx.uploadFile({
-						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
-						filePath: url,
-						name: 'file',
-						formData: {
-							//图片张数
-							// 'length': 上边的filelist.length
-						},
-						header: {
-							"Content-Type": "multipart/form-data"
-						},
-						success: (res) => {
-							setTimeout(() => {
-								resolve(res.data.data)
-							}, 1000)
-						}
-					});
-				})
-			},
-			//点击举报
-			submit() {
-				if(this.form.reportName === '') {
-					wx.showToast({
-					  title: '请先注册',
-					  icon: 'none',
-					  duration: 2000
-					})
-					setTimeout(() => {
-						wx.navigateTo({
-							url: '/packageA/pages/register/register'
-						})
-					}, 2000)
-				} else {
-					this.$refs.form.validate().then(res => {
-						uni.$u.toast('举报成功')
-						wx.navigateTo({
-							url: '/packageA/pages/myReport/myReport'
-						})
-					}).catch(errors => {
-						uni.$u.toast('校验失败')
-					})
-				}
-			},
-			//点击重置
-			reset() {
-				for(let key in this.form) {
-					if(key !== 'zt') {
-						let type = typeof this.form[key];
-						if(type === 'string') {
-							this.form[key] = '';
-						} else if(type === 'object') {
-							this.form[key] = []
-						} else if(type === 'boolean') {
-							this.form[key] = false
-						}
-					}
-				}
-				this.$refs.affix.clearFiles();  //清除附件
-			},
-			//提醒禁止修改举报人
-			message(val) {
-				wx.showToast({
-				  title: `不允许修改${val}`,
-				  icon: 'none',
-				  duration: 2000
-				})
-			},
-			//拒绝举报须知
-			refuse(val) {
-				wx.switchTab({
-					url: '/pages/center/center'
-				})
-			},
-			close(val) {
-				this.showMessage = val;
-			},
-			//附件上传
-			affixUpload(val) {
-				console.log('------', val)
-				wx.uploadFile({
-					url: '你的接口地址',
-					filePath: tempFilePaths[0].path,
-					name: "file",
-					formData: {
-						token: '123', // 这里是传给后端的参数
-					},
-					success: (res) => {
-						const req = JSON.parse(res.data);
-						alert(req.msg);
-					},
-					fail: (err) => {
-						console.log("出错了");
-						console.log(err);
-						alert("上传失败");
-					},
-				});　
-				// wx.chooseMessageFile({
-				// 	count: 1,
-				// 	success: (res) => {
-				// 		const tempFilePaths = res.tempFiles;
-				// 		console.log('上传的文件', tempFilePaths)
-				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
-				// 			wx.showToast({
-				// 			  title: `文件不允许大于50M`,
-				// 			  icon: 'none',
-				// 			  duration: 3000
-				// 			})
-				// 		} else {
-				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
-				// 			console.log(isPass)
-				// 			if(!isPass) {
-				// 				wx.showToast({
-				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
-				// 				  icon: 'none',
-				// 				  duration: 5000
-				// 				})
-				// 			} else {
-				// 				wx.uploadFile({
-				// 					url: '你的接口地址',
-				// 					filePath: tempFilePaths[0].path,
-				// 					name: "file",
-				// 					formData: {
-				// 						token: '123', // 这里是传给后端的参数
-				// 					},
-				// 					success: (res) => {
-				// 						const req = JSON.parse(res.data);
-				// 						alert(req.msg);
-				// 					},
-				// 					fail: (err) => {
-				// 						console.log("出错了");
-				// 						console.log(err);
-				// 						alert("上传失败");
-				// 					},
-				// 				});　
-				// 			}
-				// 		}
-				// 	},
-				// });
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.report {
-		box-sizing: border-box;
-		padding-bottom: 60rpx;
-		.title-area {
-			display: flex;
-			align-items: center;
-			padding: 20rpx;
-			background-color: #fff;
-			.title {
-				margin-left: 32rpx;
-				.title-text {
-					font-weight: 600;
-				}
-			}
-		}	
-		.content-area {
-			padding: 20rpx;
-			.content {
-				background-color: #fff;
-				border-radius: 16rpx;
-				padding: 50rpx 20rpx;
-				box-sizing: border-box;
-			}
-		}
-		.button {
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 20rpx;
-			color: #fff;
-			font-weight: 600;
-			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
-			border-radius: 10rpx;
-			margin: 64rpx 0 32rpx 0;
-			white-space: nowrap;
-			box-sizing: border-box;
-			&:active {
-				background-color: #fff;
-				color: #0096e0;
-			}
-		}
-		.button-bottom {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
-			align-items: center;
-			margin-top: 40rpx;
-			.button-left {
-				width: fit-content;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-			}
-			.button-right {
-				width: fit-content;
-				font-weight: 500;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-				color: #0096e0;
-				background-color: #fff;
-				&:active {
-					background-color: #d5e0ea;
-					font-weight: 600;
-				}
-			}
-		}
-	}
-</style>
-
-<style lang="scss">
-	.report {
-		.u-form-item__body {
-			// padding: 40rpx 0 !important;
-		}
-		.u-toolbar__wrapper__confirm {
-			color: #0096e0 !important;
-		}
-		.u-radio {
-			margin-right: 54rpx;
-		}
-		.u-form-item__body__left__content__label {
-			white-space: nowrap;
-			font-weight: 600;
-		}
-		.u-form-item__body__right__content__slot {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-		}
-		.u-input--radius, .u-input--square {
-			background-color: transparent !important;
-		}
-	}
-</style>
\ No newline at end of file

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/messageList/messageList.vue b/packageA/pages/messageList/messageList.vue
index a10e163..8432690 100644
--- a/packageA/pages/messageList/messageList.vue
+++ b/packageA/pages/messageList/messageList.vue
@@ -6,7 +6,7 @@
 				:list="tabList" 
 				:scrollable="false" 
 				:current="currentTab"
-				lineColor="#0096e0"
+				lineColor="#408bf6"
 				lineWidth="50"
 				lineHeight="5"
 				@click="clickTab">
diff --git a/packageA/pages/register/register.vue b/packageA/pages/register/register.vue
index 43fe95c..278e9c3 100644
--- a/packageA/pages/register/register.vue
+++ b/packageA/pages/register/register.vue
@@ -315,15 +315,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -342,7 +342,7 @@
 				font-weight: 500;
 				padding: 20rpx 40rpx;
 				margin-top: 0;
-				color: #0096e0;
+				color: #408bf6;
 				background-color: #fff;
 				&:active {
 					background-color: #d5e0ea;
diff --git a/packageA/pages/report/report.vue b/packageA/pages/report/report.vue
deleted file mode 100644
index 1e04a97..0000000
--- a/packageA/pages/report/report.vue
+++ /dev/null
@@ -1,712 +0,0 @@
-<!-- 发布举报 -->
-<template>
-	<view class="report">
-		<view class="title-area">
-			<image :src="`../${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
-			<view class="title">
-				<text>
-					举报类目：
-				</text>
-				<text class="title-text">{{typeMap[reportType]}}</text>
-			</view>
-		</view>
-		<view class="content-area">
-			<view class="content">
-				<u--form
-					labelPosition="left"
-					:model="form"
-					:rules="rules"
-					labelWidth="100"
-					ref="form">
-					<u-form-item label="举报人" borderBottom @click="message('举报人')">
-						<u--input
-							v-model="reportName"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
-						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
-					</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>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
-						<u--input
-							placeholder="请输入网站网址" 
-							v-model="form.url"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
-						<u--input
-							v-model="form.zt"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
-						<u-radio-group v-model="form.isNewMedia" placement="row">
-							<u-radio activeColor="#0096e0" label="是" :name="true"></u-radio>
-							<u-radio activeColor="#0096e0" label="否" :name="false"></u-radio>
-						</u-radio-group>
-					</u-form-item>
-					
-					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
-						<u--textarea 
-							v-model="form.desc" 
-							placeholder="描述不超过200个字符" 
-							autoHeight 
-							maxlength='200'
-							:showConfirmBar='true'
-						></u--textarea>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人" 
-							v-model="form.publishName"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人ID" 
-							v-model="form.publishId"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
-						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
-					</u-form-item>
-					
-					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
-						<u-upload
-							accep="image"
-							:fileList="form.picture"
-							@afterRead="afterRead"
-							@delete="deletePic"
-							name="1"
-							:deletable="true"
-							:maxCount="10"
-							:previewFullImage="true"
-						></u-upload>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
-						<view>
-							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
-							<uni-file-picker 
-								v-model="form.affix"
-								limit="1" 
-								file-mediatype="all" 
-								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
-								ref="affix"
-								@select="affixUpload"
-							></uni-file-picker>
-						</view>
-		
-					</u-form-item>
-				</u--form>
-			</view>
-		</view>
-		<view class="button-bottom">
-			<view class="button button-left" @click="submit">举 报</view>
-			<view class="button button-right" @click="reset">重 置</view>
-		</view>
-		<!-- 发布平台 -->
-		<u-picker
-			ref="uPicker"
-			:show="placeShow" 
-			:columns="placeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmPlace"
-			@change="changeHandler"
-			immediateChange
-		></u-picker>
-		<!-- 举报类型 -->
-		<u-picker
-			:show="typeShow" 
-			:columns="reportTypeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmReportType"
-		></u-picker>
-		
-		<!-- 信息来源 -->
-		<u-picker
-			:show="infoSourceShow" 
-			:columns="infoSourceColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmInfoSource"
-		></u-picker>
-		
-		<!-- 举报须知 -->
-		<Message
-			:show="showMessage" 
-			title="举报须知" 
-			:content="messageContent" 
-			@close="close"
-			@refuse="refuse"/>
-	</view>
-</template>
-
-<script>
-	import { getLocationParams } from '../../../common/utils.js';
-	import Message from '../../../components/base/message.vue';
-	export default {
-		components: {
-			Message
-		},
-		data() {
-			return {
-				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
-				showMessage: false, //举报须知弹窗显隐
-				reportType: '', //举报类型
-				reportIcon: '', //举报icon url
-				typeMap: {
-					web: '网站类型举报',
-					special: '专项举报',
-					other: '其他类型举报',
-				},
-				rules: {
-					// 手机号验证规则
-					'phone': [
-						{
-							required: true, 
-							message: '请输入手机号',
-							trigger: ['change','blur'],
-						},
-						{
-							// 自定义验证函数
-							validator: (rule, value, callback) => {
-								// 上面有说，返回true表示校验通过，返回false表示不通过
-								// uni.$u.test.mobile()就是返回true或者false的
-								return uni.$u.test.mobile(value);
-							},
-							message: '请输入正确的手机号',
-							// 触发器可以同时用blur和change
-							trigger: ['change','blur'],
-						}
-					],
-					// 举报类型
-					'type': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//信息来源
-					'source': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//网站网址
-					'url': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入网站网址',
-							trigger: ['change','blur'],
-						},
-						{
-							validator: (rule, value, callback) => {
-								return uni.$u.test.url(value);
-							},
-							message: '请输入正确的网址',
-							trigger: ['change','blur'],
-						}
-					],
-					// 描述
-					'desc': [
-						{
-							type: 'string',
-							required: true,
-							message: '请输入内容描述',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人
-					'publishName': [
-						{
-							type: 'string',
-							required: true,
-							message: '请填写确认密码',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人ID
-					'publishId': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入发布人ID',
-							trigger: ['change','blur'],
-						},
-					],
-					// 发布平台
-					'place': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择发布平台',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 内容截图
-					'picture': [
-						{
-							type: 'array',
-							required: true,
-							message: '请添加内容截图',
-							trigger: ['blur', 'change']
-						},
-					],
-				},
-				reportName: '', //举报人
-				form: {
-					phone: '', //手机号
-					type: '', //举报类型
-					url: '', //网站网址
-					zt: '涉疆扫黑除恶', //专题
-					isNewMedia: false,  //是否是新媒体
-					desc: '', //内容描述
-					publishName: '', //发布人
-					publishId: '', //发布人id
-					place: '', //发布平台
-					picture: [], //内容截图
-					source: '', //信息来源
-					affix: [], //附件
-				},
-				typeShow: false, //控制举报类型显隐
-				reportTypeColumns: [[  //举报类型
-					{
-						id: 'sldrl',
-						label: '涉领导人类'
-					},
-					{
-						id: 'sdjzl',
-						label: '涉党军政类'
-					},
-					{
-						id: 'sbskl',
-						label: '涉爆涉恐类'
-					},
-					{
-						id: 'mzzjl',
-						label: '民族宗教类'
-					},
-					{
-						id: 'zjzcl',
-						label: '治疆政策类'
-					},
-					{
-						id: 'sjasjl',
-						label: '涉疆案（事）件类'
-					},
-					{
-						id: 'ggaql',
-						label: '公共安全类'
-					},
-					{
-						id: 'zzrsl',
-						label: '组织人事类'
-					},
-					{
-						id: 'shmsl',
-						label: '社会民生类'
-					},
-					{
-						id: 'qtl',
-						label: '其他类'
-					},
-				]],
-				placeShow: false, //控制发布平台显隐
-				placeColumns: [ //发布平台第一列数据
-					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
-					['新浪微博', '腾讯微博'],
-				],
-				placeColumnsData: [ //发布平台第二列数据
-					['新浪微博', '腾讯微博'],
-					['微信公众号', 'QQ空间、群', '微信个人号'],
-					['贴吧', '普通网站', '天涯', '凯迪'],
-					['新浪博客', '腾讯博客'],
-					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
-					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
-					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
-					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
-				],
-				infoSourceColumns: [[
-					{
-						id: 'chart',
-						label: '聊天工具'
-					},
-					{
-						id: 'APP',
-						label: '移动APP'
-					},
-					{
-						id: 'wp',
-						label: '网盘'
-					},
-					{
-						id: 'ssyq',
-						label: '搜索引擎'
-					},
-					{
-						id: 'other',
-						label: '其他'
-					},
-				]],
-				infoSourceShow: false, //控制举报类型显隐
-			}
-		},
-		mounted() {
-			this.reportType = getLocationParams('reportType');
-			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
-			console.log(this.reportIcon)
-			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
-		},
-		onReady() {
-			this.showMessage = true; //显示举报须知
-			this.$refs.form.setRules(this.rules);
-		},
-		methods: {
-			//点击选择器取消按钮
-			cancle() {
-				this.typeShow = false;
-				this.placeShow = false;
-				this.infoSourceShow = false;
-			},
-			//多列联动
-			changeHandler(e) {
-				const {
-						columnIndex,
-						value,
-						values, // values为当前变化列的数组内容
-						index,
-						// 微信小程序无法将picker实例传出来，只能通过ref操作
-						picker = this.$refs.uPicker
-				} = e
-				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
-				if (columnIndex === 0) {
-					// picker为选择器this实例，变化第二列对应的选项
-					picker.setColumnValues(1, this.placeColumnsData[index])
-				}
-			},
-			//确定举报类型
-			confirmReportType(val) {
-				this.cancle();
-				this.form.type = val.value[0].label;
-				console.log(val.value[0].label)
-			},
-			//确定发布平台
-			confirmPlace(val) {
-				this.cancle();
-				this.form.place = val.value[1];
-				console.log(val.value[1])
-			},
-			//确定选择信息来源
-			confirmInfoSource(val) {
-				this.cancle();
-				this.form.source = val.value[0].label;
-			},
-			// 删除图片
-			deletePic(event) {
-				this.form.picture.splice(event.index, 1)
-			},
-			// 新增图片
-			async afterRead(event) {
-				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-				let lists = [].concat(event.file)
-				let fileListLen = this.form.picture.length
-				lists.map((item) => {
-					this.form.picture.push({
-						...item,
-						status: 'uploading',
-						message: '上传中'
-					})
-				})
-				for (let i = 0; i < lists.length; i++) {
-					const result = await this.uploadFilePromise(lists[i].url)
-					let item = this.form.picture[fileListLen]
-					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
-						status: 'success',
-						message: '',
-						url: result
-					}))
-					fileListLen++
-				}
-			},
-			uploadFilePromise(url) {
-				return new Promise((resolve, reject) => {
-					let a = wx.uploadFile({
-						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
-						filePath: url,
-						name: 'file',
-						formData: {
-							//图片张数
-							// 'length': 上边的filelist.length
-						},
-						header: {
-							"Content-Type": "multipart/form-data"
-						},
-						success: (res) => {
-							setTimeout(() => {
-								resolve(res.data.data)
-							}, 1000)
-						}
-					});
-				})
-			},
-			//点击举报
-			submit() {
-				if(this.form.reportName === '') {
-					wx.showToast({
-					  title: '请先注册',
-					  icon: 'none',
-					  duration: 2000
-					})
-					setTimeout(() => {
-						wx.navigateTo({
-							url: '/packageA/pages/register/register'
-						})
-					}, 2000)
-				} else {
-					this.$refs.form.validate().then(res => {
-						uni.$u.toast('举报成功')
-						wx.navigateTo({
-							url: '/packageA/pages/myReport/myReport'
-						})
-					}).catch(errors => {
-						uni.$u.toast('校验失败')
-					})
-				}
-			},
-			//点击重置
-			reset() {
-				for(let key in this.form) {
-					if(key !== 'zt') {
-						let type = typeof this.form[key];
-						if(type === 'string') {
-							this.form[key] = '';
-						} else if(type === 'object') {
-							this.form[key] = []
-						} else if(type === 'boolean') {
-							this.form[key] = false
-						}
-					}
-				}
-				this.$refs.affix.clearFiles();  //清除附件
-			},
-			//提醒禁止修改举报人
-			message(val) {
-				wx.showToast({
-				  title: `不允许修改${val}`,
-				  icon: 'none',
-				  duration: 2000
-				})
-			},
-			//拒绝举报须知
-			refuse(val) {
-				wx.switchTab({
-					url: '/pages/center/center'
-				})
-			},
-			close(val) {
-				this.showMessage = val;
-			},
-			//附件上传
-			affixUpload(val) {
-				console.log('------', val)
-				wx.uploadFile({
-					url: '你的接口地址',
-					filePath: tempFilePaths[0].path,
-					name: "file",
-					formData: {
-						token: '123', // 这里是传给后端的参数
-					},
-					success: (res) => {
-						const req = JSON.parse(res.data);
-						alert(req.msg);
-					},
-					fail: (err) => {
-						console.log("出错了");
-						console.log(err);
-						alert("上传失败");
-					},
-				});　
-				// wx.chooseMessageFile({
-				// 	count: 1,
-				// 	success: (res) => {
-				// 		const tempFilePaths = res.tempFiles;
-				// 		console.log('上传的文件', tempFilePaths)
-				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
-				// 			wx.showToast({
-				// 			  title: `文件不允许大于50M`,
-				// 			  icon: 'none',
-				// 			  duration: 3000
-				// 			})
-				// 		} else {
-				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
-				// 			console.log(isPass)
-				// 			if(!isPass) {
-				// 				wx.showToast({
-				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
-				// 				  icon: 'none',
-				// 				  duration: 5000
-				// 				})
-				// 			} else {
-				// 				wx.uploadFile({
-				// 					url: '你的接口地址',
-				// 					filePath: tempFilePaths[0].path,
-				// 					name: "file",
-				// 					formData: {
-				// 						token: '123', // 这里是传给后端的参数
-				// 					},
-				// 					success: (res) => {
-				// 						const req = JSON.parse(res.data);
-				// 						alert(req.msg);
-				// 					},
-				// 					fail: (err) => {
-				// 						console.log("出错了");
-				// 						console.log(err);
-				// 						alert("上传失败");
-				// 					},
-				// 				});　
-				// 			}
-				// 		}
-				// 	},
-				// });
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.report {
-		box-sizing: border-box;
-		padding-bottom: 60rpx;
-		.title-area {
-			display: flex;
-			align-items: center;
-			padding: 20rpx;
-			background-color: #fff;
-			.title {
-				margin-left: 32rpx;
-				.title-text {
-					font-weight: 600;
-				}
-			}
-		}	
-		.content-area {
-			padding: 20rpx;
-			.content {
-				background-color: #fff;
-				border-radius: 16rpx;
-				padding: 50rpx 20rpx;
-				box-sizing: border-box;
-			}
-		}
-		.button {
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 20rpx;
-			color: #fff;
-			font-weight: 600;
-			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
-			border-radius: 10rpx;
-			margin: 64rpx 0 32rpx 0;
-			white-space: nowrap;
-			box-sizing: border-box;
-			&:active {
-				background-color: #fff;
-				color: #0096e0;
-			}
-		}
-		.button-bottom {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
-			align-items: center;
-			margin-top: 40rpx;
-			.button-left {
-				width: fit-content;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-			}
-			.button-right {
-				width: fit-content;
-				font-weight: 500;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-				color: #0096e0;
-				background-color: #fff;
-				&:active {
-					background-color: #d5e0ea;
-					font-weight: 600;
-				}
-			}
-		}
-	}
-</style>
-
-<style lang="scss">
-	.report {
-		.u-form-item__body {
-			// padding: 40rpx 0 !important;
-		}
-		.u-toolbar__wrapper__confirm {
-			color: #0096e0 !important;
-		}
-		.u-radio {
-			margin-right: 54rpx;
-		}
-		.u-form-item__body__left__content__label {
-			white-space: nowrap;
-			font-weight: 600;
-		}
-		.u-form-item__body__right__content__slot {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-		}
-		.u-input--radius, .u-input--square {
-			background-color: transparent !important;
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
new file mode 100644
index 0000000..3986ff0
--- /dev/null
+++ b/packageB/center/center.vue
@@ -0,0 +1,121 @@
+<!-- 举报中心 -->
+<template>
+	<view class="center">
+		<image src="../../static/index/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="content">
+			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon)">
+				<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>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'center',
+		components: {
+		},
+		data() {
+			return {
+				tabList: [
+					{
+						id: 'web',
+						title: '网站类型举报',
+						dec: '网站地址',
+						icon: '../../static/center/web.png',
+						span: '6',
+						style: 'width: 52px;height: 60px;'
+					},
+					{
+						id: 'special',
+						title: '专项举报',
+						dec: '扫黑除恶专题举报',
+						icon: '../../static/center/special.png',
+						span: '6',
+						style: 'width: 52px;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)
+				wx.navigateTo({
+					url: `/packageB/report/report?reportType=${val}&icon=` + encodeURIComponent(icon)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.center {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		padding: 40rpx;
+		padding-top: 380rpx;
+		box-sizing: border-box;
+		.center-title {
+			position: absolute;
+			top: 40rpx;
+			left: 40rpx;
+			color: #fff;
+			font-size: 48rpx;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+		}
+		.content {
+			display: flex;
+			flex-direction: column;
+			background-color: #fff;
+			border-radius: 16rpx;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.content-main {
+				display: flex;
+				align-items: center;
+				background: red;
+				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
+				margin-top: 40rpx;
+				padding: 20rpx;
+				padding-left: 60rpx;
+				border-radius: 20rpx;
+				color: #fff;
+				.text-area {
+					flex: 1;
+					margin-left: 40rpx;
+					text-align: center;
+					font-weight: 600;
+					&:last-child {
+						margin-left: 32rpx;
+					}
+					.content-title {
+						margin-right: 20rpx;
+					}
+				}
+				
+			}
+		}
+	}
+</style>
+<style lang="scss">
+	.center {
+		.u-icon__icon {
+			margin-right: -20rpx;
+		}
+	}
+</style>

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/messageList/messageList.vue b/packageA/pages/messageList/messageList.vue
index a10e163..8432690 100644
--- a/packageA/pages/messageList/messageList.vue
+++ b/packageA/pages/messageList/messageList.vue
@@ -6,7 +6,7 @@
 				:list="tabList" 
 				:scrollable="false" 
 				:current="currentTab"
-				lineColor="#0096e0"
+				lineColor="#408bf6"
 				lineWidth="50"
 				lineHeight="5"
 				@click="clickTab">
diff --git a/packageA/pages/register/register.vue b/packageA/pages/register/register.vue
index 43fe95c..278e9c3 100644
--- a/packageA/pages/register/register.vue
+++ b/packageA/pages/register/register.vue
@@ -315,15 +315,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -342,7 +342,7 @@
 				font-weight: 500;
 				padding: 20rpx 40rpx;
 				margin-top: 0;
-				color: #0096e0;
+				color: #408bf6;
 				background-color: #fff;
 				&:active {
 					background-color: #d5e0ea;
diff --git a/packageA/pages/report/report.vue b/packageA/pages/report/report.vue
deleted file mode 100644
index 1e04a97..0000000
--- a/packageA/pages/report/report.vue
+++ /dev/null
@@ -1,712 +0,0 @@
-<!-- 发布举报 -->
-<template>
-	<view class="report">
-		<view class="title-area">
-			<image :src="`../${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
-			<view class="title">
-				<text>
-					举报类目：
-				</text>
-				<text class="title-text">{{typeMap[reportType]}}</text>
-			</view>
-		</view>
-		<view class="content-area">
-			<view class="content">
-				<u--form
-					labelPosition="left"
-					:model="form"
-					:rules="rules"
-					labelWidth="100"
-					ref="form">
-					<u-form-item label="举报人" borderBottom @click="message('举报人')">
-						<u--input
-							v-model="reportName"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
-						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
-					</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>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
-						<u--input
-							placeholder="请输入网站网址" 
-							v-model="form.url"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
-						<u--input
-							v-model="form.zt"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
-						<u-radio-group v-model="form.isNewMedia" placement="row">
-							<u-radio activeColor="#0096e0" label="是" :name="true"></u-radio>
-							<u-radio activeColor="#0096e0" label="否" :name="false"></u-radio>
-						</u-radio-group>
-					</u-form-item>
-					
-					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
-						<u--textarea 
-							v-model="form.desc" 
-							placeholder="描述不超过200个字符" 
-							autoHeight 
-							maxlength='200'
-							:showConfirmBar='true'
-						></u--textarea>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人" 
-							v-model="form.publishName"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人ID" 
-							v-model="form.publishId"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
-						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
-					</u-form-item>
-					
-					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
-						<u-upload
-							accep="image"
-							:fileList="form.picture"
-							@afterRead="afterRead"
-							@delete="deletePic"
-							name="1"
-							:deletable="true"
-							:maxCount="10"
-							:previewFullImage="true"
-						></u-upload>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
-						<view>
-							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
-							<uni-file-picker 
-								v-model="form.affix"
-								limit="1" 
-								file-mediatype="all" 
-								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
-								ref="affix"
-								@select="affixUpload"
-							></uni-file-picker>
-						</view>
-		
-					</u-form-item>
-				</u--form>
-			</view>
-		</view>
-		<view class="button-bottom">
-			<view class="button button-left" @click="submit">举 报</view>
-			<view class="button button-right" @click="reset">重 置</view>
-		</view>
-		<!-- 发布平台 -->
-		<u-picker
-			ref="uPicker"
-			:show="placeShow" 
-			:columns="placeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmPlace"
-			@change="changeHandler"
-			immediateChange
-		></u-picker>
-		<!-- 举报类型 -->
-		<u-picker
-			:show="typeShow" 
-			:columns="reportTypeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmReportType"
-		></u-picker>
-		
-		<!-- 信息来源 -->
-		<u-picker
-			:show="infoSourceShow" 
-			:columns="infoSourceColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmInfoSource"
-		></u-picker>
-		
-		<!-- 举报须知 -->
-		<Message
-			:show="showMessage" 
-			title="举报须知" 
-			:content="messageContent" 
-			@close="close"
-			@refuse="refuse"/>
-	</view>
-</template>
-
-<script>
-	import { getLocationParams } from '../../../common/utils.js';
-	import Message from '../../../components/base/message.vue';
-	export default {
-		components: {
-			Message
-		},
-		data() {
-			return {
-				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
-				showMessage: false, //举报须知弹窗显隐
-				reportType: '', //举报类型
-				reportIcon: '', //举报icon url
-				typeMap: {
-					web: '网站类型举报',
-					special: '专项举报',
-					other: '其他类型举报',
-				},
-				rules: {
-					// 手机号验证规则
-					'phone': [
-						{
-							required: true, 
-							message: '请输入手机号',
-							trigger: ['change','blur'],
-						},
-						{
-							// 自定义验证函数
-							validator: (rule, value, callback) => {
-								// 上面有说，返回true表示校验通过，返回false表示不通过
-								// uni.$u.test.mobile()就是返回true或者false的
-								return uni.$u.test.mobile(value);
-							},
-							message: '请输入正确的手机号',
-							// 触发器可以同时用blur和change
-							trigger: ['change','blur'],
-						}
-					],
-					// 举报类型
-					'type': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//信息来源
-					'source': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//网站网址
-					'url': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入网站网址',
-							trigger: ['change','blur'],
-						},
-						{
-							validator: (rule, value, callback) => {
-								return uni.$u.test.url(value);
-							},
-							message: '请输入正确的网址',
-							trigger: ['change','blur'],
-						}
-					],
-					// 描述
-					'desc': [
-						{
-							type: 'string',
-							required: true,
-							message: '请输入内容描述',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人
-					'publishName': [
-						{
-							type: 'string',
-							required: true,
-							message: '请填写确认密码',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人ID
-					'publishId': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入发布人ID',
-							trigger: ['change','blur'],
-						},
-					],
-					// 发布平台
-					'place': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择发布平台',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 内容截图
-					'picture': [
-						{
-							type: 'array',
-							required: true,
-							message: '请添加内容截图',
-							trigger: ['blur', 'change']
-						},
-					],
-				},
-				reportName: '', //举报人
-				form: {
-					phone: '', //手机号
-					type: '', //举报类型
-					url: '', //网站网址
-					zt: '涉疆扫黑除恶', //专题
-					isNewMedia: false,  //是否是新媒体
-					desc: '', //内容描述
-					publishName: '', //发布人
-					publishId: '', //发布人id
-					place: '', //发布平台
-					picture: [], //内容截图
-					source: '', //信息来源
-					affix: [], //附件
-				},
-				typeShow: false, //控制举报类型显隐
-				reportTypeColumns: [[  //举报类型
-					{
-						id: 'sldrl',
-						label: '涉领导人类'
-					},
-					{
-						id: 'sdjzl',
-						label: '涉党军政类'
-					},
-					{
-						id: 'sbskl',
-						label: '涉爆涉恐类'
-					},
-					{
-						id: 'mzzjl',
-						label: '民族宗教类'
-					},
-					{
-						id: 'zjzcl',
-						label: '治疆政策类'
-					},
-					{
-						id: 'sjasjl',
-						label: '涉疆案（事）件类'
-					},
-					{
-						id: 'ggaql',
-						label: '公共安全类'
-					},
-					{
-						id: 'zzrsl',
-						label: '组织人事类'
-					},
-					{
-						id: 'shmsl',
-						label: '社会民生类'
-					},
-					{
-						id: 'qtl',
-						label: '其他类'
-					},
-				]],
-				placeShow: false, //控制发布平台显隐
-				placeColumns: [ //发布平台第一列数据
-					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
-					['新浪微博', '腾讯微博'],
-				],
-				placeColumnsData: [ //发布平台第二列数据
-					['新浪微博', '腾讯微博'],
-					['微信公众号', 'QQ空间、群', '微信个人号'],
-					['贴吧', '普通网站', '天涯', '凯迪'],
-					['新浪博客', '腾讯博客'],
-					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
-					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
-					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
-					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
-				],
-				infoSourceColumns: [[
-					{
-						id: 'chart',
-						label: '聊天工具'
-					},
-					{
-						id: 'APP',
-						label: '移动APP'
-					},
-					{
-						id: 'wp',
-						label: '网盘'
-					},
-					{
-						id: 'ssyq',
-						label: '搜索引擎'
-					},
-					{
-						id: 'other',
-						label: '其他'
-					},
-				]],
-				infoSourceShow: false, //控制举报类型显隐
-			}
-		},
-		mounted() {
-			this.reportType = getLocationParams('reportType');
-			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
-			console.log(this.reportIcon)
-			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
-		},
-		onReady() {
-			this.showMessage = true; //显示举报须知
-			this.$refs.form.setRules(this.rules);
-		},
-		methods: {
-			//点击选择器取消按钮
-			cancle() {
-				this.typeShow = false;
-				this.placeShow = false;
-				this.infoSourceShow = false;
-			},
-			//多列联动
-			changeHandler(e) {
-				const {
-						columnIndex,
-						value,
-						values, // values为当前变化列的数组内容
-						index,
-						// 微信小程序无法将picker实例传出来，只能通过ref操作
-						picker = this.$refs.uPicker
-				} = e
-				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
-				if (columnIndex === 0) {
-					// picker为选择器this实例，变化第二列对应的选项
-					picker.setColumnValues(1, this.placeColumnsData[index])
-				}
-			},
-			//确定举报类型
-			confirmReportType(val) {
-				this.cancle();
-				this.form.type = val.value[0].label;
-				console.log(val.value[0].label)
-			},
-			//确定发布平台
-			confirmPlace(val) {
-				this.cancle();
-				this.form.place = val.value[1];
-				console.log(val.value[1])
-			},
-			//确定选择信息来源
-			confirmInfoSource(val) {
-				this.cancle();
-				this.form.source = val.value[0].label;
-			},
-			// 删除图片
-			deletePic(event) {
-				this.form.picture.splice(event.index, 1)
-			},
-			// 新增图片
-			async afterRead(event) {
-				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-				let lists = [].concat(event.file)
-				let fileListLen = this.form.picture.length
-				lists.map((item) => {
-					this.form.picture.push({
-						...item,
-						status: 'uploading',
-						message: '上传中'
-					})
-				})
-				for (let i = 0; i < lists.length; i++) {
-					const result = await this.uploadFilePromise(lists[i].url)
-					let item = this.form.picture[fileListLen]
-					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
-						status: 'success',
-						message: '',
-						url: result
-					}))
-					fileListLen++
-				}
-			},
-			uploadFilePromise(url) {
-				return new Promise((resolve, reject) => {
-					let a = wx.uploadFile({
-						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
-						filePath: url,
-						name: 'file',
-						formData: {
-							//图片张数
-							// 'length': 上边的filelist.length
-						},
-						header: {
-							"Content-Type": "multipart/form-data"
-						},
-						success: (res) => {
-							setTimeout(() => {
-								resolve(res.data.data)
-							}, 1000)
-						}
-					});
-				})
-			},
-			//点击举报
-			submit() {
-				if(this.form.reportName === '') {
-					wx.showToast({
-					  title: '请先注册',
-					  icon: 'none',
-					  duration: 2000
-					})
-					setTimeout(() => {
-						wx.navigateTo({
-							url: '/packageA/pages/register/register'
-						})
-					}, 2000)
-				} else {
-					this.$refs.form.validate().then(res => {
-						uni.$u.toast('举报成功')
-						wx.navigateTo({
-							url: '/packageA/pages/myReport/myReport'
-						})
-					}).catch(errors => {
-						uni.$u.toast('校验失败')
-					})
-				}
-			},
-			//点击重置
-			reset() {
-				for(let key in this.form) {
-					if(key !== 'zt') {
-						let type = typeof this.form[key];
-						if(type === 'string') {
-							this.form[key] = '';
-						} else if(type === 'object') {
-							this.form[key] = []
-						} else if(type === 'boolean') {
-							this.form[key] = false
-						}
-					}
-				}
-				this.$refs.affix.clearFiles();  //清除附件
-			},
-			//提醒禁止修改举报人
-			message(val) {
-				wx.showToast({
-				  title: `不允许修改${val}`,
-				  icon: 'none',
-				  duration: 2000
-				})
-			},
-			//拒绝举报须知
-			refuse(val) {
-				wx.switchTab({
-					url: '/pages/center/center'
-				})
-			},
-			close(val) {
-				this.showMessage = val;
-			},
-			//附件上传
-			affixUpload(val) {
-				console.log('------', val)
-				wx.uploadFile({
-					url: '你的接口地址',
-					filePath: tempFilePaths[0].path,
-					name: "file",
-					formData: {
-						token: '123', // 这里是传给后端的参数
-					},
-					success: (res) => {
-						const req = JSON.parse(res.data);
-						alert(req.msg);
-					},
-					fail: (err) => {
-						console.log("出错了");
-						console.log(err);
-						alert("上传失败");
-					},
-				});　
-				// wx.chooseMessageFile({
-				// 	count: 1,
-				// 	success: (res) => {
-				// 		const tempFilePaths = res.tempFiles;
-				// 		console.log('上传的文件', tempFilePaths)
-				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
-				// 			wx.showToast({
-				// 			  title: `文件不允许大于50M`,
-				// 			  icon: 'none',
-				// 			  duration: 3000
-				// 			})
-				// 		} else {
-				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
-				// 			console.log(isPass)
-				// 			if(!isPass) {
-				// 				wx.showToast({
-				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
-				// 				  icon: 'none',
-				// 				  duration: 5000
-				// 				})
-				// 			} else {
-				// 				wx.uploadFile({
-				// 					url: '你的接口地址',
-				// 					filePath: tempFilePaths[0].path,
-				// 					name: "file",
-				// 					formData: {
-				// 						token: '123', // 这里是传给后端的参数
-				// 					},
-				// 					success: (res) => {
-				// 						const req = JSON.parse(res.data);
-				// 						alert(req.msg);
-				// 					},
-				// 					fail: (err) => {
-				// 						console.log("出错了");
-				// 						console.log(err);
-				// 						alert("上传失败");
-				// 					},
-				// 				});　
-				// 			}
-				// 		}
-				// 	},
-				// });
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.report {
-		box-sizing: border-box;
-		padding-bottom: 60rpx;
-		.title-area {
-			display: flex;
-			align-items: center;
-			padding: 20rpx;
-			background-color: #fff;
-			.title {
-				margin-left: 32rpx;
-				.title-text {
-					font-weight: 600;
-				}
-			}
-		}	
-		.content-area {
-			padding: 20rpx;
-			.content {
-				background-color: #fff;
-				border-radius: 16rpx;
-				padding: 50rpx 20rpx;
-				box-sizing: border-box;
-			}
-		}
-		.button {
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 20rpx;
-			color: #fff;
-			font-weight: 600;
-			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
-			border-radius: 10rpx;
-			margin: 64rpx 0 32rpx 0;
-			white-space: nowrap;
-			box-sizing: border-box;
-			&:active {
-				background-color: #fff;
-				color: #0096e0;
-			}
-		}
-		.button-bottom {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
-			align-items: center;
-			margin-top: 40rpx;
-			.button-left {
-				width: fit-content;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-			}
-			.button-right {
-				width: fit-content;
-				font-weight: 500;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-				color: #0096e0;
-				background-color: #fff;
-				&:active {
-					background-color: #d5e0ea;
-					font-weight: 600;
-				}
-			}
-		}
-	}
-</style>
-
-<style lang="scss">
-	.report {
-		.u-form-item__body {
-			// padding: 40rpx 0 !important;
-		}
-		.u-toolbar__wrapper__confirm {
-			color: #0096e0 !important;
-		}
-		.u-radio {
-			margin-right: 54rpx;
-		}
-		.u-form-item__body__left__content__label {
-			white-space: nowrap;
-			font-weight: 600;
-		}
-		.u-form-item__body__right__content__slot {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-		}
-		.u-input--radius, .u-input--square {
-			background-color: transparent !important;
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
new file mode 100644
index 0000000..3986ff0
--- /dev/null
+++ b/packageB/center/center.vue
@@ -0,0 +1,121 @@
+<!-- 举报中心 -->
+<template>
+	<view class="center">
+		<image src="../../static/index/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="content">
+			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon)">
+				<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>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'center',
+		components: {
+		},
+		data() {
+			return {
+				tabList: [
+					{
+						id: 'web',
+						title: '网站类型举报',
+						dec: '网站地址',
+						icon: '../../static/center/web.png',
+						span: '6',
+						style: 'width: 52px;height: 60px;'
+					},
+					{
+						id: 'special',
+						title: '专项举报',
+						dec: '扫黑除恶专题举报',
+						icon: '../../static/center/special.png',
+						span: '6',
+						style: 'width: 52px;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)
+				wx.navigateTo({
+					url: `/packageB/report/report?reportType=${val}&icon=` + encodeURIComponent(icon)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.center {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		padding: 40rpx;
+		padding-top: 380rpx;
+		box-sizing: border-box;
+		.center-title {
+			position: absolute;
+			top: 40rpx;
+			left: 40rpx;
+			color: #fff;
+			font-size: 48rpx;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+		}
+		.content {
+			display: flex;
+			flex-direction: column;
+			background-color: #fff;
+			border-radius: 16rpx;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.content-main {
+				display: flex;
+				align-items: center;
+				background: red;
+				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
+				margin-top: 40rpx;
+				padding: 20rpx;
+				padding-left: 60rpx;
+				border-radius: 20rpx;
+				color: #fff;
+				.text-area {
+					flex: 1;
+					margin-left: 40rpx;
+					text-align: center;
+					font-weight: 600;
+					&:last-child {
+						margin-left: 32rpx;
+					}
+					.content-title {
+						margin-right: 20rpx;
+					}
+				}
+				
+			}
+		}
+	}
+</style>
+<style lang="scss">
+	.center {
+		.u-icon__icon {
+			margin-right: -20rpx;
+		}
+	}
+</style>
diff --git a/packageB/guide/guide.vue b/packageB/guide/guide.vue
index 5f2d370..6a031f7 100644
--- a/packageB/guide/guide.vue
+++ b/packageB/guide/guide.vue
@@ -1,7 +1,7 @@
 <!-- 举报指南 -->
 <template>
 	<view class="guide">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
 		<view class="title">遇到互联网违法和不良信息该怎么举报？</view>
 		<view class="time">
 			时间： 2022-08-18 17:42:00  

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/messageList/messageList.vue b/packageA/pages/messageList/messageList.vue
index a10e163..8432690 100644
--- a/packageA/pages/messageList/messageList.vue
+++ b/packageA/pages/messageList/messageList.vue
@@ -6,7 +6,7 @@
 				:list="tabList" 
 				:scrollable="false" 
 				:current="currentTab"
-				lineColor="#0096e0"
+				lineColor="#408bf6"
 				lineWidth="50"
 				lineHeight="5"
 				@click="clickTab">
diff --git a/packageA/pages/register/register.vue b/packageA/pages/register/register.vue
index 43fe95c..278e9c3 100644
--- a/packageA/pages/register/register.vue
+++ b/packageA/pages/register/register.vue
@@ -315,15 +315,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -342,7 +342,7 @@
 				font-weight: 500;
 				padding: 20rpx 40rpx;
 				margin-top: 0;
-				color: #0096e0;
+				color: #408bf6;
 				background-color: #fff;
 				&:active {
 					background-color: #d5e0ea;
diff --git a/packageA/pages/report/report.vue b/packageA/pages/report/report.vue
deleted file mode 100644
index 1e04a97..0000000
--- a/packageA/pages/report/report.vue
+++ /dev/null
@@ -1,712 +0,0 @@
-<!-- 发布举报 -->
-<template>
-	<view class="report">
-		<view class="title-area">
-			<image :src="`../${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
-			<view class="title">
-				<text>
-					举报类目：
-				</text>
-				<text class="title-text">{{typeMap[reportType]}}</text>
-			</view>
-		</view>
-		<view class="content-area">
-			<view class="content">
-				<u--form
-					labelPosition="left"
-					:model="form"
-					:rules="rules"
-					labelWidth="100"
-					ref="form">
-					<u-form-item label="举报人" borderBottom @click="message('举报人')">
-						<u--input
-							v-model="reportName"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
-						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
-					</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>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
-						<u--input
-							placeholder="请输入网站网址" 
-							v-model="form.url"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
-						<u--input
-							v-model="form.zt"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
-						<u-radio-group v-model="form.isNewMedia" placement="row">
-							<u-radio activeColor="#0096e0" label="是" :name="true"></u-radio>
-							<u-radio activeColor="#0096e0" label="否" :name="false"></u-radio>
-						</u-radio-group>
-					</u-form-item>
-					
-					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
-						<u--textarea 
-							v-model="form.desc" 
-							placeholder="描述不超过200个字符" 
-							autoHeight 
-							maxlength='200'
-							:showConfirmBar='true'
-						></u--textarea>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人" 
-							v-model="form.publishName"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人ID" 
-							v-model="form.publishId"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
-						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
-					</u-form-item>
-					
-					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
-						<u-upload
-							accep="image"
-							:fileList="form.picture"
-							@afterRead="afterRead"
-							@delete="deletePic"
-							name="1"
-							:deletable="true"
-							:maxCount="10"
-							:previewFullImage="true"
-						></u-upload>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
-						<view>
-							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
-							<uni-file-picker 
-								v-model="form.affix"
-								limit="1" 
-								file-mediatype="all" 
-								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
-								ref="affix"
-								@select="affixUpload"
-							></uni-file-picker>
-						</view>
-		
-					</u-form-item>
-				</u--form>
-			</view>
-		</view>
-		<view class="button-bottom">
-			<view class="button button-left" @click="submit">举 报</view>
-			<view class="button button-right" @click="reset">重 置</view>
-		</view>
-		<!-- 发布平台 -->
-		<u-picker
-			ref="uPicker"
-			:show="placeShow" 
-			:columns="placeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmPlace"
-			@change="changeHandler"
-			immediateChange
-		></u-picker>
-		<!-- 举报类型 -->
-		<u-picker
-			:show="typeShow" 
-			:columns="reportTypeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmReportType"
-		></u-picker>
-		
-		<!-- 信息来源 -->
-		<u-picker
-			:show="infoSourceShow" 
-			:columns="infoSourceColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmInfoSource"
-		></u-picker>
-		
-		<!-- 举报须知 -->
-		<Message
-			:show="showMessage" 
-			title="举报须知" 
-			:content="messageContent" 
-			@close="close"
-			@refuse="refuse"/>
-	</view>
-</template>
-
-<script>
-	import { getLocationParams } from '../../../common/utils.js';
-	import Message from '../../../components/base/message.vue';
-	export default {
-		components: {
-			Message
-		},
-		data() {
-			return {
-				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
-				showMessage: false, //举报须知弹窗显隐
-				reportType: '', //举报类型
-				reportIcon: '', //举报icon url
-				typeMap: {
-					web: '网站类型举报',
-					special: '专项举报',
-					other: '其他类型举报',
-				},
-				rules: {
-					// 手机号验证规则
-					'phone': [
-						{
-							required: true, 
-							message: '请输入手机号',
-							trigger: ['change','blur'],
-						},
-						{
-							// 自定义验证函数
-							validator: (rule, value, callback) => {
-								// 上面有说，返回true表示校验通过，返回false表示不通过
-								// uni.$u.test.mobile()就是返回true或者false的
-								return uni.$u.test.mobile(value);
-							},
-							message: '请输入正确的手机号',
-							// 触发器可以同时用blur和change
-							trigger: ['change','blur'],
-						}
-					],
-					// 举报类型
-					'type': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//信息来源
-					'source': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//网站网址
-					'url': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入网站网址',
-							trigger: ['change','blur'],
-						},
-						{
-							validator: (rule, value, callback) => {
-								return uni.$u.test.url(value);
-							},
-							message: '请输入正确的网址',
-							trigger: ['change','blur'],
-						}
-					],
-					// 描述
-					'desc': [
-						{
-							type: 'string',
-							required: true,
-							message: '请输入内容描述',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人
-					'publishName': [
-						{
-							type: 'string',
-							required: true,
-							message: '请填写确认密码',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人ID
-					'publishId': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入发布人ID',
-							trigger: ['change','blur'],
-						},
-					],
-					// 发布平台
-					'place': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择发布平台',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 内容截图
-					'picture': [
-						{
-							type: 'array',
-							required: true,
-							message: '请添加内容截图',
-							trigger: ['blur', 'change']
-						},
-					],
-				},
-				reportName: '', //举报人
-				form: {
-					phone: '', //手机号
-					type: '', //举报类型
-					url: '', //网站网址
-					zt: '涉疆扫黑除恶', //专题
-					isNewMedia: false,  //是否是新媒体
-					desc: '', //内容描述
-					publishName: '', //发布人
-					publishId: '', //发布人id
-					place: '', //发布平台
-					picture: [], //内容截图
-					source: '', //信息来源
-					affix: [], //附件
-				},
-				typeShow: false, //控制举报类型显隐
-				reportTypeColumns: [[  //举报类型
-					{
-						id: 'sldrl',
-						label: '涉领导人类'
-					},
-					{
-						id: 'sdjzl',
-						label: '涉党军政类'
-					},
-					{
-						id: 'sbskl',
-						label: '涉爆涉恐类'
-					},
-					{
-						id: 'mzzjl',
-						label: '民族宗教类'
-					},
-					{
-						id: 'zjzcl',
-						label: '治疆政策类'
-					},
-					{
-						id: 'sjasjl',
-						label: '涉疆案（事）件类'
-					},
-					{
-						id: 'ggaql',
-						label: '公共安全类'
-					},
-					{
-						id: 'zzrsl',
-						label: '组织人事类'
-					},
-					{
-						id: 'shmsl',
-						label: '社会民生类'
-					},
-					{
-						id: 'qtl',
-						label: '其他类'
-					},
-				]],
-				placeShow: false, //控制发布平台显隐
-				placeColumns: [ //发布平台第一列数据
-					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
-					['新浪微博', '腾讯微博'],
-				],
-				placeColumnsData: [ //发布平台第二列数据
-					['新浪微博', '腾讯微博'],
-					['微信公众号', 'QQ空间、群', '微信个人号'],
-					['贴吧', '普通网站', '天涯', '凯迪'],
-					['新浪博客', '腾讯博客'],
-					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
-					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
-					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
-					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
-				],
-				infoSourceColumns: [[
-					{
-						id: 'chart',
-						label: '聊天工具'
-					},
-					{
-						id: 'APP',
-						label: '移动APP'
-					},
-					{
-						id: 'wp',
-						label: '网盘'
-					},
-					{
-						id: 'ssyq',
-						label: '搜索引擎'
-					},
-					{
-						id: 'other',
-						label: '其他'
-					},
-				]],
-				infoSourceShow: false, //控制举报类型显隐
-			}
-		},
-		mounted() {
-			this.reportType = getLocationParams('reportType');
-			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
-			console.log(this.reportIcon)
-			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
-		},
-		onReady() {
-			this.showMessage = true; //显示举报须知
-			this.$refs.form.setRules(this.rules);
-		},
-		methods: {
-			//点击选择器取消按钮
-			cancle() {
-				this.typeShow = false;
-				this.placeShow = false;
-				this.infoSourceShow = false;
-			},
-			//多列联动
-			changeHandler(e) {
-				const {
-						columnIndex,
-						value,
-						values, // values为当前变化列的数组内容
-						index,
-						// 微信小程序无法将picker实例传出来，只能通过ref操作
-						picker = this.$refs.uPicker
-				} = e
-				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
-				if (columnIndex === 0) {
-					// picker为选择器this实例，变化第二列对应的选项
-					picker.setColumnValues(1, this.placeColumnsData[index])
-				}
-			},
-			//确定举报类型
-			confirmReportType(val) {
-				this.cancle();
-				this.form.type = val.value[0].label;
-				console.log(val.value[0].label)
-			},
-			//确定发布平台
-			confirmPlace(val) {
-				this.cancle();
-				this.form.place = val.value[1];
-				console.log(val.value[1])
-			},
-			//确定选择信息来源
-			confirmInfoSource(val) {
-				this.cancle();
-				this.form.source = val.value[0].label;
-			},
-			// 删除图片
-			deletePic(event) {
-				this.form.picture.splice(event.index, 1)
-			},
-			// 新增图片
-			async afterRead(event) {
-				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-				let lists = [].concat(event.file)
-				let fileListLen = this.form.picture.length
-				lists.map((item) => {
-					this.form.picture.push({
-						...item,
-						status: 'uploading',
-						message: '上传中'
-					})
-				})
-				for (let i = 0; i < lists.length; i++) {
-					const result = await this.uploadFilePromise(lists[i].url)
-					let item = this.form.picture[fileListLen]
-					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
-						status: 'success',
-						message: '',
-						url: result
-					}))
-					fileListLen++
-				}
-			},
-			uploadFilePromise(url) {
-				return new Promise((resolve, reject) => {
-					let a = wx.uploadFile({
-						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
-						filePath: url,
-						name: 'file',
-						formData: {
-							//图片张数
-							// 'length': 上边的filelist.length
-						},
-						header: {
-							"Content-Type": "multipart/form-data"
-						},
-						success: (res) => {
-							setTimeout(() => {
-								resolve(res.data.data)
-							}, 1000)
-						}
-					});
-				})
-			},
-			//点击举报
-			submit() {
-				if(this.form.reportName === '') {
-					wx.showToast({
-					  title: '请先注册',
-					  icon: 'none',
-					  duration: 2000
-					})
-					setTimeout(() => {
-						wx.navigateTo({
-							url: '/packageA/pages/register/register'
-						})
-					}, 2000)
-				} else {
-					this.$refs.form.validate().then(res => {
-						uni.$u.toast('举报成功')
-						wx.navigateTo({
-							url: '/packageA/pages/myReport/myReport'
-						})
-					}).catch(errors => {
-						uni.$u.toast('校验失败')
-					})
-				}
-			},
-			//点击重置
-			reset() {
-				for(let key in this.form) {
-					if(key !== 'zt') {
-						let type = typeof this.form[key];
-						if(type === 'string') {
-							this.form[key] = '';
-						} else if(type === 'object') {
-							this.form[key] = []
-						} else if(type === 'boolean') {
-							this.form[key] = false
-						}
-					}
-				}
-				this.$refs.affix.clearFiles();  //清除附件
-			},
-			//提醒禁止修改举报人
-			message(val) {
-				wx.showToast({
-				  title: `不允许修改${val}`,
-				  icon: 'none',
-				  duration: 2000
-				})
-			},
-			//拒绝举报须知
-			refuse(val) {
-				wx.switchTab({
-					url: '/pages/center/center'
-				})
-			},
-			close(val) {
-				this.showMessage = val;
-			},
-			//附件上传
-			affixUpload(val) {
-				console.log('------', val)
-				wx.uploadFile({
-					url: '你的接口地址',
-					filePath: tempFilePaths[0].path,
-					name: "file",
-					formData: {
-						token: '123', // 这里是传给后端的参数
-					},
-					success: (res) => {
-						const req = JSON.parse(res.data);
-						alert(req.msg);
-					},
-					fail: (err) => {
-						console.log("出错了");
-						console.log(err);
-						alert("上传失败");
-					},
-				});　
-				// wx.chooseMessageFile({
-				// 	count: 1,
-				// 	success: (res) => {
-				// 		const tempFilePaths = res.tempFiles;
-				// 		console.log('上传的文件', tempFilePaths)
-				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
-				// 			wx.showToast({
-				// 			  title: `文件不允许大于50M`,
-				// 			  icon: 'none',
-				// 			  duration: 3000
-				// 			})
-				// 		} else {
-				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
-				// 			console.log(isPass)
-				// 			if(!isPass) {
-				// 				wx.showToast({
-				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
-				// 				  icon: 'none',
-				// 				  duration: 5000
-				// 				})
-				// 			} else {
-				// 				wx.uploadFile({
-				// 					url: '你的接口地址',
-				// 					filePath: tempFilePaths[0].path,
-				// 					name: "file",
-				// 					formData: {
-				// 						token: '123', // 这里是传给后端的参数
-				// 					},
-				// 					success: (res) => {
-				// 						const req = JSON.parse(res.data);
-				// 						alert(req.msg);
-				// 					},
-				// 					fail: (err) => {
-				// 						console.log("出错了");
-				// 						console.log(err);
-				// 						alert("上传失败");
-				// 					},
-				// 				});　
-				// 			}
-				// 		}
-				// 	},
-				// });
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.report {
-		box-sizing: border-box;
-		padding-bottom: 60rpx;
-		.title-area {
-			display: flex;
-			align-items: center;
-			padding: 20rpx;
-			background-color: #fff;
-			.title {
-				margin-left: 32rpx;
-				.title-text {
-					font-weight: 600;
-				}
-			}
-		}	
-		.content-area {
-			padding: 20rpx;
-			.content {
-				background-color: #fff;
-				border-radius: 16rpx;
-				padding: 50rpx 20rpx;
-				box-sizing: border-box;
-			}
-		}
-		.button {
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 20rpx;
-			color: #fff;
-			font-weight: 600;
-			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
-			border-radius: 10rpx;
-			margin: 64rpx 0 32rpx 0;
-			white-space: nowrap;
-			box-sizing: border-box;
-			&:active {
-				background-color: #fff;
-				color: #0096e0;
-			}
-		}
-		.button-bottom {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
-			align-items: center;
-			margin-top: 40rpx;
-			.button-left {
-				width: fit-content;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-			}
-			.button-right {
-				width: fit-content;
-				font-weight: 500;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-				color: #0096e0;
-				background-color: #fff;
-				&:active {
-					background-color: #d5e0ea;
-					font-weight: 600;
-				}
-			}
-		}
-	}
-</style>
-
-<style lang="scss">
-	.report {
-		.u-form-item__body {
-			// padding: 40rpx 0 !important;
-		}
-		.u-toolbar__wrapper__confirm {
-			color: #0096e0 !important;
-		}
-		.u-radio {
-			margin-right: 54rpx;
-		}
-		.u-form-item__body__left__content__label {
-			white-space: nowrap;
-			font-weight: 600;
-		}
-		.u-form-item__body__right__content__slot {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-		}
-		.u-input--radius, .u-input--square {
-			background-color: transparent !important;
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
new file mode 100644
index 0000000..3986ff0
--- /dev/null
+++ b/packageB/center/center.vue
@@ -0,0 +1,121 @@
+<!-- 举报中心 -->
+<template>
+	<view class="center">
+		<image src="../../static/index/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="content">
+			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon)">
+				<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>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'center',
+		components: {
+		},
+		data() {
+			return {
+				tabList: [
+					{
+						id: 'web',
+						title: '网站类型举报',
+						dec: '网站地址',
+						icon: '../../static/center/web.png',
+						span: '6',
+						style: 'width: 52px;height: 60px;'
+					},
+					{
+						id: 'special',
+						title: '专项举报',
+						dec: '扫黑除恶专题举报',
+						icon: '../../static/center/special.png',
+						span: '6',
+						style: 'width: 52px;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)
+				wx.navigateTo({
+					url: `/packageB/report/report?reportType=${val}&icon=` + encodeURIComponent(icon)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.center {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		padding: 40rpx;
+		padding-top: 380rpx;
+		box-sizing: border-box;
+		.center-title {
+			position: absolute;
+			top: 40rpx;
+			left: 40rpx;
+			color: #fff;
+			font-size: 48rpx;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+		}
+		.content {
+			display: flex;
+			flex-direction: column;
+			background-color: #fff;
+			border-radius: 16rpx;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.content-main {
+				display: flex;
+				align-items: center;
+				background: red;
+				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
+				margin-top: 40rpx;
+				padding: 20rpx;
+				padding-left: 60rpx;
+				border-radius: 20rpx;
+				color: #fff;
+				.text-area {
+					flex: 1;
+					margin-left: 40rpx;
+					text-align: center;
+					font-weight: 600;
+					&:last-child {
+						margin-left: 32rpx;
+					}
+					.content-title {
+						margin-right: 20rpx;
+					}
+				}
+				
+			}
+		}
+	}
+</style>
+<style lang="scss">
+	.center {
+		.u-icon__icon {
+			margin-right: -20rpx;
+		}
+	}
+</style>
diff --git a/packageB/guide/guide.vue b/packageB/guide/guide.vue
index 5f2d370..6a031f7 100644
--- a/packageB/guide/guide.vue
+++ b/packageB/guide/guide.vue
@@ -1,7 +1,7 @@
 <!-- 举报指南 -->
 <template>
 	<view class="guide">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
 		<view class="title">遇到互联网违法和不良信息该怎么举报？</view>
 		<view class="time">
 			时间： 2022-08-18 17:42:00  
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
new file mode 100644
index 0000000..58a4a51
--- /dev/null
+++ b/packageB/messageList/messageList.vue
@@ -0,0 +1,248 @@
+<!-- 网信信息列表 -->
+<template>
+	<view class="message-list">
+		<image src="../../static/index/back.png" style="position:fixed;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="tab-area">
+			<u-tabs 
+				:list="tabList" 
+				:scrollable="false" 
+				:current="currentTab"
+				lineColor="#fff"
+				lineWidth="50"
+				lineHeight="5"
+				:activeStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				:inactiveStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				@click="clickTab">
+			</u-tabs>
+		</view>
+		
+		<view class="event-area">
+			<EventList :list="eventList"/>
+		</view>
+		<u-loadmore :status="status" loadmoreText=" "/>
+		<!-- 返回顶部 -->
+		<u-back-top 
+			:scroll-top="scrollTop" 
+			icon="arrow-up" 
+			customStyle="background: #4390f7;"
+			:iconStyle="iconStyle"
+			duration="200"
+		></u-back-top>
+		
+		<!-- 空 -->
+		<u-empty
+			v-if="isEmpty"
+			mode="search"
+			text="暂无结果"
+			:show="true"
+			iconColor="#77797d"
+			textColor="#77797d"
+			marginTop="80"
+		></u-empty>
+	</view>
+</template>
+
+<script>
+	import EventList from '../../components/index/eventList.vue';
+	import { getLocationParams } from '../../common/utils.js';
+	export default {
+		name: 'MessageList',
+		components: {
+			EventList
+		},
+		data() {
+			return {
+				isEmpty: false,   //数据是否为空
+				iconStyle: {
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				},
+				scrollTop: 0,
+				currentTab: '0', //当前选中的标签的索引
+				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
+				tabList: [
+					{
+						name: '法律法规'
+					},
+					{
+						name: '工作动态'
+					},
+				],
+				eventList: [],  //事件数据
+			}
+		},
+		watch: {
+			eventList: {
+				handler(val){
+					if(val.length) {
+						this.isEmpty = false;
+					} else {
+						this.isEmpty = true;
+					}
+				},
+				deep: true,
+				// immediate: true,
+			}
+		},
+		mounted() {
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+			
+			this.currentTab = getLocationParams('tabIndex');
+			this.clickTab(null, this.currentTab);
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: ' ',
+				// imageUrl: '../../static/share.png',
+				path: "/pages/messageList/messageList",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: '新疆网络举报',
+			}
+		},
+		// 监听滚动条位置
+		onPageScroll(e) {
+			this.scrollTop = e.scrollTop;
+		},
+		//下拉刷新
+		onPullDownRefresh() {
+			console.log('refresh');
+			setTimeout(function () {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+		//上滑加载
+		onReachBottom() {
+			
+		},
+		methods: {
+			clickTab(val, currentTab) {
+				console.log(val)
+				if((val && val.index === 0) || currentTab === '0') {
+					this.eventList = [
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				} else if((val && val.index === 1) || currentTab === '1') {
+					this.eventList = [
+						
+					]
+				} else if((val && val.index === 2) || currentTab === '2') {
+					this.eventList = [
+						{
+							title: '网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-list {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 40rpx;
+		padding-top: 146rpx;
+		.tab-area {
+			position: fixed;
+			box-sizing: border-box;
+			top: 0;
+			left: 0;
+			width: 100%;
+			padding: 20rpx;
+			background-color: #4390f7;
+		}
+	}
+
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/messageList/messageList.vue b/packageA/pages/messageList/messageList.vue
index a10e163..8432690 100644
--- a/packageA/pages/messageList/messageList.vue
+++ b/packageA/pages/messageList/messageList.vue
@@ -6,7 +6,7 @@
 				:list="tabList" 
 				:scrollable="false" 
 				:current="currentTab"
-				lineColor="#0096e0"
+				lineColor="#408bf6"
 				lineWidth="50"
 				lineHeight="5"
 				@click="clickTab">
diff --git a/packageA/pages/register/register.vue b/packageA/pages/register/register.vue
index 43fe95c..278e9c3 100644
--- a/packageA/pages/register/register.vue
+++ b/packageA/pages/register/register.vue
@@ -315,15 +315,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -342,7 +342,7 @@
 				font-weight: 500;
 				padding: 20rpx 40rpx;
 				margin-top: 0;
-				color: #0096e0;
+				color: #408bf6;
 				background-color: #fff;
 				&:active {
 					background-color: #d5e0ea;
diff --git a/packageA/pages/report/report.vue b/packageA/pages/report/report.vue
deleted file mode 100644
index 1e04a97..0000000
--- a/packageA/pages/report/report.vue
+++ /dev/null
@@ -1,712 +0,0 @@
-<!-- 发布举报 -->
-<template>
-	<view class="report">
-		<view class="title-area">
-			<image :src="`../${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
-			<view class="title">
-				<text>
-					举报类目：
-				</text>
-				<text class="title-text">{{typeMap[reportType]}}</text>
-			</view>
-		</view>
-		<view class="content-area">
-			<view class="content">
-				<u--form
-					labelPosition="left"
-					:model="form"
-					:rules="rules"
-					labelWidth="100"
-					ref="form">
-					<u-form-item label="举报人" borderBottom @click="message('举报人')">
-						<u--input
-							v-model="reportName"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
-						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
-					</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>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
-						<u--input
-							placeholder="请输入网站网址" 
-							v-model="form.url"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
-						<u--input
-							v-model="form.zt"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
-						<u-radio-group v-model="form.isNewMedia" placement="row">
-							<u-radio activeColor="#0096e0" label="是" :name="true"></u-radio>
-							<u-radio activeColor="#0096e0" label="否" :name="false"></u-radio>
-						</u-radio-group>
-					</u-form-item>
-					
-					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
-						<u--textarea 
-							v-model="form.desc" 
-							placeholder="描述不超过200个字符" 
-							autoHeight 
-							maxlength='200'
-							:showConfirmBar='true'
-						></u--textarea>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人" 
-							v-model="form.publishName"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人ID" 
-							v-model="form.publishId"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
-						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
-					</u-form-item>
-					
-					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
-						<u-upload
-							accep="image"
-							:fileList="form.picture"
-							@afterRead="afterRead"
-							@delete="deletePic"
-							name="1"
-							:deletable="true"
-							:maxCount="10"
-							:previewFullImage="true"
-						></u-upload>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
-						<view>
-							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
-							<uni-file-picker 
-								v-model="form.affix"
-								limit="1" 
-								file-mediatype="all" 
-								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
-								ref="affix"
-								@select="affixUpload"
-							></uni-file-picker>
-						</view>
-		
-					</u-form-item>
-				</u--form>
-			</view>
-		</view>
-		<view class="button-bottom">
-			<view class="button button-left" @click="submit">举 报</view>
-			<view class="button button-right" @click="reset">重 置</view>
-		</view>
-		<!-- 发布平台 -->
-		<u-picker
-			ref="uPicker"
-			:show="placeShow" 
-			:columns="placeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmPlace"
-			@change="changeHandler"
-			immediateChange
-		></u-picker>
-		<!-- 举报类型 -->
-		<u-picker
-			:show="typeShow" 
-			:columns="reportTypeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmReportType"
-		></u-picker>
-		
-		<!-- 信息来源 -->
-		<u-picker
-			:show="infoSourceShow" 
-			:columns="infoSourceColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmInfoSource"
-		></u-picker>
-		
-		<!-- 举报须知 -->
-		<Message
-			:show="showMessage" 
-			title="举报须知" 
-			:content="messageContent" 
-			@close="close"
-			@refuse="refuse"/>
-	</view>
-</template>
-
-<script>
-	import { getLocationParams } from '../../../common/utils.js';
-	import Message from '../../../components/base/message.vue';
-	export default {
-		components: {
-			Message
-		},
-		data() {
-			return {
-				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
-				showMessage: false, //举报须知弹窗显隐
-				reportType: '', //举报类型
-				reportIcon: '', //举报icon url
-				typeMap: {
-					web: '网站类型举报',
-					special: '专项举报',
-					other: '其他类型举报',
-				},
-				rules: {
-					// 手机号验证规则
-					'phone': [
-						{
-							required: true, 
-							message: '请输入手机号',
-							trigger: ['change','blur'],
-						},
-						{
-							// 自定义验证函数
-							validator: (rule, value, callback) => {
-								// 上面有说，返回true表示校验通过，返回false表示不通过
-								// uni.$u.test.mobile()就是返回true或者false的
-								return uni.$u.test.mobile(value);
-							},
-							message: '请输入正确的手机号',
-							// 触发器可以同时用blur和change
-							trigger: ['change','blur'],
-						}
-					],
-					// 举报类型
-					'type': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//信息来源
-					'source': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//网站网址
-					'url': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入网站网址',
-							trigger: ['change','blur'],
-						},
-						{
-							validator: (rule, value, callback) => {
-								return uni.$u.test.url(value);
-							},
-							message: '请输入正确的网址',
-							trigger: ['change','blur'],
-						}
-					],
-					// 描述
-					'desc': [
-						{
-							type: 'string',
-							required: true,
-							message: '请输入内容描述',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人
-					'publishName': [
-						{
-							type: 'string',
-							required: true,
-							message: '请填写确认密码',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人ID
-					'publishId': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入发布人ID',
-							trigger: ['change','blur'],
-						},
-					],
-					// 发布平台
-					'place': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择发布平台',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 内容截图
-					'picture': [
-						{
-							type: 'array',
-							required: true,
-							message: '请添加内容截图',
-							trigger: ['blur', 'change']
-						},
-					],
-				},
-				reportName: '', //举报人
-				form: {
-					phone: '', //手机号
-					type: '', //举报类型
-					url: '', //网站网址
-					zt: '涉疆扫黑除恶', //专题
-					isNewMedia: false,  //是否是新媒体
-					desc: '', //内容描述
-					publishName: '', //发布人
-					publishId: '', //发布人id
-					place: '', //发布平台
-					picture: [], //内容截图
-					source: '', //信息来源
-					affix: [], //附件
-				},
-				typeShow: false, //控制举报类型显隐
-				reportTypeColumns: [[  //举报类型
-					{
-						id: 'sldrl',
-						label: '涉领导人类'
-					},
-					{
-						id: 'sdjzl',
-						label: '涉党军政类'
-					},
-					{
-						id: 'sbskl',
-						label: '涉爆涉恐类'
-					},
-					{
-						id: 'mzzjl',
-						label: '民族宗教类'
-					},
-					{
-						id: 'zjzcl',
-						label: '治疆政策类'
-					},
-					{
-						id: 'sjasjl',
-						label: '涉疆案（事）件类'
-					},
-					{
-						id: 'ggaql',
-						label: '公共安全类'
-					},
-					{
-						id: 'zzrsl',
-						label: '组织人事类'
-					},
-					{
-						id: 'shmsl',
-						label: '社会民生类'
-					},
-					{
-						id: 'qtl',
-						label: '其他类'
-					},
-				]],
-				placeShow: false, //控制发布平台显隐
-				placeColumns: [ //发布平台第一列数据
-					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
-					['新浪微博', '腾讯微博'],
-				],
-				placeColumnsData: [ //发布平台第二列数据
-					['新浪微博', '腾讯微博'],
-					['微信公众号', 'QQ空间、群', '微信个人号'],
-					['贴吧', '普通网站', '天涯', '凯迪'],
-					['新浪博客', '腾讯博客'],
-					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
-					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
-					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
-					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
-				],
-				infoSourceColumns: [[
-					{
-						id: 'chart',
-						label: '聊天工具'
-					},
-					{
-						id: 'APP',
-						label: '移动APP'
-					},
-					{
-						id: 'wp',
-						label: '网盘'
-					},
-					{
-						id: 'ssyq',
-						label: '搜索引擎'
-					},
-					{
-						id: 'other',
-						label: '其他'
-					},
-				]],
-				infoSourceShow: false, //控制举报类型显隐
-			}
-		},
-		mounted() {
-			this.reportType = getLocationParams('reportType');
-			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
-			console.log(this.reportIcon)
-			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
-		},
-		onReady() {
-			this.showMessage = true; //显示举报须知
-			this.$refs.form.setRules(this.rules);
-		},
-		methods: {
-			//点击选择器取消按钮
-			cancle() {
-				this.typeShow = false;
-				this.placeShow = false;
-				this.infoSourceShow = false;
-			},
-			//多列联动
-			changeHandler(e) {
-				const {
-						columnIndex,
-						value,
-						values, // values为当前变化列的数组内容
-						index,
-						// 微信小程序无法将picker实例传出来，只能通过ref操作
-						picker = this.$refs.uPicker
-				} = e
-				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
-				if (columnIndex === 0) {
-					// picker为选择器this实例，变化第二列对应的选项
-					picker.setColumnValues(1, this.placeColumnsData[index])
-				}
-			},
-			//确定举报类型
-			confirmReportType(val) {
-				this.cancle();
-				this.form.type = val.value[0].label;
-				console.log(val.value[0].label)
-			},
-			//确定发布平台
-			confirmPlace(val) {
-				this.cancle();
-				this.form.place = val.value[1];
-				console.log(val.value[1])
-			},
-			//确定选择信息来源
-			confirmInfoSource(val) {
-				this.cancle();
-				this.form.source = val.value[0].label;
-			},
-			// 删除图片
-			deletePic(event) {
-				this.form.picture.splice(event.index, 1)
-			},
-			// 新增图片
-			async afterRead(event) {
-				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-				let lists = [].concat(event.file)
-				let fileListLen = this.form.picture.length
-				lists.map((item) => {
-					this.form.picture.push({
-						...item,
-						status: 'uploading',
-						message: '上传中'
-					})
-				})
-				for (let i = 0; i < lists.length; i++) {
-					const result = await this.uploadFilePromise(lists[i].url)
-					let item = this.form.picture[fileListLen]
-					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
-						status: 'success',
-						message: '',
-						url: result
-					}))
-					fileListLen++
-				}
-			},
-			uploadFilePromise(url) {
-				return new Promise((resolve, reject) => {
-					let a = wx.uploadFile({
-						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
-						filePath: url,
-						name: 'file',
-						formData: {
-							//图片张数
-							// 'length': 上边的filelist.length
-						},
-						header: {
-							"Content-Type": "multipart/form-data"
-						},
-						success: (res) => {
-							setTimeout(() => {
-								resolve(res.data.data)
-							}, 1000)
-						}
-					});
-				})
-			},
-			//点击举报
-			submit() {
-				if(this.form.reportName === '') {
-					wx.showToast({
-					  title: '请先注册',
-					  icon: 'none',
-					  duration: 2000
-					})
-					setTimeout(() => {
-						wx.navigateTo({
-							url: '/packageA/pages/register/register'
-						})
-					}, 2000)
-				} else {
-					this.$refs.form.validate().then(res => {
-						uni.$u.toast('举报成功')
-						wx.navigateTo({
-							url: '/packageA/pages/myReport/myReport'
-						})
-					}).catch(errors => {
-						uni.$u.toast('校验失败')
-					})
-				}
-			},
-			//点击重置
-			reset() {
-				for(let key in this.form) {
-					if(key !== 'zt') {
-						let type = typeof this.form[key];
-						if(type === 'string') {
-							this.form[key] = '';
-						} else if(type === 'object') {
-							this.form[key] = []
-						} else if(type === 'boolean') {
-							this.form[key] = false
-						}
-					}
-				}
-				this.$refs.affix.clearFiles();  //清除附件
-			},
-			//提醒禁止修改举报人
-			message(val) {
-				wx.showToast({
-				  title: `不允许修改${val}`,
-				  icon: 'none',
-				  duration: 2000
-				})
-			},
-			//拒绝举报须知
-			refuse(val) {
-				wx.switchTab({
-					url: '/pages/center/center'
-				})
-			},
-			close(val) {
-				this.showMessage = val;
-			},
-			//附件上传
-			affixUpload(val) {
-				console.log('------', val)
-				wx.uploadFile({
-					url: '你的接口地址',
-					filePath: tempFilePaths[0].path,
-					name: "file",
-					formData: {
-						token: '123', // 这里是传给后端的参数
-					},
-					success: (res) => {
-						const req = JSON.parse(res.data);
-						alert(req.msg);
-					},
-					fail: (err) => {
-						console.log("出错了");
-						console.log(err);
-						alert("上传失败");
-					},
-				});　
-				// wx.chooseMessageFile({
-				// 	count: 1,
-				// 	success: (res) => {
-				// 		const tempFilePaths = res.tempFiles;
-				// 		console.log('上传的文件', tempFilePaths)
-				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
-				// 			wx.showToast({
-				// 			  title: `文件不允许大于50M`,
-				// 			  icon: 'none',
-				// 			  duration: 3000
-				// 			})
-				// 		} else {
-				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
-				// 			console.log(isPass)
-				// 			if(!isPass) {
-				// 				wx.showToast({
-				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
-				// 				  icon: 'none',
-				// 				  duration: 5000
-				// 				})
-				// 			} else {
-				// 				wx.uploadFile({
-				// 					url: '你的接口地址',
-				// 					filePath: tempFilePaths[0].path,
-				// 					name: "file",
-				// 					formData: {
-				// 						token: '123', // 这里是传给后端的参数
-				// 					},
-				// 					success: (res) => {
-				// 						const req = JSON.parse(res.data);
-				// 						alert(req.msg);
-				// 					},
-				// 					fail: (err) => {
-				// 						console.log("出错了");
-				// 						console.log(err);
-				// 						alert("上传失败");
-				// 					},
-				// 				});　
-				// 			}
-				// 		}
-				// 	},
-				// });
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.report {
-		box-sizing: border-box;
-		padding-bottom: 60rpx;
-		.title-area {
-			display: flex;
-			align-items: center;
-			padding: 20rpx;
-			background-color: #fff;
-			.title {
-				margin-left: 32rpx;
-				.title-text {
-					font-weight: 600;
-				}
-			}
-		}	
-		.content-area {
-			padding: 20rpx;
-			.content {
-				background-color: #fff;
-				border-radius: 16rpx;
-				padding: 50rpx 20rpx;
-				box-sizing: border-box;
-			}
-		}
-		.button {
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 20rpx;
-			color: #fff;
-			font-weight: 600;
-			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
-			border-radius: 10rpx;
-			margin: 64rpx 0 32rpx 0;
-			white-space: nowrap;
-			box-sizing: border-box;
-			&:active {
-				background-color: #fff;
-				color: #0096e0;
-			}
-		}
-		.button-bottom {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
-			align-items: center;
-			margin-top: 40rpx;
-			.button-left {
-				width: fit-content;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-			}
-			.button-right {
-				width: fit-content;
-				font-weight: 500;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-				color: #0096e0;
-				background-color: #fff;
-				&:active {
-					background-color: #d5e0ea;
-					font-weight: 600;
-				}
-			}
-		}
-	}
-</style>
-
-<style lang="scss">
-	.report {
-		.u-form-item__body {
-			// padding: 40rpx 0 !important;
-		}
-		.u-toolbar__wrapper__confirm {
-			color: #0096e0 !important;
-		}
-		.u-radio {
-			margin-right: 54rpx;
-		}
-		.u-form-item__body__left__content__label {
-			white-space: nowrap;
-			font-weight: 600;
-		}
-		.u-form-item__body__right__content__slot {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-		}
-		.u-input--radius, .u-input--square {
-			background-color: transparent !important;
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
new file mode 100644
index 0000000..3986ff0
--- /dev/null
+++ b/packageB/center/center.vue
@@ -0,0 +1,121 @@
+<!-- 举报中心 -->
+<template>
+	<view class="center">
+		<image src="../../static/index/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="content">
+			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon)">
+				<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>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'center',
+		components: {
+		},
+		data() {
+			return {
+				tabList: [
+					{
+						id: 'web',
+						title: '网站类型举报',
+						dec: '网站地址',
+						icon: '../../static/center/web.png',
+						span: '6',
+						style: 'width: 52px;height: 60px;'
+					},
+					{
+						id: 'special',
+						title: '专项举报',
+						dec: '扫黑除恶专题举报',
+						icon: '../../static/center/special.png',
+						span: '6',
+						style: 'width: 52px;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)
+				wx.navigateTo({
+					url: `/packageB/report/report?reportType=${val}&icon=` + encodeURIComponent(icon)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.center {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		padding: 40rpx;
+		padding-top: 380rpx;
+		box-sizing: border-box;
+		.center-title {
+			position: absolute;
+			top: 40rpx;
+			left: 40rpx;
+			color: #fff;
+			font-size: 48rpx;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+		}
+		.content {
+			display: flex;
+			flex-direction: column;
+			background-color: #fff;
+			border-radius: 16rpx;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.content-main {
+				display: flex;
+				align-items: center;
+				background: red;
+				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
+				margin-top: 40rpx;
+				padding: 20rpx;
+				padding-left: 60rpx;
+				border-radius: 20rpx;
+				color: #fff;
+				.text-area {
+					flex: 1;
+					margin-left: 40rpx;
+					text-align: center;
+					font-weight: 600;
+					&:last-child {
+						margin-left: 32rpx;
+					}
+					.content-title {
+						margin-right: 20rpx;
+					}
+				}
+				
+			}
+		}
+	}
+</style>
+<style lang="scss">
+	.center {
+		.u-icon__icon {
+			margin-right: -20rpx;
+		}
+	}
+</style>
diff --git a/packageB/guide/guide.vue b/packageB/guide/guide.vue
index 5f2d370..6a031f7 100644
--- a/packageB/guide/guide.vue
+++ b/packageB/guide/guide.vue
@@ -1,7 +1,7 @@
 <!-- 举报指南 -->
 <template>
 	<view class="guide">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
 		<view class="title">遇到互联网违法和不良信息该怎么举报？</view>
 		<view class="time">
 			时间： 2022-08-18 17:42:00  
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
new file mode 100644
index 0000000..58a4a51
--- /dev/null
+++ b/packageB/messageList/messageList.vue
@@ -0,0 +1,248 @@
+<!-- 网信信息列表 -->
+<template>
+	<view class="message-list">
+		<image src="../../static/index/back.png" style="position:fixed;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="tab-area">
+			<u-tabs 
+				:list="tabList" 
+				:scrollable="false" 
+				:current="currentTab"
+				lineColor="#fff"
+				lineWidth="50"
+				lineHeight="5"
+				:activeStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				:inactiveStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				@click="clickTab">
+			</u-tabs>
+		</view>
+		
+		<view class="event-area">
+			<EventList :list="eventList"/>
+		</view>
+		<u-loadmore :status="status" loadmoreText=" "/>
+		<!-- 返回顶部 -->
+		<u-back-top 
+			:scroll-top="scrollTop" 
+			icon="arrow-up" 
+			customStyle="background: #4390f7;"
+			:iconStyle="iconStyle"
+			duration="200"
+		></u-back-top>
+		
+		<!-- 空 -->
+		<u-empty
+			v-if="isEmpty"
+			mode="search"
+			text="暂无结果"
+			:show="true"
+			iconColor="#77797d"
+			textColor="#77797d"
+			marginTop="80"
+		></u-empty>
+	</view>
+</template>
+
+<script>
+	import EventList from '../../components/index/eventList.vue';
+	import { getLocationParams } from '../../common/utils.js';
+	export default {
+		name: 'MessageList',
+		components: {
+			EventList
+		},
+		data() {
+			return {
+				isEmpty: false,   //数据是否为空
+				iconStyle: {
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				},
+				scrollTop: 0,
+				currentTab: '0', //当前选中的标签的索引
+				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
+				tabList: [
+					{
+						name: '法律法规'
+					},
+					{
+						name: '工作动态'
+					},
+				],
+				eventList: [],  //事件数据
+			}
+		},
+		watch: {
+			eventList: {
+				handler(val){
+					if(val.length) {
+						this.isEmpty = false;
+					} else {
+						this.isEmpty = true;
+					}
+				},
+				deep: true,
+				// immediate: true,
+			}
+		},
+		mounted() {
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+			
+			this.currentTab = getLocationParams('tabIndex');
+			this.clickTab(null, this.currentTab);
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: ' ',
+				// imageUrl: '../../static/share.png',
+				path: "/pages/messageList/messageList",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: '新疆网络举报',
+			}
+		},
+		// 监听滚动条位置
+		onPageScroll(e) {
+			this.scrollTop = e.scrollTop;
+		},
+		//下拉刷新
+		onPullDownRefresh() {
+			console.log('refresh');
+			setTimeout(function () {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+		//上滑加载
+		onReachBottom() {
+			
+		},
+		methods: {
+			clickTab(val, currentTab) {
+				console.log(val)
+				if((val && val.index === 0) || currentTab === '0') {
+					this.eventList = [
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				} else if((val && val.index === 1) || currentTab === '1') {
+					this.eventList = [
+						
+					]
+				} else if((val && val.index === 2) || currentTab === '2') {
+					this.eventList = [
+						{
+							title: '网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-list {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 40rpx;
+		padding-top: 146rpx;
+		.tab-area {
+			position: fixed;
+			box-sizing: border-box;
+			top: 0;
+			left: 0;
+			width: 100%;
+			padding: 20rpx;
+			background-color: #4390f7;
+		}
+	}
+
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/recordDetail/recordDetail.vue b/packageB/recordDetail/recordDetail.vue
index 888ae54..215e6be 100644
--- a/packageB/recordDetail/recordDetail.vue
+++ b/packageB/recordDetail/recordDetail.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="record-detail">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="main">
 			<u--form labelPosition="left" :model="form">
 				<u-form-item label="操作" prop="staffCode" borderBottom labelWidth="100">

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/messageList/messageList.vue b/packageA/pages/messageList/messageList.vue
index a10e163..8432690 100644
--- a/packageA/pages/messageList/messageList.vue
+++ b/packageA/pages/messageList/messageList.vue
@@ -6,7 +6,7 @@
 				:list="tabList" 
 				:scrollable="false" 
 				:current="currentTab"
-				lineColor="#0096e0"
+				lineColor="#408bf6"
 				lineWidth="50"
 				lineHeight="5"
 				@click="clickTab">
diff --git a/packageA/pages/register/register.vue b/packageA/pages/register/register.vue
index 43fe95c..278e9c3 100644
--- a/packageA/pages/register/register.vue
+++ b/packageA/pages/register/register.vue
@@ -315,15 +315,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -342,7 +342,7 @@
 				font-weight: 500;
 				padding: 20rpx 40rpx;
 				margin-top: 0;
-				color: #0096e0;
+				color: #408bf6;
 				background-color: #fff;
 				&:active {
 					background-color: #d5e0ea;
diff --git a/packageA/pages/report/report.vue b/packageA/pages/report/report.vue
deleted file mode 100644
index 1e04a97..0000000
--- a/packageA/pages/report/report.vue
+++ /dev/null
@@ -1,712 +0,0 @@
-<!-- 发布举报 -->
-<template>
-	<view class="report">
-		<view class="title-area">
-			<image :src="`../${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
-			<view class="title">
-				<text>
-					举报类目：
-				</text>
-				<text class="title-text">{{typeMap[reportType]}}</text>
-			</view>
-		</view>
-		<view class="content-area">
-			<view class="content">
-				<u--form
-					labelPosition="left"
-					:model="form"
-					:rules="rules"
-					labelWidth="100"
-					ref="form">
-					<u-form-item label="举报人" borderBottom @click="message('举报人')">
-						<u--input
-							v-model="reportName"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
-						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
-					</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>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
-						<u--input
-							placeholder="请输入网站网址" 
-							v-model="form.url"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
-						<u--input
-							v-model="form.zt"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
-						<u-radio-group v-model="form.isNewMedia" placement="row">
-							<u-radio activeColor="#0096e0" label="是" :name="true"></u-radio>
-							<u-radio activeColor="#0096e0" label="否" :name="false"></u-radio>
-						</u-radio-group>
-					</u-form-item>
-					
-					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
-						<u--textarea 
-							v-model="form.desc" 
-							placeholder="描述不超过200个字符" 
-							autoHeight 
-							maxlength='200'
-							:showConfirmBar='true'
-						></u--textarea>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人" 
-							v-model="form.publishName"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人ID" 
-							v-model="form.publishId"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
-						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
-					</u-form-item>
-					
-					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
-						<u-upload
-							accep="image"
-							:fileList="form.picture"
-							@afterRead="afterRead"
-							@delete="deletePic"
-							name="1"
-							:deletable="true"
-							:maxCount="10"
-							:previewFullImage="true"
-						></u-upload>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
-						<view>
-							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
-							<uni-file-picker 
-								v-model="form.affix"
-								limit="1" 
-								file-mediatype="all" 
-								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
-								ref="affix"
-								@select="affixUpload"
-							></uni-file-picker>
-						</view>
-		
-					</u-form-item>
-				</u--form>
-			</view>
-		</view>
-		<view class="button-bottom">
-			<view class="button button-left" @click="submit">举 报</view>
-			<view class="button button-right" @click="reset">重 置</view>
-		</view>
-		<!-- 发布平台 -->
-		<u-picker
-			ref="uPicker"
-			:show="placeShow" 
-			:columns="placeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmPlace"
-			@change="changeHandler"
-			immediateChange
-		></u-picker>
-		<!-- 举报类型 -->
-		<u-picker
-			:show="typeShow" 
-			:columns="reportTypeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmReportType"
-		></u-picker>
-		
-		<!-- 信息来源 -->
-		<u-picker
-			:show="infoSourceShow" 
-			:columns="infoSourceColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmInfoSource"
-		></u-picker>
-		
-		<!-- 举报须知 -->
-		<Message
-			:show="showMessage" 
-			title="举报须知" 
-			:content="messageContent" 
-			@close="close"
-			@refuse="refuse"/>
-	</view>
-</template>
-
-<script>
-	import { getLocationParams } from '../../../common/utils.js';
-	import Message from '../../../components/base/message.vue';
-	export default {
-		components: {
-			Message
-		},
-		data() {
-			return {
-				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
-				showMessage: false, //举报须知弹窗显隐
-				reportType: '', //举报类型
-				reportIcon: '', //举报icon url
-				typeMap: {
-					web: '网站类型举报',
-					special: '专项举报',
-					other: '其他类型举报',
-				},
-				rules: {
-					// 手机号验证规则
-					'phone': [
-						{
-							required: true, 
-							message: '请输入手机号',
-							trigger: ['change','blur'],
-						},
-						{
-							// 自定义验证函数
-							validator: (rule, value, callback) => {
-								// 上面有说，返回true表示校验通过，返回false表示不通过
-								// uni.$u.test.mobile()就是返回true或者false的
-								return uni.$u.test.mobile(value);
-							},
-							message: '请输入正确的手机号',
-							// 触发器可以同时用blur和change
-							trigger: ['change','blur'],
-						}
-					],
-					// 举报类型
-					'type': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//信息来源
-					'source': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//网站网址
-					'url': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入网站网址',
-							trigger: ['change','blur'],
-						},
-						{
-							validator: (rule, value, callback) => {
-								return uni.$u.test.url(value);
-							},
-							message: '请输入正确的网址',
-							trigger: ['change','blur'],
-						}
-					],
-					// 描述
-					'desc': [
-						{
-							type: 'string',
-							required: true,
-							message: '请输入内容描述',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人
-					'publishName': [
-						{
-							type: 'string',
-							required: true,
-							message: '请填写确认密码',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人ID
-					'publishId': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入发布人ID',
-							trigger: ['change','blur'],
-						},
-					],
-					// 发布平台
-					'place': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择发布平台',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 内容截图
-					'picture': [
-						{
-							type: 'array',
-							required: true,
-							message: '请添加内容截图',
-							trigger: ['blur', 'change']
-						},
-					],
-				},
-				reportName: '', //举报人
-				form: {
-					phone: '', //手机号
-					type: '', //举报类型
-					url: '', //网站网址
-					zt: '涉疆扫黑除恶', //专题
-					isNewMedia: false,  //是否是新媒体
-					desc: '', //内容描述
-					publishName: '', //发布人
-					publishId: '', //发布人id
-					place: '', //发布平台
-					picture: [], //内容截图
-					source: '', //信息来源
-					affix: [], //附件
-				},
-				typeShow: false, //控制举报类型显隐
-				reportTypeColumns: [[  //举报类型
-					{
-						id: 'sldrl',
-						label: '涉领导人类'
-					},
-					{
-						id: 'sdjzl',
-						label: '涉党军政类'
-					},
-					{
-						id: 'sbskl',
-						label: '涉爆涉恐类'
-					},
-					{
-						id: 'mzzjl',
-						label: '民族宗教类'
-					},
-					{
-						id: 'zjzcl',
-						label: '治疆政策类'
-					},
-					{
-						id: 'sjasjl',
-						label: '涉疆案（事）件类'
-					},
-					{
-						id: 'ggaql',
-						label: '公共安全类'
-					},
-					{
-						id: 'zzrsl',
-						label: '组织人事类'
-					},
-					{
-						id: 'shmsl',
-						label: '社会民生类'
-					},
-					{
-						id: 'qtl',
-						label: '其他类'
-					},
-				]],
-				placeShow: false, //控制发布平台显隐
-				placeColumns: [ //发布平台第一列数据
-					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
-					['新浪微博', '腾讯微博'],
-				],
-				placeColumnsData: [ //发布平台第二列数据
-					['新浪微博', '腾讯微博'],
-					['微信公众号', 'QQ空间、群', '微信个人号'],
-					['贴吧', '普通网站', '天涯', '凯迪'],
-					['新浪博客', '腾讯博客'],
-					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
-					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
-					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
-					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
-				],
-				infoSourceColumns: [[
-					{
-						id: 'chart',
-						label: '聊天工具'
-					},
-					{
-						id: 'APP',
-						label: '移动APP'
-					},
-					{
-						id: 'wp',
-						label: '网盘'
-					},
-					{
-						id: 'ssyq',
-						label: '搜索引擎'
-					},
-					{
-						id: 'other',
-						label: '其他'
-					},
-				]],
-				infoSourceShow: false, //控制举报类型显隐
-			}
-		},
-		mounted() {
-			this.reportType = getLocationParams('reportType');
-			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
-			console.log(this.reportIcon)
-			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
-		},
-		onReady() {
-			this.showMessage = true; //显示举报须知
-			this.$refs.form.setRules(this.rules);
-		},
-		methods: {
-			//点击选择器取消按钮
-			cancle() {
-				this.typeShow = false;
-				this.placeShow = false;
-				this.infoSourceShow = false;
-			},
-			//多列联动
-			changeHandler(e) {
-				const {
-						columnIndex,
-						value,
-						values, // values为当前变化列的数组内容
-						index,
-						// 微信小程序无法将picker实例传出来，只能通过ref操作
-						picker = this.$refs.uPicker
-				} = e
-				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
-				if (columnIndex === 0) {
-					// picker为选择器this实例，变化第二列对应的选项
-					picker.setColumnValues(1, this.placeColumnsData[index])
-				}
-			},
-			//确定举报类型
-			confirmReportType(val) {
-				this.cancle();
-				this.form.type = val.value[0].label;
-				console.log(val.value[0].label)
-			},
-			//确定发布平台
-			confirmPlace(val) {
-				this.cancle();
-				this.form.place = val.value[1];
-				console.log(val.value[1])
-			},
-			//确定选择信息来源
-			confirmInfoSource(val) {
-				this.cancle();
-				this.form.source = val.value[0].label;
-			},
-			// 删除图片
-			deletePic(event) {
-				this.form.picture.splice(event.index, 1)
-			},
-			// 新增图片
-			async afterRead(event) {
-				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-				let lists = [].concat(event.file)
-				let fileListLen = this.form.picture.length
-				lists.map((item) => {
-					this.form.picture.push({
-						...item,
-						status: 'uploading',
-						message: '上传中'
-					})
-				})
-				for (let i = 0; i < lists.length; i++) {
-					const result = await this.uploadFilePromise(lists[i].url)
-					let item = this.form.picture[fileListLen]
-					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
-						status: 'success',
-						message: '',
-						url: result
-					}))
-					fileListLen++
-				}
-			},
-			uploadFilePromise(url) {
-				return new Promise((resolve, reject) => {
-					let a = wx.uploadFile({
-						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
-						filePath: url,
-						name: 'file',
-						formData: {
-							//图片张数
-							// 'length': 上边的filelist.length
-						},
-						header: {
-							"Content-Type": "multipart/form-data"
-						},
-						success: (res) => {
-							setTimeout(() => {
-								resolve(res.data.data)
-							}, 1000)
-						}
-					});
-				})
-			},
-			//点击举报
-			submit() {
-				if(this.form.reportName === '') {
-					wx.showToast({
-					  title: '请先注册',
-					  icon: 'none',
-					  duration: 2000
-					})
-					setTimeout(() => {
-						wx.navigateTo({
-							url: '/packageA/pages/register/register'
-						})
-					}, 2000)
-				} else {
-					this.$refs.form.validate().then(res => {
-						uni.$u.toast('举报成功')
-						wx.navigateTo({
-							url: '/packageA/pages/myReport/myReport'
-						})
-					}).catch(errors => {
-						uni.$u.toast('校验失败')
-					})
-				}
-			},
-			//点击重置
-			reset() {
-				for(let key in this.form) {
-					if(key !== 'zt') {
-						let type = typeof this.form[key];
-						if(type === 'string') {
-							this.form[key] = '';
-						} else if(type === 'object') {
-							this.form[key] = []
-						} else if(type === 'boolean') {
-							this.form[key] = false
-						}
-					}
-				}
-				this.$refs.affix.clearFiles();  //清除附件
-			},
-			//提醒禁止修改举报人
-			message(val) {
-				wx.showToast({
-				  title: `不允许修改${val}`,
-				  icon: 'none',
-				  duration: 2000
-				})
-			},
-			//拒绝举报须知
-			refuse(val) {
-				wx.switchTab({
-					url: '/pages/center/center'
-				})
-			},
-			close(val) {
-				this.showMessage = val;
-			},
-			//附件上传
-			affixUpload(val) {
-				console.log('------', val)
-				wx.uploadFile({
-					url: '你的接口地址',
-					filePath: tempFilePaths[0].path,
-					name: "file",
-					formData: {
-						token: '123', // 这里是传给后端的参数
-					},
-					success: (res) => {
-						const req = JSON.parse(res.data);
-						alert(req.msg);
-					},
-					fail: (err) => {
-						console.log("出错了");
-						console.log(err);
-						alert("上传失败");
-					},
-				});　
-				// wx.chooseMessageFile({
-				// 	count: 1,
-				// 	success: (res) => {
-				// 		const tempFilePaths = res.tempFiles;
-				// 		console.log('上传的文件', tempFilePaths)
-				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
-				// 			wx.showToast({
-				// 			  title: `文件不允许大于50M`,
-				// 			  icon: 'none',
-				// 			  duration: 3000
-				// 			})
-				// 		} else {
-				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
-				// 			console.log(isPass)
-				// 			if(!isPass) {
-				// 				wx.showToast({
-				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
-				// 				  icon: 'none',
-				// 				  duration: 5000
-				// 				})
-				// 			} else {
-				// 				wx.uploadFile({
-				// 					url: '你的接口地址',
-				// 					filePath: tempFilePaths[0].path,
-				// 					name: "file",
-				// 					formData: {
-				// 						token: '123', // 这里是传给后端的参数
-				// 					},
-				// 					success: (res) => {
-				// 						const req = JSON.parse(res.data);
-				// 						alert(req.msg);
-				// 					},
-				// 					fail: (err) => {
-				// 						console.log("出错了");
-				// 						console.log(err);
-				// 						alert("上传失败");
-				// 					},
-				// 				});　
-				// 			}
-				// 		}
-				// 	},
-				// });
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.report {
-		box-sizing: border-box;
-		padding-bottom: 60rpx;
-		.title-area {
-			display: flex;
-			align-items: center;
-			padding: 20rpx;
-			background-color: #fff;
-			.title {
-				margin-left: 32rpx;
-				.title-text {
-					font-weight: 600;
-				}
-			}
-		}	
-		.content-area {
-			padding: 20rpx;
-			.content {
-				background-color: #fff;
-				border-radius: 16rpx;
-				padding: 50rpx 20rpx;
-				box-sizing: border-box;
-			}
-		}
-		.button {
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 20rpx;
-			color: #fff;
-			font-weight: 600;
-			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
-			border-radius: 10rpx;
-			margin: 64rpx 0 32rpx 0;
-			white-space: nowrap;
-			box-sizing: border-box;
-			&:active {
-				background-color: #fff;
-				color: #0096e0;
-			}
-		}
-		.button-bottom {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
-			align-items: center;
-			margin-top: 40rpx;
-			.button-left {
-				width: fit-content;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-			}
-			.button-right {
-				width: fit-content;
-				font-weight: 500;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-				color: #0096e0;
-				background-color: #fff;
-				&:active {
-					background-color: #d5e0ea;
-					font-weight: 600;
-				}
-			}
-		}
-	}
-</style>
-
-<style lang="scss">
-	.report {
-		.u-form-item__body {
-			// padding: 40rpx 0 !important;
-		}
-		.u-toolbar__wrapper__confirm {
-			color: #0096e0 !important;
-		}
-		.u-radio {
-			margin-right: 54rpx;
-		}
-		.u-form-item__body__left__content__label {
-			white-space: nowrap;
-			font-weight: 600;
-		}
-		.u-form-item__body__right__content__slot {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-		}
-		.u-input--radius, .u-input--square {
-			background-color: transparent !important;
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
new file mode 100644
index 0000000..3986ff0
--- /dev/null
+++ b/packageB/center/center.vue
@@ -0,0 +1,121 @@
+<!-- 举报中心 -->
+<template>
+	<view class="center">
+		<image src="../../static/index/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="content">
+			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon)">
+				<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>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'center',
+		components: {
+		},
+		data() {
+			return {
+				tabList: [
+					{
+						id: 'web',
+						title: '网站类型举报',
+						dec: '网站地址',
+						icon: '../../static/center/web.png',
+						span: '6',
+						style: 'width: 52px;height: 60px;'
+					},
+					{
+						id: 'special',
+						title: '专项举报',
+						dec: '扫黑除恶专题举报',
+						icon: '../../static/center/special.png',
+						span: '6',
+						style: 'width: 52px;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)
+				wx.navigateTo({
+					url: `/packageB/report/report?reportType=${val}&icon=` + encodeURIComponent(icon)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.center {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		padding: 40rpx;
+		padding-top: 380rpx;
+		box-sizing: border-box;
+		.center-title {
+			position: absolute;
+			top: 40rpx;
+			left: 40rpx;
+			color: #fff;
+			font-size: 48rpx;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+		}
+		.content {
+			display: flex;
+			flex-direction: column;
+			background-color: #fff;
+			border-radius: 16rpx;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.content-main {
+				display: flex;
+				align-items: center;
+				background: red;
+				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
+				margin-top: 40rpx;
+				padding: 20rpx;
+				padding-left: 60rpx;
+				border-radius: 20rpx;
+				color: #fff;
+				.text-area {
+					flex: 1;
+					margin-left: 40rpx;
+					text-align: center;
+					font-weight: 600;
+					&:last-child {
+						margin-left: 32rpx;
+					}
+					.content-title {
+						margin-right: 20rpx;
+					}
+				}
+				
+			}
+		}
+	}
+</style>
+<style lang="scss">
+	.center {
+		.u-icon__icon {
+			margin-right: -20rpx;
+		}
+	}
+</style>
diff --git a/packageB/guide/guide.vue b/packageB/guide/guide.vue
index 5f2d370..6a031f7 100644
--- a/packageB/guide/guide.vue
+++ b/packageB/guide/guide.vue
@@ -1,7 +1,7 @@
 <!-- 举报指南 -->
 <template>
 	<view class="guide">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
 		<view class="title">遇到互联网违法和不良信息该怎么举报？</view>
 		<view class="time">
 			时间： 2022-08-18 17:42:00  
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
new file mode 100644
index 0000000..58a4a51
--- /dev/null
+++ b/packageB/messageList/messageList.vue
@@ -0,0 +1,248 @@
+<!-- 网信信息列表 -->
+<template>
+	<view class="message-list">
+		<image src="../../static/index/back.png" style="position:fixed;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="tab-area">
+			<u-tabs 
+				:list="tabList" 
+				:scrollable="false" 
+				:current="currentTab"
+				lineColor="#fff"
+				lineWidth="50"
+				lineHeight="5"
+				:activeStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				:inactiveStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				@click="clickTab">
+			</u-tabs>
+		</view>
+		
+		<view class="event-area">
+			<EventList :list="eventList"/>
+		</view>
+		<u-loadmore :status="status" loadmoreText=" "/>
+		<!-- 返回顶部 -->
+		<u-back-top 
+			:scroll-top="scrollTop" 
+			icon="arrow-up" 
+			customStyle="background: #4390f7;"
+			:iconStyle="iconStyle"
+			duration="200"
+		></u-back-top>
+		
+		<!-- 空 -->
+		<u-empty
+			v-if="isEmpty"
+			mode="search"
+			text="暂无结果"
+			:show="true"
+			iconColor="#77797d"
+			textColor="#77797d"
+			marginTop="80"
+		></u-empty>
+	</view>
+</template>
+
+<script>
+	import EventList from '../../components/index/eventList.vue';
+	import { getLocationParams } from '../../common/utils.js';
+	export default {
+		name: 'MessageList',
+		components: {
+			EventList
+		},
+		data() {
+			return {
+				isEmpty: false,   //数据是否为空
+				iconStyle: {
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				},
+				scrollTop: 0,
+				currentTab: '0', //当前选中的标签的索引
+				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
+				tabList: [
+					{
+						name: '法律法规'
+					},
+					{
+						name: '工作动态'
+					},
+				],
+				eventList: [],  //事件数据
+			}
+		},
+		watch: {
+			eventList: {
+				handler(val){
+					if(val.length) {
+						this.isEmpty = false;
+					} else {
+						this.isEmpty = true;
+					}
+				},
+				deep: true,
+				// immediate: true,
+			}
+		},
+		mounted() {
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+			
+			this.currentTab = getLocationParams('tabIndex');
+			this.clickTab(null, this.currentTab);
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: ' ',
+				// imageUrl: '../../static/share.png',
+				path: "/pages/messageList/messageList",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: '新疆网络举报',
+			}
+		},
+		// 监听滚动条位置
+		onPageScroll(e) {
+			this.scrollTop = e.scrollTop;
+		},
+		//下拉刷新
+		onPullDownRefresh() {
+			console.log('refresh');
+			setTimeout(function () {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+		//上滑加载
+		onReachBottom() {
+			
+		},
+		methods: {
+			clickTab(val, currentTab) {
+				console.log(val)
+				if((val && val.index === 0) || currentTab === '0') {
+					this.eventList = [
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				} else if((val && val.index === 1) || currentTab === '1') {
+					this.eventList = [
+						
+					]
+				} else if((val && val.index === 2) || currentTab === '2') {
+					this.eventList = [
+						{
+							title: '网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-list {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 40rpx;
+		padding-top: 146rpx;
+		.tab-area {
+			position: fixed;
+			box-sizing: border-box;
+			top: 0;
+			left: 0;
+			width: 100%;
+			padding: 20rpx;
+			background-color: #4390f7;
+		}
+	}
+
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/recordDetail/recordDetail.vue b/packageB/recordDetail/recordDetail.vue
index 888ae54..215e6be 100644
--- a/packageB/recordDetail/recordDetail.vue
+++ b/packageB/recordDetail/recordDetail.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="record-detail">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="main">
 			<u--form labelPosition="left" :model="form">
 				<u-form-item label="操作" prop="staffCode" borderBottom labelWidth="100">
diff --git a/packageB/report/report.vue b/packageB/report/report.vue
new file mode 100644
index 0000000..142139f
--- /dev/null
+++ b/packageB/report/report.vue
@@ -0,0 +1,719 @@
+<!-- 发布举报 -->
+<template>
+	<view class="report">
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="title-area">
+			<image :src="`${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
+			<view class="title">
+				<text>
+					举报类目：
+				</text>
+				<text class="title-text">{{typeMap[reportType]}}</text>
+			</view>
+		</view>
+		<view class="content-area">
+			<view class="content">
+				<u--form
+					labelPosition="left"
+					:model="form"
+					:rules="rules"
+					labelWidth="100"
+					ref="form">
+					<u-form-item label="举报人" borderBottom @click="message('举报人')">
+						<u--input
+							v-model="reportName"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
+						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
+					</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>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
+						<u--input
+							placeholder="请输入网站网址" 
+							v-model="form.url"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
+						<u--input
+							v-model="form.zt"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
+						<u-radio-group v-model="form.isNewMedia" placement="row">
+							<u-radio activeColor="#408bf6" label="是" :name="true"></u-radio>
+							<u-radio activeColor="#408bf6" label="否" :name="false"></u-radio>
+						</u-radio-group>
+					</u-form-item>
+					
+					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
+						<u--textarea 
+							v-model="form.desc" 
+							placeholder="描述不超过200个字符" 
+							autoHeight 
+							maxlength='200'
+							:showConfirmBar='true'
+						></u--textarea>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人" 
+							v-model="form.publishName"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人ID" 
+							v-model="form.publishId"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
+						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
+					</u-form-item>
+					
+					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
+						<u-upload
+							accep="image"
+							:fileList="form.picture"
+							@afterRead="afterRead"
+							@delete="deletePic"
+							name="1"
+							:deletable="true"
+							:maxCount="10"
+							:previewFullImage="true"
+						></u-upload>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
+						<view>
+							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
+							<uni-file-picker 
+								v-model="form.affix"
+								limit="1" 
+								file-mediatype="all" 
+								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
+								ref="affix"
+								@select="affixUpload"
+							></uni-file-picker>
+						</view>
+		
+					</u-form-item>
+				</u--form>
+			</view>
+		</view>
+		<view class="button-bottom">
+			<view class="button button-left" @click="submit">举 报</view>
+			<view class="button button-right" @click="reset">重 置</view>
+		</view>
+		<!-- 发布平台 -->
+		<u-picker
+			ref="uPicker"
+			:show="placeShow" 
+			:columns="placeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmPlace"
+			@change="changeHandler"
+			immediateChange
+		></u-picker>
+		<!-- 举报类型 -->
+		<u-picker
+			:show="typeShow" 
+			:columns="reportTypeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmReportType"
+		></u-picker>
+		
+		<!-- 信息来源 -->
+		<u-picker
+			:show="infoSourceShow" 
+			:columns="infoSourceColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmInfoSource"
+		></u-picker>
+		
+		<!-- 举报须知 -->
+		<Message
+			:show="showMessage" 
+			title="举报须知" 
+			:content="messageContent" 
+			@close="close"
+			@refuse="refuse"/>
+	</view>
+</template>
+
+<script>
+	import { getLocationParams } from '../../common/utils.js';
+	import Message from '../../components/base/message.vue';
+	export default {
+		components: {
+			Message
+		},
+		data() {
+			return {
+				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
+				showMessage: false, //举报须知弹窗显隐
+				reportType: '', //举报类型
+				reportIcon: '', //举报icon url
+				typeMap: {
+					web: '网站类型举报',
+					special: '专项举报',
+					other: '其他类型举报',
+				},
+				rules: {
+					// 手机号验证规则
+					'phone': [
+						{
+							required: true, 
+							message: '请输入手机号',
+							trigger: ['change','blur'],
+						},
+						{
+							// 自定义验证函数
+							validator: (rule, value, callback) => {
+								// 上面有说，返回true表示校验通过，返回false表示不通过
+								// uni.$u.test.mobile()就是返回true或者false的
+								return uni.$u.test.mobile(value);
+							},
+							message: '请输入正确的手机号',
+							// 触发器可以同时用blur和change
+							trigger: ['change','blur'],
+						}
+					],
+					// 举报类型
+					'type': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//信息来源
+					'source': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//网站网址
+					'url': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入网站网址',
+							trigger: ['change','blur'],
+						},
+						{
+							validator: (rule, value, callback) => {
+								return uni.$u.test.url(value);
+							},
+							message: '请输入正确的网址',
+							trigger: ['change','blur'],
+						}
+					],
+					// 描述
+					'desc': [
+						{
+							type: 'string',
+							required: true,
+							message: '请输入内容描述',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人
+					'publishName': [
+						{
+							type: 'string',
+							required: true,
+							message: '请填写确认密码',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人ID
+					'publishId': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入发布人ID',
+							trigger: ['change','blur'],
+						},
+					],
+					// 发布平台
+					'place': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择发布平台',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 内容截图
+					'picture': [
+						{
+							type: 'array',
+							required: true,
+							message: '请添加内容截图',
+							trigger: ['blur', 'change']
+						},
+					],
+				},
+				reportName: '', //举报人
+				form: {
+					phone: '', //手机号
+					type: '', //举报类型
+					url: '', //网站网址
+					zt: '涉疆扫黑除恶', //专题
+					isNewMedia: false,  //是否是新媒体
+					desc: '', //内容描述
+					publishName: '', //发布人
+					publishId: '', //发布人id
+					place: '', //发布平台
+					picture: [], //内容截图
+					source: '', //信息来源
+					affix: [], //附件
+				},
+				typeShow: false, //控制举报类型显隐
+				reportTypeColumns: [[  //举报类型
+					{
+						id: 'sldrl',
+						label: '涉领导人类'
+					},
+					{
+						id: 'sdjzl',
+						label: '涉党军政类'
+					},
+					{
+						id: 'sbskl',
+						label: '涉爆涉恐类'
+					},
+					{
+						id: 'mzzjl',
+						label: '民族宗教类'
+					},
+					{
+						id: 'zjzcl',
+						label: '治疆政策类'
+					},
+					{
+						id: 'sjasjl',
+						label: '涉疆案（事）件类'
+					},
+					{
+						id: 'ggaql',
+						label: '公共安全类'
+					},
+					{
+						id: 'zzrsl',
+						label: '组织人事类'
+					},
+					{
+						id: 'shmsl',
+						label: '社会民生类'
+					},
+					{
+						id: 'qtl',
+						label: '其他类'
+					},
+				]],
+				placeShow: false, //控制发布平台显隐
+				placeColumns: [ //发布平台第一列数据
+					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
+					['新浪微博', '腾讯微博'],
+				],
+				placeColumnsData: [ //发布平台第二列数据
+					['新浪微博', '腾讯微博'],
+					['微信公众号', 'QQ空间、群', '微信个人号'],
+					['贴吧', '普通网站', '天涯', '凯迪'],
+					['新浪博客', '腾讯博客'],
+					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
+					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
+					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
+					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
+				],
+				infoSourceColumns: [[
+					{
+						id: 'chart',
+						label: '聊天工具'
+					},
+					{
+						id: 'APP',
+						label: '移动APP'
+					},
+					{
+						id: 'wp',
+						label: '网盘'
+					},
+					{
+						id: 'ssyq',
+						label: '搜索引擎'
+					},
+					{
+						id: 'other',
+						label: '其他'
+					},
+				]],
+				infoSourceShow: false, //控制举报类型显隐
+			}
+		},
+		mounted() {
+			this.reportType = getLocationParams('reportType');
+			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
+			console.log(this.reportIcon)
+			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
+		},
+		onReady() {
+			this.showMessage = true; //显示举报须知
+			this.$refs.form.setRules(this.rules);
+		},
+		methods: {
+			//点击选择器取消按钮
+			cancle() {
+				this.typeShow = false;
+				this.placeShow = false;
+				this.infoSourceShow = false;
+			},
+			//多列联动
+			changeHandler(e) {
+				const {
+						columnIndex,
+						value,
+						values, // values为当前变化列的数组内容
+						index,
+						// 微信小程序无法将picker实例传出来，只能通过ref操作
+						picker = this.$refs.uPicker
+				} = e
+				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
+				if (columnIndex === 0) {
+					// picker为选择器this实例，变化第二列对应的选项
+					picker.setColumnValues(1, this.placeColumnsData[index])
+				}
+			},
+			//确定举报类型
+			confirmReportType(val) {
+				this.cancle();
+				this.form.type = val.value[0].label;
+				console.log(val.value[0].label)
+			},
+			//确定发布平台
+			confirmPlace(val) {
+				this.cancle();
+				this.form.place = val.value[1];
+				console.log(val.value[1])
+			},
+			//确定选择信息来源
+			confirmInfoSource(val) {
+				this.cancle();
+				this.form.source = val.value[0].label;
+			},
+			// 删除图片
+			deletePic(event) {
+				this.form.picture.splice(event.index, 1)
+			},
+			// 新增图片
+			async afterRead(event) {
+				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
+				let lists = [].concat(event.file)
+				let fileListLen = this.form.picture.length
+				lists.map((item) => {
+					this.form.picture.push({
+						...item,
+						status: 'uploading',
+						message: '上传中'
+					})
+				})
+				for (let i = 0; i < lists.length; i++) {
+					const result = await this.uploadFilePromise(lists[i].url)
+					let item = this.form.picture[fileListLen]
+					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
+						status: 'success',
+						message: '',
+						url: result
+					}))
+					fileListLen++
+				}
+			},
+			uploadFilePromise(url) {
+				return new Promise((resolve, reject) => {
+					let a = wx.uploadFile({
+						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
+						filePath: url,
+						name: 'file',
+						formData: {
+							//图片张数
+							// 'length': 上边的filelist.length
+						},
+						header: {
+							"Content-Type": "multipart/form-data"
+						},
+						success: (res) => {
+							setTimeout(() => {
+								resolve(res.data.data)
+							}, 1000)
+						}
+					});
+				})
+			},
+			//点击举报
+			submit() {
+				if(this.form.reportName === '') {
+					wx.showToast({
+					  title: '请先注册',
+					  icon: 'none',
+					  duration: 2000
+					})
+					setTimeout(() => {
+						wx.navigateTo({
+							url: '/packageA/pages/register/register'
+						})
+					}, 2000)
+				} else {
+					this.$refs.form.validate().then(res => {
+						uni.$u.toast('举报成功')
+						wx.navigateTo({
+							url: '/packageA/pages/myReport/myReport'
+						})
+					}).catch(errors => {
+						uni.$u.toast('校验失败')
+					})
+				}
+			},
+			//点击重置
+			reset() {
+				for(let key in this.form) {
+					if(key !== 'zt') {
+						let type = typeof this.form[key];
+						if(type === 'string') {
+							this.form[key] = '';
+						} else if(type === 'object') {
+							this.form[key] = []
+						} else if(type === 'boolean') {
+							this.form[key] = false
+						}
+					}
+				}
+				this.$refs.affix.clearFiles();  //清除附件
+			},
+			//提醒禁止修改举报人
+			message(val) {
+				wx.showToast({
+				  title: `不允许修改${val}`,
+				  icon: 'none',
+				  duration: 2000
+				})
+			},
+			//拒绝举报须知
+			refuse(val) {
+				wx.switchTab({
+					url: '/pages/center/center'
+				})
+			},
+			close(val) {
+				this.showMessage = val;
+			},
+			//附件上传
+			affixUpload(val) {
+				console.log('------', val)
+				wx.uploadFile({
+					url: '你的接口地址',
+					filePath: tempFilePaths[0].path,
+					name: "file",
+					formData: {
+						token: '123', // 这里是传给后端的参数
+					},
+					success: (res) => {
+						const req = JSON.parse(res.data);
+						alert(req.msg);
+					},
+					fail: (err) => {
+						console.log("出错了");
+						console.log(err);
+						alert("上传失败");
+					},
+				});　
+				// wx.chooseMessageFile({
+				// 	count: 1,
+				// 	success: (res) => {
+				// 		const tempFilePaths = res.tempFiles;
+				// 		console.log('上传的文件', tempFilePaths)
+				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
+				// 			wx.showToast({
+				// 			  title: `文件不允许大于50M`,
+				// 			  icon: 'none',
+				// 			  duration: 3000
+				// 			})
+				// 		} else {
+				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
+				// 			console.log(isPass)
+				// 			if(!isPass) {
+				// 				wx.showToast({
+				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
+				// 				  icon: 'none',
+				// 				  duration: 5000
+				// 				})
+				// 			} else {
+				// 				wx.uploadFile({
+				// 					url: '你的接口地址',
+				// 					filePath: tempFilePaths[0].path,
+				// 					name: "file",
+				// 					formData: {
+				// 						token: '123', // 这里是传给后端的参数
+				// 					},
+				// 					success: (res) => {
+				// 						const req = JSON.parse(res.data);
+				// 						alert(req.msg);
+				// 					},
+				// 					fail: (err) => {
+				// 						console.log("出错了");
+				// 						console.log(err);
+				// 						alert("上传失败");
+				// 					},
+				// 				});　
+				// 			}
+				// 		}
+				// 	},
+				// });
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.report {
+		box-sizing: border-box;
+		padding: 20rpx;
+		padding-bottom: 60rpx;
+		.title-area {
+			display: flex;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			.title {
+				margin-left: 32rpx;
+				.title-text {
+					font-weight: 600;
+				}
+			}
+		}	
+		.content-area {
+			padding: 20rpx;
+			.content {
+				background-color: #fff;
+				border-radius: 16rpx;
+				padding: 50rpx 20rpx;
+				box-sizing: border-box;
+			}
+		}
+		.button {
+			width: 100%;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
+			border-radius: 10rpx;
+			margin: 64rpx 0 32rpx 0;
+			white-space: nowrap;
+			box-sizing: border-box;
+			&:active {
+				background-color: #fff;
+				color: #408bf6;
+			}
+		}
+		.button-bottom {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-around;
+			align-items: center;
+			margin-top: 40rpx;
+			.button-left {
+				width: fit-content;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+			}
+			.button-right {
+				width: fit-content;
+				font-weight: 500;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+				color: #408bf6;
+				background-color: #fff;
+				&:active {
+					background-color: #d5e0ea;
+					font-weight: 600;
+				}
+			}
+		}
+	}
+</style>
+
+<style lang="scss">
+	.report {
+		.u-form-item__body {
+			// padding: 40rpx 0 !important;
+		}
+		.u-toolbar__wrapper__confirm {
+			color: #408bf6 !important;
+		}
+		.u-radio {
+			margin-right: 54rpx;
+		}
+		.u-form-item__body__left__content__label {
+			white-space: nowrap;
+			font-weight: 600;
+		}
+		.u-form-item__body__right__content__slot {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			align-items: center;
+		}
+		.u-input--radius, .u-input--square {
+			background-color: transparent !important;
+		}
+	}
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/messageList/messageList.vue b/packageA/pages/messageList/messageList.vue
index a10e163..8432690 100644
--- a/packageA/pages/messageList/messageList.vue
+++ b/packageA/pages/messageList/messageList.vue
@@ -6,7 +6,7 @@
 				:list="tabList" 
 				:scrollable="false" 
 				:current="currentTab"
-				lineColor="#0096e0"
+				lineColor="#408bf6"
 				lineWidth="50"
 				lineHeight="5"
 				@click="clickTab">
diff --git a/packageA/pages/register/register.vue b/packageA/pages/register/register.vue
index 43fe95c..278e9c3 100644
--- a/packageA/pages/register/register.vue
+++ b/packageA/pages/register/register.vue
@@ -315,15 +315,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -342,7 +342,7 @@
 				font-weight: 500;
 				padding: 20rpx 40rpx;
 				margin-top: 0;
-				color: #0096e0;
+				color: #408bf6;
 				background-color: #fff;
 				&:active {
 					background-color: #d5e0ea;
diff --git a/packageA/pages/report/report.vue b/packageA/pages/report/report.vue
deleted file mode 100644
index 1e04a97..0000000
--- a/packageA/pages/report/report.vue
+++ /dev/null
@@ -1,712 +0,0 @@
-<!-- 发布举报 -->
-<template>
-	<view class="report">
-		<view class="title-area">
-			<image :src="`../${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
-			<view class="title">
-				<text>
-					举报类目：
-				</text>
-				<text class="title-text">{{typeMap[reportType]}}</text>
-			</view>
-		</view>
-		<view class="content-area">
-			<view class="content">
-				<u--form
-					labelPosition="left"
-					:model="form"
-					:rules="rules"
-					labelWidth="100"
-					ref="form">
-					<u-form-item label="举报人" borderBottom @click="message('举报人')">
-						<u--input
-							v-model="reportName"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
-						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
-					</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>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
-						<u--input
-							placeholder="请输入网站网址" 
-							v-model="form.url"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
-						<u--input
-							v-model="form.zt"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
-						<u-radio-group v-model="form.isNewMedia" placement="row">
-							<u-radio activeColor="#0096e0" label="是" :name="true"></u-radio>
-							<u-radio activeColor="#0096e0" label="否" :name="false"></u-radio>
-						</u-radio-group>
-					</u-form-item>
-					
-					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
-						<u--textarea 
-							v-model="form.desc" 
-							placeholder="描述不超过200个字符" 
-							autoHeight 
-							maxlength='200'
-							:showConfirmBar='true'
-						></u--textarea>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人" 
-							v-model="form.publishName"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人ID" 
-							v-model="form.publishId"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
-						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
-					</u-form-item>
-					
-					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
-						<u-upload
-							accep="image"
-							:fileList="form.picture"
-							@afterRead="afterRead"
-							@delete="deletePic"
-							name="1"
-							:deletable="true"
-							:maxCount="10"
-							:previewFullImage="true"
-						></u-upload>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
-						<view>
-							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
-							<uni-file-picker 
-								v-model="form.affix"
-								limit="1" 
-								file-mediatype="all" 
-								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
-								ref="affix"
-								@select="affixUpload"
-							></uni-file-picker>
-						</view>
-		
-					</u-form-item>
-				</u--form>
-			</view>
-		</view>
-		<view class="button-bottom">
-			<view class="button button-left" @click="submit">举 报</view>
-			<view class="button button-right" @click="reset">重 置</view>
-		</view>
-		<!-- 发布平台 -->
-		<u-picker
-			ref="uPicker"
-			:show="placeShow" 
-			:columns="placeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmPlace"
-			@change="changeHandler"
-			immediateChange
-		></u-picker>
-		<!-- 举报类型 -->
-		<u-picker
-			:show="typeShow" 
-			:columns="reportTypeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmReportType"
-		></u-picker>
-		
-		<!-- 信息来源 -->
-		<u-picker
-			:show="infoSourceShow" 
-			:columns="infoSourceColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmInfoSource"
-		></u-picker>
-		
-		<!-- 举报须知 -->
-		<Message
-			:show="showMessage" 
-			title="举报须知" 
-			:content="messageContent" 
-			@close="close"
-			@refuse="refuse"/>
-	</view>
-</template>
-
-<script>
-	import { getLocationParams } from '../../../common/utils.js';
-	import Message from '../../../components/base/message.vue';
-	export default {
-		components: {
-			Message
-		},
-		data() {
-			return {
-				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
-				showMessage: false, //举报须知弹窗显隐
-				reportType: '', //举报类型
-				reportIcon: '', //举报icon url
-				typeMap: {
-					web: '网站类型举报',
-					special: '专项举报',
-					other: '其他类型举报',
-				},
-				rules: {
-					// 手机号验证规则
-					'phone': [
-						{
-							required: true, 
-							message: '请输入手机号',
-							trigger: ['change','blur'],
-						},
-						{
-							// 自定义验证函数
-							validator: (rule, value, callback) => {
-								// 上面有说，返回true表示校验通过，返回false表示不通过
-								// uni.$u.test.mobile()就是返回true或者false的
-								return uni.$u.test.mobile(value);
-							},
-							message: '请输入正确的手机号',
-							// 触发器可以同时用blur和change
-							trigger: ['change','blur'],
-						}
-					],
-					// 举报类型
-					'type': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//信息来源
-					'source': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//网站网址
-					'url': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入网站网址',
-							trigger: ['change','blur'],
-						},
-						{
-							validator: (rule, value, callback) => {
-								return uni.$u.test.url(value);
-							},
-							message: '请输入正确的网址',
-							trigger: ['change','blur'],
-						}
-					],
-					// 描述
-					'desc': [
-						{
-							type: 'string',
-							required: true,
-							message: '请输入内容描述',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人
-					'publishName': [
-						{
-							type: 'string',
-							required: true,
-							message: '请填写确认密码',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人ID
-					'publishId': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入发布人ID',
-							trigger: ['change','blur'],
-						},
-					],
-					// 发布平台
-					'place': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择发布平台',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 内容截图
-					'picture': [
-						{
-							type: 'array',
-							required: true,
-							message: '请添加内容截图',
-							trigger: ['blur', 'change']
-						},
-					],
-				},
-				reportName: '', //举报人
-				form: {
-					phone: '', //手机号
-					type: '', //举报类型
-					url: '', //网站网址
-					zt: '涉疆扫黑除恶', //专题
-					isNewMedia: false,  //是否是新媒体
-					desc: '', //内容描述
-					publishName: '', //发布人
-					publishId: '', //发布人id
-					place: '', //发布平台
-					picture: [], //内容截图
-					source: '', //信息来源
-					affix: [], //附件
-				},
-				typeShow: false, //控制举报类型显隐
-				reportTypeColumns: [[  //举报类型
-					{
-						id: 'sldrl',
-						label: '涉领导人类'
-					},
-					{
-						id: 'sdjzl',
-						label: '涉党军政类'
-					},
-					{
-						id: 'sbskl',
-						label: '涉爆涉恐类'
-					},
-					{
-						id: 'mzzjl',
-						label: '民族宗教类'
-					},
-					{
-						id: 'zjzcl',
-						label: '治疆政策类'
-					},
-					{
-						id: 'sjasjl',
-						label: '涉疆案（事）件类'
-					},
-					{
-						id: 'ggaql',
-						label: '公共安全类'
-					},
-					{
-						id: 'zzrsl',
-						label: '组织人事类'
-					},
-					{
-						id: 'shmsl',
-						label: '社会民生类'
-					},
-					{
-						id: 'qtl',
-						label: '其他类'
-					},
-				]],
-				placeShow: false, //控制发布平台显隐
-				placeColumns: [ //发布平台第一列数据
-					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
-					['新浪微博', '腾讯微博'],
-				],
-				placeColumnsData: [ //发布平台第二列数据
-					['新浪微博', '腾讯微博'],
-					['微信公众号', 'QQ空间、群', '微信个人号'],
-					['贴吧', '普通网站', '天涯', '凯迪'],
-					['新浪博客', '腾讯博客'],
-					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
-					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
-					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
-					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
-				],
-				infoSourceColumns: [[
-					{
-						id: 'chart',
-						label: '聊天工具'
-					},
-					{
-						id: 'APP',
-						label: '移动APP'
-					},
-					{
-						id: 'wp',
-						label: '网盘'
-					},
-					{
-						id: 'ssyq',
-						label: '搜索引擎'
-					},
-					{
-						id: 'other',
-						label: '其他'
-					},
-				]],
-				infoSourceShow: false, //控制举报类型显隐
-			}
-		},
-		mounted() {
-			this.reportType = getLocationParams('reportType');
-			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
-			console.log(this.reportIcon)
-			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
-		},
-		onReady() {
-			this.showMessage = true; //显示举报须知
-			this.$refs.form.setRules(this.rules);
-		},
-		methods: {
-			//点击选择器取消按钮
-			cancle() {
-				this.typeShow = false;
-				this.placeShow = false;
-				this.infoSourceShow = false;
-			},
-			//多列联动
-			changeHandler(e) {
-				const {
-						columnIndex,
-						value,
-						values, // values为当前变化列的数组内容
-						index,
-						// 微信小程序无法将picker实例传出来，只能通过ref操作
-						picker = this.$refs.uPicker
-				} = e
-				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
-				if (columnIndex === 0) {
-					// picker为选择器this实例，变化第二列对应的选项
-					picker.setColumnValues(1, this.placeColumnsData[index])
-				}
-			},
-			//确定举报类型
-			confirmReportType(val) {
-				this.cancle();
-				this.form.type = val.value[0].label;
-				console.log(val.value[0].label)
-			},
-			//确定发布平台
-			confirmPlace(val) {
-				this.cancle();
-				this.form.place = val.value[1];
-				console.log(val.value[1])
-			},
-			//确定选择信息来源
-			confirmInfoSource(val) {
-				this.cancle();
-				this.form.source = val.value[0].label;
-			},
-			// 删除图片
-			deletePic(event) {
-				this.form.picture.splice(event.index, 1)
-			},
-			// 新增图片
-			async afterRead(event) {
-				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-				let lists = [].concat(event.file)
-				let fileListLen = this.form.picture.length
-				lists.map((item) => {
-					this.form.picture.push({
-						...item,
-						status: 'uploading',
-						message: '上传中'
-					})
-				})
-				for (let i = 0; i < lists.length; i++) {
-					const result = await this.uploadFilePromise(lists[i].url)
-					let item = this.form.picture[fileListLen]
-					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
-						status: 'success',
-						message: '',
-						url: result
-					}))
-					fileListLen++
-				}
-			},
-			uploadFilePromise(url) {
-				return new Promise((resolve, reject) => {
-					let a = wx.uploadFile({
-						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
-						filePath: url,
-						name: 'file',
-						formData: {
-							//图片张数
-							// 'length': 上边的filelist.length
-						},
-						header: {
-							"Content-Type": "multipart/form-data"
-						},
-						success: (res) => {
-							setTimeout(() => {
-								resolve(res.data.data)
-							}, 1000)
-						}
-					});
-				})
-			},
-			//点击举报
-			submit() {
-				if(this.form.reportName === '') {
-					wx.showToast({
-					  title: '请先注册',
-					  icon: 'none',
-					  duration: 2000
-					})
-					setTimeout(() => {
-						wx.navigateTo({
-							url: '/packageA/pages/register/register'
-						})
-					}, 2000)
-				} else {
-					this.$refs.form.validate().then(res => {
-						uni.$u.toast('举报成功')
-						wx.navigateTo({
-							url: '/packageA/pages/myReport/myReport'
-						})
-					}).catch(errors => {
-						uni.$u.toast('校验失败')
-					})
-				}
-			},
-			//点击重置
-			reset() {
-				for(let key in this.form) {
-					if(key !== 'zt') {
-						let type = typeof this.form[key];
-						if(type === 'string') {
-							this.form[key] = '';
-						} else if(type === 'object') {
-							this.form[key] = []
-						} else if(type === 'boolean') {
-							this.form[key] = false
-						}
-					}
-				}
-				this.$refs.affix.clearFiles();  //清除附件
-			},
-			//提醒禁止修改举报人
-			message(val) {
-				wx.showToast({
-				  title: `不允许修改${val}`,
-				  icon: 'none',
-				  duration: 2000
-				})
-			},
-			//拒绝举报须知
-			refuse(val) {
-				wx.switchTab({
-					url: '/pages/center/center'
-				})
-			},
-			close(val) {
-				this.showMessage = val;
-			},
-			//附件上传
-			affixUpload(val) {
-				console.log('------', val)
-				wx.uploadFile({
-					url: '你的接口地址',
-					filePath: tempFilePaths[0].path,
-					name: "file",
-					formData: {
-						token: '123', // 这里是传给后端的参数
-					},
-					success: (res) => {
-						const req = JSON.parse(res.data);
-						alert(req.msg);
-					},
-					fail: (err) => {
-						console.log("出错了");
-						console.log(err);
-						alert("上传失败");
-					},
-				});　
-				// wx.chooseMessageFile({
-				// 	count: 1,
-				// 	success: (res) => {
-				// 		const tempFilePaths = res.tempFiles;
-				// 		console.log('上传的文件', tempFilePaths)
-				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
-				// 			wx.showToast({
-				// 			  title: `文件不允许大于50M`,
-				// 			  icon: 'none',
-				// 			  duration: 3000
-				// 			})
-				// 		} else {
-				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
-				// 			console.log(isPass)
-				// 			if(!isPass) {
-				// 				wx.showToast({
-				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
-				// 				  icon: 'none',
-				// 				  duration: 5000
-				// 				})
-				// 			} else {
-				// 				wx.uploadFile({
-				// 					url: '你的接口地址',
-				// 					filePath: tempFilePaths[0].path,
-				// 					name: "file",
-				// 					formData: {
-				// 						token: '123', // 这里是传给后端的参数
-				// 					},
-				// 					success: (res) => {
-				// 						const req = JSON.parse(res.data);
-				// 						alert(req.msg);
-				// 					},
-				// 					fail: (err) => {
-				// 						console.log("出错了");
-				// 						console.log(err);
-				// 						alert("上传失败");
-				// 					},
-				// 				});　
-				// 			}
-				// 		}
-				// 	},
-				// });
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.report {
-		box-sizing: border-box;
-		padding-bottom: 60rpx;
-		.title-area {
-			display: flex;
-			align-items: center;
-			padding: 20rpx;
-			background-color: #fff;
-			.title {
-				margin-left: 32rpx;
-				.title-text {
-					font-weight: 600;
-				}
-			}
-		}	
-		.content-area {
-			padding: 20rpx;
-			.content {
-				background-color: #fff;
-				border-radius: 16rpx;
-				padding: 50rpx 20rpx;
-				box-sizing: border-box;
-			}
-		}
-		.button {
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 20rpx;
-			color: #fff;
-			font-weight: 600;
-			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
-			border-radius: 10rpx;
-			margin: 64rpx 0 32rpx 0;
-			white-space: nowrap;
-			box-sizing: border-box;
-			&:active {
-				background-color: #fff;
-				color: #0096e0;
-			}
-		}
-		.button-bottom {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
-			align-items: center;
-			margin-top: 40rpx;
-			.button-left {
-				width: fit-content;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-			}
-			.button-right {
-				width: fit-content;
-				font-weight: 500;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-				color: #0096e0;
-				background-color: #fff;
-				&:active {
-					background-color: #d5e0ea;
-					font-weight: 600;
-				}
-			}
-		}
-	}
-</style>
-
-<style lang="scss">
-	.report {
-		.u-form-item__body {
-			// padding: 40rpx 0 !important;
-		}
-		.u-toolbar__wrapper__confirm {
-			color: #0096e0 !important;
-		}
-		.u-radio {
-			margin-right: 54rpx;
-		}
-		.u-form-item__body__left__content__label {
-			white-space: nowrap;
-			font-weight: 600;
-		}
-		.u-form-item__body__right__content__slot {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-		}
-		.u-input--radius, .u-input--square {
-			background-color: transparent !important;
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
new file mode 100644
index 0000000..3986ff0
--- /dev/null
+++ b/packageB/center/center.vue
@@ -0,0 +1,121 @@
+<!-- 举报中心 -->
+<template>
+	<view class="center">
+		<image src="../../static/index/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="content">
+			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon)">
+				<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>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'center',
+		components: {
+		},
+		data() {
+			return {
+				tabList: [
+					{
+						id: 'web',
+						title: '网站类型举报',
+						dec: '网站地址',
+						icon: '../../static/center/web.png',
+						span: '6',
+						style: 'width: 52px;height: 60px;'
+					},
+					{
+						id: 'special',
+						title: '专项举报',
+						dec: '扫黑除恶专题举报',
+						icon: '../../static/center/special.png',
+						span: '6',
+						style: 'width: 52px;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)
+				wx.navigateTo({
+					url: `/packageB/report/report?reportType=${val}&icon=` + encodeURIComponent(icon)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.center {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		padding: 40rpx;
+		padding-top: 380rpx;
+		box-sizing: border-box;
+		.center-title {
+			position: absolute;
+			top: 40rpx;
+			left: 40rpx;
+			color: #fff;
+			font-size: 48rpx;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+		}
+		.content {
+			display: flex;
+			flex-direction: column;
+			background-color: #fff;
+			border-radius: 16rpx;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.content-main {
+				display: flex;
+				align-items: center;
+				background: red;
+				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
+				margin-top: 40rpx;
+				padding: 20rpx;
+				padding-left: 60rpx;
+				border-radius: 20rpx;
+				color: #fff;
+				.text-area {
+					flex: 1;
+					margin-left: 40rpx;
+					text-align: center;
+					font-weight: 600;
+					&:last-child {
+						margin-left: 32rpx;
+					}
+					.content-title {
+						margin-right: 20rpx;
+					}
+				}
+				
+			}
+		}
+	}
+</style>
+<style lang="scss">
+	.center {
+		.u-icon__icon {
+			margin-right: -20rpx;
+		}
+	}
+</style>
diff --git a/packageB/guide/guide.vue b/packageB/guide/guide.vue
index 5f2d370..6a031f7 100644
--- a/packageB/guide/guide.vue
+++ b/packageB/guide/guide.vue
@@ -1,7 +1,7 @@
 <!-- 举报指南 -->
 <template>
 	<view class="guide">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
 		<view class="title">遇到互联网违法和不良信息该怎么举报？</view>
 		<view class="time">
 			时间： 2022-08-18 17:42:00  
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
new file mode 100644
index 0000000..58a4a51
--- /dev/null
+++ b/packageB/messageList/messageList.vue
@@ -0,0 +1,248 @@
+<!-- 网信信息列表 -->
+<template>
+	<view class="message-list">
+		<image src="../../static/index/back.png" style="position:fixed;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="tab-area">
+			<u-tabs 
+				:list="tabList" 
+				:scrollable="false" 
+				:current="currentTab"
+				lineColor="#fff"
+				lineWidth="50"
+				lineHeight="5"
+				:activeStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				:inactiveStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				@click="clickTab">
+			</u-tabs>
+		</view>
+		
+		<view class="event-area">
+			<EventList :list="eventList"/>
+		</view>
+		<u-loadmore :status="status" loadmoreText=" "/>
+		<!-- 返回顶部 -->
+		<u-back-top 
+			:scroll-top="scrollTop" 
+			icon="arrow-up" 
+			customStyle="background: #4390f7;"
+			:iconStyle="iconStyle"
+			duration="200"
+		></u-back-top>
+		
+		<!-- 空 -->
+		<u-empty
+			v-if="isEmpty"
+			mode="search"
+			text="暂无结果"
+			:show="true"
+			iconColor="#77797d"
+			textColor="#77797d"
+			marginTop="80"
+		></u-empty>
+	</view>
+</template>
+
+<script>
+	import EventList from '../../components/index/eventList.vue';
+	import { getLocationParams } from '../../common/utils.js';
+	export default {
+		name: 'MessageList',
+		components: {
+			EventList
+		},
+		data() {
+			return {
+				isEmpty: false,   //数据是否为空
+				iconStyle: {
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				},
+				scrollTop: 0,
+				currentTab: '0', //当前选中的标签的索引
+				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
+				tabList: [
+					{
+						name: '法律法规'
+					},
+					{
+						name: '工作动态'
+					},
+				],
+				eventList: [],  //事件数据
+			}
+		},
+		watch: {
+			eventList: {
+				handler(val){
+					if(val.length) {
+						this.isEmpty = false;
+					} else {
+						this.isEmpty = true;
+					}
+				},
+				deep: true,
+				// immediate: true,
+			}
+		},
+		mounted() {
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+			
+			this.currentTab = getLocationParams('tabIndex');
+			this.clickTab(null, this.currentTab);
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: ' ',
+				// imageUrl: '../../static/share.png',
+				path: "/pages/messageList/messageList",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: '新疆网络举报',
+			}
+		},
+		// 监听滚动条位置
+		onPageScroll(e) {
+			this.scrollTop = e.scrollTop;
+		},
+		//下拉刷新
+		onPullDownRefresh() {
+			console.log('refresh');
+			setTimeout(function () {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+		//上滑加载
+		onReachBottom() {
+			
+		},
+		methods: {
+			clickTab(val, currentTab) {
+				console.log(val)
+				if((val && val.index === 0) || currentTab === '0') {
+					this.eventList = [
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				} else if((val && val.index === 1) || currentTab === '1') {
+					this.eventList = [
+						
+					]
+				} else if((val && val.index === 2) || currentTab === '2') {
+					this.eventList = [
+						{
+							title: '网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-list {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 40rpx;
+		padding-top: 146rpx;
+		.tab-area {
+			position: fixed;
+			box-sizing: border-box;
+			top: 0;
+			left: 0;
+			width: 100%;
+			padding: 20rpx;
+			background-color: #4390f7;
+		}
+	}
+
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/recordDetail/recordDetail.vue b/packageB/recordDetail/recordDetail.vue
index 888ae54..215e6be 100644
--- a/packageB/recordDetail/recordDetail.vue
+++ b/packageB/recordDetail/recordDetail.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="record-detail">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="main">
 			<u--form labelPosition="left" :model="form">
 				<u-form-item label="操作" prop="staffCode" borderBottom labelWidth="100">
diff --git a/packageB/report/report.vue b/packageB/report/report.vue
new file mode 100644
index 0000000..142139f
--- /dev/null
+++ b/packageB/report/report.vue
@@ -0,0 +1,719 @@
+<!-- 发布举报 -->
+<template>
+	<view class="report">
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="title-area">
+			<image :src="`${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
+			<view class="title">
+				<text>
+					举报类目：
+				</text>
+				<text class="title-text">{{typeMap[reportType]}}</text>
+			</view>
+		</view>
+		<view class="content-area">
+			<view class="content">
+				<u--form
+					labelPosition="left"
+					:model="form"
+					:rules="rules"
+					labelWidth="100"
+					ref="form">
+					<u-form-item label="举报人" borderBottom @click="message('举报人')">
+						<u--input
+							v-model="reportName"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
+						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
+					</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>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
+						<u--input
+							placeholder="请输入网站网址" 
+							v-model="form.url"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
+						<u--input
+							v-model="form.zt"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
+						<u-radio-group v-model="form.isNewMedia" placement="row">
+							<u-radio activeColor="#408bf6" label="是" :name="true"></u-radio>
+							<u-radio activeColor="#408bf6" label="否" :name="false"></u-radio>
+						</u-radio-group>
+					</u-form-item>
+					
+					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
+						<u--textarea 
+							v-model="form.desc" 
+							placeholder="描述不超过200个字符" 
+							autoHeight 
+							maxlength='200'
+							:showConfirmBar='true'
+						></u--textarea>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人" 
+							v-model="form.publishName"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人ID" 
+							v-model="form.publishId"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
+						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
+					</u-form-item>
+					
+					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
+						<u-upload
+							accep="image"
+							:fileList="form.picture"
+							@afterRead="afterRead"
+							@delete="deletePic"
+							name="1"
+							:deletable="true"
+							:maxCount="10"
+							:previewFullImage="true"
+						></u-upload>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
+						<view>
+							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
+							<uni-file-picker 
+								v-model="form.affix"
+								limit="1" 
+								file-mediatype="all" 
+								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
+								ref="affix"
+								@select="affixUpload"
+							></uni-file-picker>
+						</view>
+		
+					</u-form-item>
+				</u--form>
+			</view>
+		</view>
+		<view class="button-bottom">
+			<view class="button button-left" @click="submit">举 报</view>
+			<view class="button button-right" @click="reset">重 置</view>
+		</view>
+		<!-- 发布平台 -->
+		<u-picker
+			ref="uPicker"
+			:show="placeShow" 
+			:columns="placeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmPlace"
+			@change="changeHandler"
+			immediateChange
+		></u-picker>
+		<!-- 举报类型 -->
+		<u-picker
+			:show="typeShow" 
+			:columns="reportTypeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmReportType"
+		></u-picker>
+		
+		<!-- 信息来源 -->
+		<u-picker
+			:show="infoSourceShow" 
+			:columns="infoSourceColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmInfoSource"
+		></u-picker>
+		
+		<!-- 举报须知 -->
+		<Message
+			:show="showMessage" 
+			title="举报须知" 
+			:content="messageContent" 
+			@close="close"
+			@refuse="refuse"/>
+	</view>
+</template>
+
+<script>
+	import { getLocationParams } from '../../common/utils.js';
+	import Message from '../../components/base/message.vue';
+	export default {
+		components: {
+			Message
+		},
+		data() {
+			return {
+				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
+				showMessage: false, //举报须知弹窗显隐
+				reportType: '', //举报类型
+				reportIcon: '', //举报icon url
+				typeMap: {
+					web: '网站类型举报',
+					special: '专项举报',
+					other: '其他类型举报',
+				},
+				rules: {
+					// 手机号验证规则
+					'phone': [
+						{
+							required: true, 
+							message: '请输入手机号',
+							trigger: ['change','blur'],
+						},
+						{
+							// 自定义验证函数
+							validator: (rule, value, callback) => {
+								// 上面有说，返回true表示校验通过，返回false表示不通过
+								// uni.$u.test.mobile()就是返回true或者false的
+								return uni.$u.test.mobile(value);
+							},
+							message: '请输入正确的手机号',
+							// 触发器可以同时用blur和change
+							trigger: ['change','blur'],
+						}
+					],
+					// 举报类型
+					'type': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//信息来源
+					'source': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//网站网址
+					'url': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入网站网址',
+							trigger: ['change','blur'],
+						},
+						{
+							validator: (rule, value, callback) => {
+								return uni.$u.test.url(value);
+							},
+							message: '请输入正确的网址',
+							trigger: ['change','blur'],
+						}
+					],
+					// 描述
+					'desc': [
+						{
+							type: 'string',
+							required: true,
+							message: '请输入内容描述',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人
+					'publishName': [
+						{
+							type: 'string',
+							required: true,
+							message: '请填写确认密码',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人ID
+					'publishId': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入发布人ID',
+							trigger: ['change','blur'],
+						},
+					],
+					// 发布平台
+					'place': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择发布平台',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 内容截图
+					'picture': [
+						{
+							type: 'array',
+							required: true,
+							message: '请添加内容截图',
+							trigger: ['blur', 'change']
+						},
+					],
+				},
+				reportName: '', //举报人
+				form: {
+					phone: '', //手机号
+					type: '', //举报类型
+					url: '', //网站网址
+					zt: '涉疆扫黑除恶', //专题
+					isNewMedia: false,  //是否是新媒体
+					desc: '', //内容描述
+					publishName: '', //发布人
+					publishId: '', //发布人id
+					place: '', //发布平台
+					picture: [], //内容截图
+					source: '', //信息来源
+					affix: [], //附件
+				},
+				typeShow: false, //控制举报类型显隐
+				reportTypeColumns: [[  //举报类型
+					{
+						id: 'sldrl',
+						label: '涉领导人类'
+					},
+					{
+						id: 'sdjzl',
+						label: '涉党军政类'
+					},
+					{
+						id: 'sbskl',
+						label: '涉爆涉恐类'
+					},
+					{
+						id: 'mzzjl',
+						label: '民族宗教类'
+					},
+					{
+						id: 'zjzcl',
+						label: '治疆政策类'
+					},
+					{
+						id: 'sjasjl',
+						label: '涉疆案（事）件类'
+					},
+					{
+						id: 'ggaql',
+						label: '公共安全类'
+					},
+					{
+						id: 'zzrsl',
+						label: '组织人事类'
+					},
+					{
+						id: 'shmsl',
+						label: '社会民生类'
+					},
+					{
+						id: 'qtl',
+						label: '其他类'
+					},
+				]],
+				placeShow: false, //控制发布平台显隐
+				placeColumns: [ //发布平台第一列数据
+					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
+					['新浪微博', '腾讯微博'],
+				],
+				placeColumnsData: [ //发布平台第二列数据
+					['新浪微博', '腾讯微博'],
+					['微信公众号', 'QQ空间、群', '微信个人号'],
+					['贴吧', '普通网站', '天涯', '凯迪'],
+					['新浪博客', '腾讯博客'],
+					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
+					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
+					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
+					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
+				],
+				infoSourceColumns: [[
+					{
+						id: 'chart',
+						label: '聊天工具'
+					},
+					{
+						id: 'APP',
+						label: '移动APP'
+					},
+					{
+						id: 'wp',
+						label: '网盘'
+					},
+					{
+						id: 'ssyq',
+						label: '搜索引擎'
+					},
+					{
+						id: 'other',
+						label: '其他'
+					},
+				]],
+				infoSourceShow: false, //控制举报类型显隐
+			}
+		},
+		mounted() {
+			this.reportType = getLocationParams('reportType');
+			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
+			console.log(this.reportIcon)
+			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
+		},
+		onReady() {
+			this.showMessage = true; //显示举报须知
+			this.$refs.form.setRules(this.rules);
+		},
+		methods: {
+			//点击选择器取消按钮
+			cancle() {
+				this.typeShow = false;
+				this.placeShow = false;
+				this.infoSourceShow = false;
+			},
+			//多列联动
+			changeHandler(e) {
+				const {
+						columnIndex,
+						value,
+						values, // values为当前变化列的数组内容
+						index,
+						// 微信小程序无法将picker实例传出来，只能通过ref操作
+						picker = this.$refs.uPicker
+				} = e
+				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
+				if (columnIndex === 0) {
+					// picker为选择器this实例，变化第二列对应的选项
+					picker.setColumnValues(1, this.placeColumnsData[index])
+				}
+			},
+			//确定举报类型
+			confirmReportType(val) {
+				this.cancle();
+				this.form.type = val.value[0].label;
+				console.log(val.value[0].label)
+			},
+			//确定发布平台
+			confirmPlace(val) {
+				this.cancle();
+				this.form.place = val.value[1];
+				console.log(val.value[1])
+			},
+			//确定选择信息来源
+			confirmInfoSource(val) {
+				this.cancle();
+				this.form.source = val.value[0].label;
+			},
+			// 删除图片
+			deletePic(event) {
+				this.form.picture.splice(event.index, 1)
+			},
+			// 新增图片
+			async afterRead(event) {
+				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
+				let lists = [].concat(event.file)
+				let fileListLen = this.form.picture.length
+				lists.map((item) => {
+					this.form.picture.push({
+						...item,
+						status: 'uploading',
+						message: '上传中'
+					})
+				})
+				for (let i = 0; i < lists.length; i++) {
+					const result = await this.uploadFilePromise(lists[i].url)
+					let item = this.form.picture[fileListLen]
+					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
+						status: 'success',
+						message: '',
+						url: result
+					}))
+					fileListLen++
+				}
+			},
+			uploadFilePromise(url) {
+				return new Promise((resolve, reject) => {
+					let a = wx.uploadFile({
+						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
+						filePath: url,
+						name: 'file',
+						formData: {
+							//图片张数
+							// 'length': 上边的filelist.length
+						},
+						header: {
+							"Content-Type": "multipart/form-data"
+						},
+						success: (res) => {
+							setTimeout(() => {
+								resolve(res.data.data)
+							}, 1000)
+						}
+					});
+				})
+			},
+			//点击举报
+			submit() {
+				if(this.form.reportName === '') {
+					wx.showToast({
+					  title: '请先注册',
+					  icon: 'none',
+					  duration: 2000
+					})
+					setTimeout(() => {
+						wx.navigateTo({
+							url: '/packageA/pages/register/register'
+						})
+					}, 2000)
+				} else {
+					this.$refs.form.validate().then(res => {
+						uni.$u.toast('举报成功')
+						wx.navigateTo({
+							url: '/packageA/pages/myReport/myReport'
+						})
+					}).catch(errors => {
+						uni.$u.toast('校验失败')
+					})
+				}
+			},
+			//点击重置
+			reset() {
+				for(let key in this.form) {
+					if(key !== 'zt') {
+						let type = typeof this.form[key];
+						if(type === 'string') {
+							this.form[key] = '';
+						} else if(type === 'object') {
+							this.form[key] = []
+						} else if(type === 'boolean') {
+							this.form[key] = false
+						}
+					}
+				}
+				this.$refs.affix.clearFiles();  //清除附件
+			},
+			//提醒禁止修改举报人
+			message(val) {
+				wx.showToast({
+				  title: `不允许修改${val}`,
+				  icon: 'none',
+				  duration: 2000
+				})
+			},
+			//拒绝举报须知
+			refuse(val) {
+				wx.switchTab({
+					url: '/pages/center/center'
+				})
+			},
+			close(val) {
+				this.showMessage = val;
+			},
+			//附件上传
+			affixUpload(val) {
+				console.log('------', val)
+				wx.uploadFile({
+					url: '你的接口地址',
+					filePath: tempFilePaths[0].path,
+					name: "file",
+					formData: {
+						token: '123', // 这里是传给后端的参数
+					},
+					success: (res) => {
+						const req = JSON.parse(res.data);
+						alert(req.msg);
+					},
+					fail: (err) => {
+						console.log("出错了");
+						console.log(err);
+						alert("上传失败");
+					},
+				});　
+				// wx.chooseMessageFile({
+				// 	count: 1,
+				// 	success: (res) => {
+				// 		const tempFilePaths = res.tempFiles;
+				// 		console.log('上传的文件', tempFilePaths)
+				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
+				// 			wx.showToast({
+				// 			  title: `文件不允许大于50M`,
+				// 			  icon: 'none',
+				// 			  duration: 3000
+				// 			})
+				// 		} else {
+				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
+				// 			console.log(isPass)
+				// 			if(!isPass) {
+				// 				wx.showToast({
+				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
+				// 				  icon: 'none',
+				// 				  duration: 5000
+				// 				})
+				// 			} else {
+				// 				wx.uploadFile({
+				// 					url: '你的接口地址',
+				// 					filePath: tempFilePaths[0].path,
+				// 					name: "file",
+				// 					formData: {
+				// 						token: '123', // 这里是传给后端的参数
+				// 					},
+				// 					success: (res) => {
+				// 						const req = JSON.parse(res.data);
+				// 						alert(req.msg);
+				// 					},
+				// 					fail: (err) => {
+				// 						console.log("出错了");
+				// 						console.log(err);
+				// 						alert("上传失败");
+				// 					},
+				// 				});　
+				// 			}
+				// 		}
+				// 	},
+				// });
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.report {
+		box-sizing: border-box;
+		padding: 20rpx;
+		padding-bottom: 60rpx;
+		.title-area {
+			display: flex;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			.title {
+				margin-left: 32rpx;
+				.title-text {
+					font-weight: 600;
+				}
+			}
+		}	
+		.content-area {
+			padding: 20rpx;
+			.content {
+				background-color: #fff;
+				border-radius: 16rpx;
+				padding: 50rpx 20rpx;
+				box-sizing: border-box;
+			}
+		}
+		.button {
+			width: 100%;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
+			border-radius: 10rpx;
+			margin: 64rpx 0 32rpx 0;
+			white-space: nowrap;
+			box-sizing: border-box;
+			&:active {
+				background-color: #fff;
+				color: #408bf6;
+			}
+		}
+		.button-bottom {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-around;
+			align-items: center;
+			margin-top: 40rpx;
+			.button-left {
+				width: fit-content;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+			}
+			.button-right {
+				width: fit-content;
+				font-weight: 500;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+				color: #408bf6;
+				background-color: #fff;
+				&:active {
+					background-color: #d5e0ea;
+					font-weight: 600;
+				}
+			}
+		}
+	}
+</style>
+
+<style lang="scss">
+	.report {
+		.u-form-item__body {
+			// padding: 40rpx 0 !important;
+		}
+		.u-toolbar__wrapper__confirm {
+			color: #408bf6 !important;
+		}
+		.u-radio {
+			margin-right: 54rpx;
+		}
+		.u-form-item__body__left__content__label {
+			white-space: nowrap;
+			font-weight: 600;
+		}
+		.u-form-item__body__right__content__slot {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			align-items: center;
+		}
+		.u-input--radius, .u-input--square {
+			background-color: transparent !important;
+		}
+	}
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 5bf4a61..32ca911 100644
--- a/pages.json
+++ b/pages.json
@@ -9,14 +9,6 @@
 				"enablePullDownRefresh": false
 			}
 		},
-		{
-			"path" : "pages/center/center",
-			"style" :                                                                                    
-			{
-				"navigationBarTitleText": "举报中心",
-				"enablePullDownRefresh": false
-			}   
-		},
 			{
 				"path" : "pages/mine/mine",
 				"style" :                                                                                    
@@ -47,8 +39,8 @@
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "新疆网络举报",
-		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#fff"
+		"navigationBarBackgroundColor": "#4390f7",
+		"backgroundColor": "#4390f7"
 	},
 	"tabBar": {
 		"color": "#424242",
@@ -86,14 +78,6 @@
 		"root": "packageA",//分包名
 		"pages": [
 			{
-				"path" : "pages/messageList/messageList",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "网信信息列表",
-					"enablePullDownRefresh": true
-				}    
-			},
-			{
 				"path" : "pages/messageDetail/messageDetail",
 				"style" :                                                                                    
 				{
@@ -148,15 +132,15 @@
 					"navigationBarTitleText": "账号绑定",
 					"enablePullDownRefresh": false
 				}	
-			},
-			{
-				"path" : "pages/report/report",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "发布举报",
-					"enablePullDownRefresh": false
-				}	
 			}
+			// {
+			// 	"path" : "pages/report/report",
+			// 	"style" :                                                                                    
+			// 	{
+			// 		"navigationBarTitleText": "发布举报",
+			// 		"enablePullDownRefresh": false
+			// 	}	
+			// }
 		]
 	},
 	{
@@ -190,6 +174,36 @@
 						"navigationBarBackgroundColor": "#4390f7",
 						"navigationBarTextStyle": "white"
 					}
+				},
+				{
+					"path" : "center/center",
+					"style" :                                                                                    
+					{
+						"navigationBarTitleText": "举报中心",
+						"enablePullDownRefresh": false,
+						"navigationBarBackgroundColor": "#4390f7",
+						"navigationBarTextStyle": "white"
+					}
+				},
+				{
+					"path" : "report/report",
+					"style" :                                                                                    
+						{
+							"navigationBarTitleText": "发布举报",
+							"enablePullDownRefresh": false,
+							"navigationBarBackgroundColor": "#4390f7",
+							"navigationBarTextStyle": "white"
+						}
+				}
+				,{
+						"path" : "messageList/messageList",
+						"style" :                                                                                    
+					{
+						"navigationBarTitleText": "网信信息列表",
+						"enablePullDownRefresh": true,
+						"navigationBarBackgroundColor": "#4390f7",
+						"navigationBarTextStyle": "white"
+					}
 				}
 			]
 	}]

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/messageList/messageList.vue b/packageA/pages/messageList/messageList.vue
index a10e163..8432690 100644
--- a/packageA/pages/messageList/messageList.vue
+++ b/packageA/pages/messageList/messageList.vue
@@ -6,7 +6,7 @@
 				:list="tabList" 
 				:scrollable="false" 
 				:current="currentTab"
-				lineColor="#0096e0"
+				lineColor="#408bf6"
 				lineWidth="50"
 				lineHeight="5"
 				@click="clickTab">
diff --git a/packageA/pages/register/register.vue b/packageA/pages/register/register.vue
index 43fe95c..278e9c3 100644
--- a/packageA/pages/register/register.vue
+++ b/packageA/pages/register/register.vue
@@ -315,15 +315,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -342,7 +342,7 @@
 				font-weight: 500;
 				padding: 20rpx 40rpx;
 				margin-top: 0;
-				color: #0096e0;
+				color: #408bf6;
 				background-color: #fff;
 				&:active {
 					background-color: #d5e0ea;
diff --git a/packageA/pages/report/report.vue b/packageA/pages/report/report.vue
deleted file mode 100644
index 1e04a97..0000000
--- a/packageA/pages/report/report.vue
+++ /dev/null
@@ -1,712 +0,0 @@
-<!-- 发布举报 -->
-<template>
-	<view class="report">
-		<view class="title-area">
-			<image :src="`../${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
-			<view class="title">
-				<text>
-					举报类目：
-				</text>
-				<text class="title-text">{{typeMap[reportType]}}</text>
-			</view>
-		</view>
-		<view class="content-area">
-			<view class="content">
-				<u--form
-					labelPosition="left"
-					:model="form"
-					:rules="rules"
-					labelWidth="100"
-					ref="form">
-					<u-form-item label="举报人" borderBottom @click="message('举报人')">
-						<u--input
-							v-model="reportName"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
-						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
-					</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>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
-						<u--input
-							placeholder="请输入网站网址" 
-							v-model="form.url"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
-						<u--input
-							v-model="form.zt"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
-						<u-radio-group v-model="form.isNewMedia" placement="row">
-							<u-radio activeColor="#0096e0" label="是" :name="true"></u-radio>
-							<u-radio activeColor="#0096e0" label="否" :name="false"></u-radio>
-						</u-radio-group>
-					</u-form-item>
-					
-					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
-						<u--textarea 
-							v-model="form.desc" 
-							placeholder="描述不超过200个字符" 
-							autoHeight 
-							maxlength='200'
-							:showConfirmBar='true'
-						></u--textarea>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人" 
-							v-model="form.publishName"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人ID" 
-							v-model="form.publishId"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
-						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
-					</u-form-item>
-					
-					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
-						<u-upload
-							accep="image"
-							:fileList="form.picture"
-							@afterRead="afterRead"
-							@delete="deletePic"
-							name="1"
-							:deletable="true"
-							:maxCount="10"
-							:previewFullImage="true"
-						></u-upload>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
-						<view>
-							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
-							<uni-file-picker 
-								v-model="form.affix"
-								limit="1" 
-								file-mediatype="all" 
-								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
-								ref="affix"
-								@select="affixUpload"
-							></uni-file-picker>
-						</view>
-		
-					</u-form-item>
-				</u--form>
-			</view>
-		</view>
-		<view class="button-bottom">
-			<view class="button button-left" @click="submit">举 报</view>
-			<view class="button button-right" @click="reset">重 置</view>
-		</view>
-		<!-- 发布平台 -->
-		<u-picker
-			ref="uPicker"
-			:show="placeShow" 
-			:columns="placeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmPlace"
-			@change="changeHandler"
-			immediateChange
-		></u-picker>
-		<!-- 举报类型 -->
-		<u-picker
-			:show="typeShow" 
-			:columns="reportTypeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmReportType"
-		></u-picker>
-		
-		<!-- 信息来源 -->
-		<u-picker
-			:show="infoSourceShow" 
-			:columns="infoSourceColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmInfoSource"
-		></u-picker>
-		
-		<!-- 举报须知 -->
-		<Message
-			:show="showMessage" 
-			title="举报须知" 
-			:content="messageContent" 
-			@close="close"
-			@refuse="refuse"/>
-	</view>
-</template>
-
-<script>
-	import { getLocationParams } from '../../../common/utils.js';
-	import Message from '../../../components/base/message.vue';
-	export default {
-		components: {
-			Message
-		},
-		data() {
-			return {
-				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
-				showMessage: false, //举报须知弹窗显隐
-				reportType: '', //举报类型
-				reportIcon: '', //举报icon url
-				typeMap: {
-					web: '网站类型举报',
-					special: '专项举报',
-					other: '其他类型举报',
-				},
-				rules: {
-					// 手机号验证规则
-					'phone': [
-						{
-							required: true, 
-							message: '请输入手机号',
-							trigger: ['change','blur'],
-						},
-						{
-							// 自定义验证函数
-							validator: (rule, value, callback) => {
-								// 上面有说，返回true表示校验通过，返回false表示不通过
-								// uni.$u.test.mobile()就是返回true或者false的
-								return uni.$u.test.mobile(value);
-							},
-							message: '请输入正确的手机号',
-							// 触发器可以同时用blur和change
-							trigger: ['change','blur'],
-						}
-					],
-					// 举报类型
-					'type': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//信息来源
-					'source': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//网站网址
-					'url': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入网站网址',
-							trigger: ['change','blur'],
-						},
-						{
-							validator: (rule, value, callback) => {
-								return uni.$u.test.url(value);
-							},
-							message: '请输入正确的网址',
-							trigger: ['change','blur'],
-						}
-					],
-					// 描述
-					'desc': [
-						{
-							type: 'string',
-							required: true,
-							message: '请输入内容描述',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人
-					'publishName': [
-						{
-							type: 'string',
-							required: true,
-							message: '请填写确认密码',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人ID
-					'publishId': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入发布人ID',
-							trigger: ['change','blur'],
-						},
-					],
-					// 发布平台
-					'place': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择发布平台',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 内容截图
-					'picture': [
-						{
-							type: 'array',
-							required: true,
-							message: '请添加内容截图',
-							trigger: ['blur', 'change']
-						},
-					],
-				},
-				reportName: '', //举报人
-				form: {
-					phone: '', //手机号
-					type: '', //举报类型
-					url: '', //网站网址
-					zt: '涉疆扫黑除恶', //专题
-					isNewMedia: false,  //是否是新媒体
-					desc: '', //内容描述
-					publishName: '', //发布人
-					publishId: '', //发布人id
-					place: '', //发布平台
-					picture: [], //内容截图
-					source: '', //信息来源
-					affix: [], //附件
-				},
-				typeShow: false, //控制举报类型显隐
-				reportTypeColumns: [[  //举报类型
-					{
-						id: 'sldrl',
-						label: '涉领导人类'
-					},
-					{
-						id: 'sdjzl',
-						label: '涉党军政类'
-					},
-					{
-						id: 'sbskl',
-						label: '涉爆涉恐类'
-					},
-					{
-						id: 'mzzjl',
-						label: '民族宗教类'
-					},
-					{
-						id: 'zjzcl',
-						label: '治疆政策类'
-					},
-					{
-						id: 'sjasjl',
-						label: '涉疆案（事）件类'
-					},
-					{
-						id: 'ggaql',
-						label: '公共安全类'
-					},
-					{
-						id: 'zzrsl',
-						label: '组织人事类'
-					},
-					{
-						id: 'shmsl',
-						label: '社会民生类'
-					},
-					{
-						id: 'qtl',
-						label: '其他类'
-					},
-				]],
-				placeShow: false, //控制发布平台显隐
-				placeColumns: [ //发布平台第一列数据
-					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
-					['新浪微博', '腾讯微博'],
-				],
-				placeColumnsData: [ //发布平台第二列数据
-					['新浪微博', '腾讯微博'],
-					['微信公众号', 'QQ空间、群', '微信个人号'],
-					['贴吧', '普通网站', '天涯', '凯迪'],
-					['新浪博客', '腾讯博客'],
-					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
-					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
-					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
-					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
-				],
-				infoSourceColumns: [[
-					{
-						id: 'chart',
-						label: '聊天工具'
-					},
-					{
-						id: 'APP',
-						label: '移动APP'
-					},
-					{
-						id: 'wp',
-						label: '网盘'
-					},
-					{
-						id: 'ssyq',
-						label: '搜索引擎'
-					},
-					{
-						id: 'other',
-						label: '其他'
-					},
-				]],
-				infoSourceShow: false, //控制举报类型显隐
-			}
-		},
-		mounted() {
-			this.reportType = getLocationParams('reportType');
-			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
-			console.log(this.reportIcon)
-			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
-		},
-		onReady() {
-			this.showMessage = true; //显示举报须知
-			this.$refs.form.setRules(this.rules);
-		},
-		methods: {
-			//点击选择器取消按钮
-			cancle() {
-				this.typeShow = false;
-				this.placeShow = false;
-				this.infoSourceShow = false;
-			},
-			//多列联动
-			changeHandler(e) {
-				const {
-						columnIndex,
-						value,
-						values, // values为当前变化列的数组内容
-						index,
-						// 微信小程序无法将picker实例传出来，只能通过ref操作
-						picker = this.$refs.uPicker
-				} = e
-				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
-				if (columnIndex === 0) {
-					// picker为选择器this实例，变化第二列对应的选项
-					picker.setColumnValues(1, this.placeColumnsData[index])
-				}
-			},
-			//确定举报类型
-			confirmReportType(val) {
-				this.cancle();
-				this.form.type = val.value[0].label;
-				console.log(val.value[0].label)
-			},
-			//确定发布平台
-			confirmPlace(val) {
-				this.cancle();
-				this.form.place = val.value[1];
-				console.log(val.value[1])
-			},
-			//确定选择信息来源
-			confirmInfoSource(val) {
-				this.cancle();
-				this.form.source = val.value[0].label;
-			},
-			// 删除图片
-			deletePic(event) {
-				this.form.picture.splice(event.index, 1)
-			},
-			// 新增图片
-			async afterRead(event) {
-				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-				let lists = [].concat(event.file)
-				let fileListLen = this.form.picture.length
-				lists.map((item) => {
-					this.form.picture.push({
-						...item,
-						status: 'uploading',
-						message: '上传中'
-					})
-				})
-				for (let i = 0; i < lists.length; i++) {
-					const result = await this.uploadFilePromise(lists[i].url)
-					let item = this.form.picture[fileListLen]
-					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
-						status: 'success',
-						message: '',
-						url: result
-					}))
-					fileListLen++
-				}
-			},
-			uploadFilePromise(url) {
-				return new Promise((resolve, reject) => {
-					let a = wx.uploadFile({
-						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
-						filePath: url,
-						name: 'file',
-						formData: {
-							//图片张数
-							// 'length': 上边的filelist.length
-						},
-						header: {
-							"Content-Type": "multipart/form-data"
-						},
-						success: (res) => {
-							setTimeout(() => {
-								resolve(res.data.data)
-							}, 1000)
-						}
-					});
-				})
-			},
-			//点击举报
-			submit() {
-				if(this.form.reportName === '') {
-					wx.showToast({
-					  title: '请先注册',
-					  icon: 'none',
-					  duration: 2000
-					})
-					setTimeout(() => {
-						wx.navigateTo({
-							url: '/packageA/pages/register/register'
-						})
-					}, 2000)
-				} else {
-					this.$refs.form.validate().then(res => {
-						uni.$u.toast('举报成功')
-						wx.navigateTo({
-							url: '/packageA/pages/myReport/myReport'
-						})
-					}).catch(errors => {
-						uni.$u.toast('校验失败')
-					})
-				}
-			},
-			//点击重置
-			reset() {
-				for(let key in this.form) {
-					if(key !== 'zt') {
-						let type = typeof this.form[key];
-						if(type === 'string') {
-							this.form[key] = '';
-						} else if(type === 'object') {
-							this.form[key] = []
-						} else if(type === 'boolean') {
-							this.form[key] = false
-						}
-					}
-				}
-				this.$refs.affix.clearFiles();  //清除附件
-			},
-			//提醒禁止修改举报人
-			message(val) {
-				wx.showToast({
-				  title: `不允许修改${val}`,
-				  icon: 'none',
-				  duration: 2000
-				})
-			},
-			//拒绝举报须知
-			refuse(val) {
-				wx.switchTab({
-					url: '/pages/center/center'
-				})
-			},
-			close(val) {
-				this.showMessage = val;
-			},
-			//附件上传
-			affixUpload(val) {
-				console.log('------', val)
-				wx.uploadFile({
-					url: '你的接口地址',
-					filePath: tempFilePaths[0].path,
-					name: "file",
-					formData: {
-						token: '123', // 这里是传给后端的参数
-					},
-					success: (res) => {
-						const req = JSON.parse(res.data);
-						alert(req.msg);
-					},
-					fail: (err) => {
-						console.log("出错了");
-						console.log(err);
-						alert("上传失败");
-					},
-				});　
-				// wx.chooseMessageFile({
-				// 	count: 1,
-				// 	success: (res) => {
-				// 		const tempFilePaths = res.tempFiles;
-				// 		console.log('上传的文件', tempFilePaths)
-				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
-				// 			wx.showToast({
-				// 			  title: `文件不允许大于50M`,
-				// 			  icon: 'none',
-				// 			  duration: 3000
-				// 			})
-				// 		} else {
-				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
-				// 			console.log(isPass)
-				// 			if(!isPass) {
-				// 				wx.showToast({
-				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
-				// 				  icon: 'none',
-				// 				  duration: 5000
-				// 				})
-				// 			} else {
-				// 				wx.uploadFile({
-				// 					url: '你的接口地址',
-				// 					filePath: tempFilePaths[0].path,
-				// 					name: "file",
-				// 					formData: {
-				// 						token: '123', // 这里是传给后端的参数
-				// 					},
-				// 					success: (res) => {
-				// 						const req = JSON.parse(res.data);
-				// 						alert(req.msg);
-				// 					},
-				// 					fail: (err) => {
-				// 						console.log("出错了");
-				// 						console.log(err);
-				// 						alert("上传失败");
-				// 					},
-				// 				});　
-				// 			}
-				// 		}
-				// 	},
-				// });
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.report {
-		box-sizing: border-box;
-		padding-bottom: 60rpx;
-		.title-area {
-			display: flex;
-			align-items: center;
-			padding: 20rpx;
-			background-color: #fff;
-			.title {
-				margin-left: 32rpx;
-				.title-text {
-					font-weight: 600;
-				}
-			}
-		}	
-		.content-area {
-			padding: 20rpx;
-			.content {
-				background-color: #fff;
-				border-radius: 16rpx;
-				padding: 50rpx 20rpx;
-				box-sizing: border-box;
-			}
-		}
-		.button {
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 20rpx;
-			color: #fff;
-			font-weight: 600;
-			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
-			border-radius: 10rpx;
-			margin: 64rpx 0 32rpx 0;
-			white-space: nowrap;
-			box-sizing: border-box;
-			&:active {
-				background-color: #fff;
-				color: #0096e0;
-			}
-		}
-		.button-bottom {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
-			align-items: center;
-			margin-top: 40rpx;
-			.button-left {
-				width: fit-content;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-			}
-			.button-right {
-				width: fit-content;
-				font-weight: 500;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-				color: #0096e0;
-				background-color: #fff;
-				&:active {
-					background-color: #d5e0ea;
-					font-weight: 600;
-				}
-			}
-		}
-	}
-</style>
-
-<style lang="scss">
-	.report {
-		.u-form-item__body {
-			// padding: 40rpx 0 !important;
-		}
-		.u-toolbar__wrapper__confirm {
-			color: #0096e0 !important;
-		}
-		.u-radio {
-			margin-right: 54rpx;
-		}
-		.u-form-item__body__left__content__label {
-			white-space: nowrap;
-			font-weight: 600;
-		}
-		.u-form-item__body__right__content__slot {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-		}
-		.u-input--radius, .u-input--square {
-			background-color: transparent !important;
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
new file mode 100644
index 0000000..3986ff0
--- /dev/null
+++ b/packageB/center/center.vue
@@ -0,0 +1,121 @@
+<!-- 举报中心 -->
+<template>
+	<view class="center">
+		<image src="../../static/index/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="content">
+			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon)">
+				<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>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'center',
+		components: {
+		},
+		data() {
+			return {
+				tabList: [
+					{
+						id: 'web',
+						title: '网站类型举报',
+						dec: '网站地址',
+						icon: '../../static/center/web.png',
+						span: '6',
+						style: 'width: 52px;height: 60px;'
+					},
+					{
+						id: 'special',
+						title: '专项举报',
+						dec: '扫黑除恶专题举报',
+						icon: '../../static/center/special.png',
+						span: '6',
+						style: 'width: 52px;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)
+				wx.navigateTo({
+					url: `/packageB/report/report?reportType=${val}&icon=` + encodeURIComponent(icon)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.center {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		padding: 40rpx;
+		padding-top: 380rpx;
+		box-sizing: border-box;
+		.center-title {
+			position: absolute;
+			top: 40rpx;
+			left: 40rpx;
+			color: #fff;
+			font-size: 48rpx;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+		}
+		.content {
+			display: flex;
+			flex-direction: column;
+			background-color: #fff;
+			border-radius: 16rpx;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.content-main {
+				display: flex;
+				align-items: center;
+				background: red;
+				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
+				margin-top: 40rpx;
+				padding: 20rpx;
+				padding-left: 60rpx;
+				border-radius: 20rpx;
+				color: #fff;
+				.text-area {
+					flex: 1;
+					margin-left: 40rpx;
+					text-align: center;
+					font-weight: 600;
+					&:last-child {
+						margin-left: 32rpx;
+					}
+					.content-title {
+						margin-right: 20rpx;
+					}
+				}
+				
+			}
+		}
+	}
+</style>
+<style lang="scss">
+	.center {
+		.u-icon__icon {
+			margin-right: -20rpx;
+		}
+	}
+</style>
diff --git a/packageB/guide/guide.vue b/packageB/guide/guide.vue
index 5f2d370..6a031f7 100644
--- a/packageB/guide/guide.vue
+++ b/packageB/guide/guide.vue
@@ -1,7 +1,7 @@
 <!-- 举报指南 -->
 <template>
 	<view class="guide">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
 		<view class="title">遇到互联网违法和不良信息该怎么举报？</view>
 		<view class="time">
 			时间： 2022-08-18 17:42:00  
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
new file mode 100644
index 0000000..58a4a51
--- /dev/null
+++ b/packageB/messageList/messageList.vue
@@ -0,0 +1,248 @@
+<!-- 网信信息列表 -->
+<template>
+	<view class="message-list">
+		<image src="../../static/index/back.png" style="position:fixed;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="tab-area">
+			<u-tabs 
+				:list="tabList" 
+				:scrollable="false" 
+				:current="currentTab"
+				lineColor="#fff"
+				lineWidth="50"
+				lineHeight="5"
+				:activeStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				:inactiveStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				@click="clickTab">
+			</u-tabs>
+		</view>
+		
+		<view class="event-area">
+			<EventList :list="eventList"/>
+		</view>
+		<u-loadmore :status="status" loadmoreText=" "/>
+		<!-- 返回顶部 -->
+		<u-back-top 
+			:scroll-top="scrollTop" 
+			icon="arrow-up" 
+			customStyle="background: #4390f7;"
+			:iconStyle="iconStyle"
+			duration="200"
+		></u-back-top>
+		
+		<!-- 空 -->
+		<u-empty
+			v-if="isEmpty"
+			mode="search"
+			text="暂无结果"
+			:show="true"
+			iconColor="#77797d"
+			textColor="#77797d"
+			marginTop="80"
+		></u-empty>
+	</view>
+</template>
+
+<script>
+	import EventList from '../../components/index/eventList.vue';
+	import { getLocationParams } from '../../common/utils.js';
+	export default {
+		name: 'MessageList',
+		components: {
+			EventList
+		},
+		data() {
+			return {
+				isEmpty: false,   //数据是否为空
+				iconStyle: {
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				},
+				scrollTop: 0,
+				currentTab: '0', //当前选中的标签的索引
+				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
+				tabList: [
+					{
+						name: '法律法规'
+					},
+					{
+						name: '工作动态'
+					},
+				],
+				eventList: [],  //事件数据
+			}
+		},
+		watch: {
+			eventList: {
+				handler(val){
+					if(val.length) {
+						this.isEmpty = false;
+					} else {
+						this.isEmpty = true;
+					}
+				},
+				deep: true,
+				// immediate: true,
+			}
+		},
+		mounted() {
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+			
+			this.currentTab = getLocationParams('tabIndex');
+			this.clickTab(null, this.currentTab);
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: ' ',
+				// imageUrl: '../../static/share.png',
+				path: "/pages/messageList/messageList",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: '新疆网络举报',
+			}
+		},
+		// 监听滚动条位置
+		onPageScroll(e) {
+			this.scrollTop = e.scrollTop;
+		},
+		//下拉刷新
+		onPullDownRefresh() {
+			console.log('refresh');
+			setTimeout(function () {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+		//上滑加载
+		onReachBottom() {
+			
+		},
+		methods: {
+			clickTab(val, currentTab) {
+				console.log(val)
+				if((val && val.index === 0) || currentTab === '0') {
+					this.eventList = [
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				} else if((val && val.index === 1) || currentTab === '1') {
+					this.eventList = [
+						
+					]
+				} else if((val && val.index === 2) || currentTab === '2') {
+					this.eventList = [
+						{
+							title: '网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-list {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 40rpx;
+		padding-top: 146rpx;
+		.tab-area {
+			position: fixed;
+			box-sizing: border-box;
+			top: 0;
+			left: 0;
+			width: 100%;
+			padding: 20rpx;
+			background-color: #4390f7;
+		}
+	}
+
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/recordDetail/recordDetail.vue b/packageB/recordDetail/recordDetail.vue
index 888ae54..215e6be 100644
--- a/packageB/recordDetail/recordDetail.vue
+++ b/packageB/recordDetail/recordDetail.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="record-detail">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="main">
 			<u--form labelPosition="left" :model="form">
 				<u-form-item label="操作" prop="staffCode" borderBottom labelWidth="100">
diff --git a/packageB/report/report.vue b/packageB/report/report.vue
new file mode 100644
index 0000000..142139f
--- /dev/null
+++ b/packageB/report/report.vue
@@ -0,0 +1,719 @@
+<!-- 发布举报 -->
+<template>
+	<view class="report">
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="title-area">
+			<image :src="`${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
+			<view class="title">
+				<text>
+					举报类目：
+				</text>
+				<text class="title-text">{{typeMap[reportType]}}</text>
+			</view>
+		</view>
+		<view class="content-area">
+			<view class="content">
+				<u--form
+					labelPosition="left"
+					:model="form"
+					:rules="rules"
+					labelWidth="100"
+					ref="form">
+					<u-form-item label="举报人" borderBottom @click="message('举报人')">
+						<u--input
+							v-model="reportName"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
+						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
+					</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>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
+						<u--input
+							placeholder="请输入网站网址" 
+							v-model="form.url"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
+						<u--input
+							v-model="form.zt"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
+						<u-radio-group v-model="form.isNewMedia" placement="row">
+							<u-radio activeColor="#408bf6" label="是" :name="true"></u-radio>
+							<u-radio activeColor="#408bf6" label="否" :name="false"></u-radio>
+						</u-radio-group>
+					</u-form-item>
+					
+					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
+						<u--textarea 
+							v-model="form.desc" 
+							placeholder="描述不超过200个字符" 
+							autoHeight 
+							maxlength='200'
+							:showConfirmBar='true'
+						></u--textarea>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人" 
+							v-model="form.publishName"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人ID" 
+							v-model="form.publishId"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
+						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
+					</u-form-item>
+					
+					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
+						<u-upload
+							accep="image"
+							:fileList="form.picture"
+							@afterRead="afterRead"
+							@delete="deletePic"
+							name="1"
+							:deletable="true"
+							:maxCount="10"
+							:previewFullImage="true"
+						></u-upload>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
+						<view>
+							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
+							<uni-file-picker 
+								v-model="form.affix"
+								limit="1" 
+								file-mediatype="all" 
+								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
+								ref="affix"
+								@select="affixUpload"
+							></uni-file-picker>
+						</view>
+		
+					</u-form-item>
+				</u--form>
+			</view>
+		</view>
+		<view class="button-bottom">
+			<view class="button button-left" @click="submit">举 报</view>
+			<view class="button button-right" @click="reset">重 置</view>
+		</view>
+		<!-- 发布平台 -->
+		<u-picker
+			ref="uPicker"
+			:show="placeShow" 
+			:columns="placeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmPlace"
+			@change="changeHandler"
+			immediateChange
+		></u-picker>
+		<!-- 举报类型 -->
+		<u-picker
+			:show="typeShow" 
+			:columns="reportTypeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmReportType"
+		></u-picker>
+		
+		<!-- 信息来源 -->
+		<u-picker
+			:show="infoSourceShow" 
+			:columns="infoSourceColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmInfoSource"
+		></u-picker>
+		
+		<!-- 举报须知 -->
+		<Message
+			:show="showMessage" 
+			title="举报须知" 
+			:content="messageContent" 
+			@close="close"
+			@refuse="refuse"/>
+	</view>
+</template>
+
+<script>
+	import { getLocationParams } from '../../common/utils.js';
+	import Message from '../../components/base/message.vue';
+	export default {
+		components: {
+			Message
+		},
+		data() {
+			return {
+				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
+				showMessage: false, //举报须知弹窗显隐
+				reportType: '', //举报类型
+				reportIcon: '', //举报icon url
+				typeMap: {
+					web: '网站类型举报',
+					special: '专项举报',
+					other: '其他类型举报',
+				},
+				rules: {
+					// 手机号验证规则
+					'phone': [
+						{
+							required: true, 
+							message: '请输入手机号',
+							trigger: ['change','blur'],
+						},
+						{
+							// 自定义验证函数
+							validator: (rule, value, callback) => {
+								// 上面有说，返回true表示校验通过，返回false表示不通过
+								// uni.$u.test.mobile()就是返回true或者false的
+								return uni.$u.test.mobile(value);
+							},
+							message: '请输入正确的手机号',
+							// 触发器可以同时用blur和change
+							trigger: ['change','blur'],
+						}
+					],
+					// 举报类型
+					'type': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//信息来源
+					'source': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//网站网址
+					'url': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入网站网址',
+							trigger: ['change','blur'],
+						},
+						{
+							validator: (rule, value, callback) => {
+								return uni.$u.test.url(value);
+							},
+							message: '请输入正确的网址',
+							trigger: ['change','blur'],
+						}
+					],
+					// 描述
+					'desc': [
+						{
+							type: 'string',
+							required: true,
+							message: '请输入内容描述',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人
+					'publishName': [
+						{
+							type: 'string',
+							required: true,
+							message: '请填写确认密码',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人ID
+					'publishId': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入发布人ID',
+							trigger: ['change','blur'],
+						},
+					],
+					// 发布平台
+					'place': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择发布平台',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 内容截图
+					'picture': [
+						{
+							type: 'array',
+							required: true,
+							message: '请添加内容截图',
+							trigger: ['blur', 'change']
+						},
+					],
+				},
+				reportName: '', //举报人
+				form: {
+					phone: '', //手机号
+					type: '', //举报类型
+					url: '', //网站网址
+					zt: '涉疆扫黑除恶', //专题
+					isNewMedia: false,  //是否是新媒体
+					desc: '', //内容描述
+					publishName: '', //发布人
+					publishId: '', //发布人id
+					place: '', //发布平台
+					picture: [], //内容截图
+					source: '', //信息来源
+					affix: [], //附件
+				},
+				typeShow: false, //控制举报类型显隐
+				reportTypeColumns: [[  //举报类型
+					{
+						id: 'sldrl',
+						label: '涉领导人类'
+					},
+					{
+						id: 'sdjzl',
+						label: '涉党军政类'
+					},
+					{
+						id: 'sbskl',
+						label: '涉爆涉恐类'
+					},
+					{
+						id: 'mzzjl',
+						label: '民族宗教类'
+					},
+					{
+						id: 'zjzcl',
+						label: '治疆政策类'
+					},
+					{
+						id: 'sjasjl',
+						label: '涉疆案（事）件类'
+					},
+					{
+						id: 'ggaql',
+						label: '公共安全类'
+					},
+					{
+						id: 'zzrsl',
+						label: '组织人事类'
+					},
+					{
+						id: 'shmsl',
+						label: '社会民生类'
+					},
+					{
+						id: 'qtl',
+						label: '其他类'
+					},
+				]],
+				placeShow: false, //控制发布平台显隐
+				placeColumns: [ //发布平台第一列数据
+					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
+					['新浪微博', '腾讯微博'],
+				],
+				placeColumnsData: [ //发布平台第二列数据
+					['新浪微博', '腾讯微博'],
+					['微信公众号', 'QQ空间、群', '微信个人号'],
+					['贴吧', '普通网站', '天涯', '凯迪'],
+					['新浪博客', '腾讯博客'],
+					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
+					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
+					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
+					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
+				],
+				infoSourceColumns: [[
+					{
+						id: 'chart',
+						label: '聊天工具'
+					},
+					{
+						id: 'APP',
+						label: '移动APP'
+					},
+					{
+						id: 'wp',
+						label: '网盘'
+					},
+					{
+						id: 'ssyq',
+						label: '搜索引擎'
+					},
+					{
+						id: 'other',
+						label: '其他'
+					},
+				]],
+				infoSourceShow: false, //控制举报类型显隐
+			}
+		},
+		mounted() {
+			this.reportType = getLocationParams('reportType');
+			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
+			console.log(this.reportIcon)
+			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
+		},
+		onReady() {
+			this.showMessage = true; //显示举报须知
+			this.$refs.form.setRules(this.rules);
+		},
+		methods: {
+			//点击选择器取消按钮
+			cancle() {
+				this.typeShow = false;
+				this.placeShow = false;
+				this.infoSourceShow = false;
+			},
+			//多列联动
+			changeHandler(e) {
+				const {
+						columnIndex,
+						value,
+						values, // values为当前变化列的数组内容
+						index,
+						// 微信小程序无法将picker实例传出来，只能通过ref操作
+						picker = this.$refs.uPicker
+				} = e
+				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
+				if (columnIndex === 0) {
+					// picker为选择器this实例，变化第二列对应的选项
+					picker.setColumnValues(1, this.placeColumnsData[index])
+				}
+			},
+			//确定举报类型
+			confirmReportType(val) {
+				this.cancle();
+				this.form.type = val.value[0].label;
+				console.log(val.value[0].label)
+			},
+			//确定发布平台
+			confirmPlace(val) {
+				this.cancle();
+				this.form.place = val.value[1];
+				console.log(val.value[1])
+			},
+			//确定选择信息来源
+			confirmInfoSource(val) {
+				this.cancle();
+				this.form.source = val.value[0].label;
+			},
+			// 删除图片
+			deletePic(event) {
+				this.form.picture.splice(event.index, 1)
+			},
+			// 新增图片
+			async afterRead(event) {
+				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
+				let lists = [].concat(event.file)
+				let fileListLen = this.form.picture.length
+				lists.map((item) => {
+					this.form.picture.push({
+						...item,
+						status: 'uploading',
+						message: '上传中'
+					})
+				})
+				for (let i = 0; i < lists.length; i++) {
+					const result = await this.uploadFilePromise(lists[i].url)
+					let item = this.form.picture[fileListLen]
+					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
+						status: 'success',
+						message: '',
+						url: result
+					}))
+					fileListLen++
+				}
+			},
+			uploadFilePromise(url) {
+				return new Promise((resolve, reject) => {
+					let a = wx.uploadFile({
+						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
+						filePath: url,
+						name: 'file',
+						formData: {
+							//图片张数
+							// 'length': 上边的filelist.length
+						},
+						header: {
+							"Content-Type": "multipart/form-data"
+						},
+						success: (res) => {
+							setTimeout(() => {
+								resolve(res.data.data)
+							}, 1000)
+						}
+					});
+				})
+			},
+			//点击举报
+			submit() {
+				if(this.form.reportName === '') {
+					wx.showToast({
+					  title: '请先注册',
+					  icon: 'none',
+					  duration: 2000
+					})
+					setTimeout(() => {
+						wx.navigateTo({
+							url: '/packageA/pages/register/register'
+						})
+					}, 2000)
+				} else {
+					this.$refs.form.validate().then(res => {
+						uni.$u.toast('举报成功')
+						wx.navigateTo({
+							url: '/packageA/pages/myReport/myReport'
+						})
+					}).catch(errors => {
+						uni.$u.toast('校验失败')
+					})
+				}
+			},
+			//点击重置
+			reset() {
+				for(let key in this.form) {
+					if(key !== 'zt') {
+						let type = typeof this.form[key];
+						if(type === 'string') {
+							this.form[key] = '';
+						} else if(type === 'object') {
+							this.form[key] = []
+						} else if(type === 'boolean') {
+							this.form[key] = false
+						}
+					}
+				}
+				this.$refs.affix.clearFiles();  //清除附件
+			},
+			//提醒禁止修改举报人
+			message(val) {
+				wx.showToast({
+				  title: `不允许修改${val}`,
+				  icon: 'none',
+				  duration: 2000
+				})
+			},
+			//拒绝举报须知
+			refuse(val) {
+				wx.switchTab({
+					url: '/pages/center/center'
+				})
+			},
+			close(val) {
+				this.showMessage = val;
+			},
+			//附件上传
+			affixUpload(val) {
+				console.log('------', val)
+				wx.uploadFile({
+					url: '你的接口地址',
+					filePath: tempFilePaths[0].path,
+					name: "file",
+					formData: {
+						token: '123', // 这里是传给后端的参数
+					},
+					success: (res) => {
+						const req = JSON.parse(res.data);
+						alert(req.msg);
+					},
+					fail: (err) => {
+						console.log("出错了");
+						console.log(err);
+						alert("上传失败");
+					},
+				});　
+				// wx.chooseMessageFile({
+				// 	count: 1,
+				// 	success: (res) => {
+				// 		const tempFilePaths = res.tempFiles;
+				// 		console.log('上传的文件', tempFilePaths)
+				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
+				// 			wx.showToast({
+				// 			  title: `文件不允许大于50M`,
+				// 			  icon: 'none',
+				// 			  duration: 3000
+				// 			})
+				// 		} else {
+				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
+				// 			console.log(isPass)
+				// 			if(!isPass) {
+				// 				wx.showToast({
+				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
+				// 				  icon: 'none',
+				// 				  duration: 5000
+				// 				})
+				// 			} else {
+				// 				wx.uploadFile({
+				// 					url: '你的接口地址',
+				// 					filePath: tempFilePaths[0].path,
+				// 					name: "file",
+				// 					formData: {
+				// 						token: '123', // 这里是传给后端的参数
+				// 					},
+				// 					success: (res) => {
+				// 						const req = JSON.parse(res.data);
+				// 						alert(req.msg);
+				// 					},
+				// 					fail: (err) => {
+				// 						console.log("出错了");
+				// 						console.log(err);
+				// 						alert("上传失败");
+				// 					},
+				// 				});　
+				// 			}
+				// 		}
+				// 	},
+				// });
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.report {
+		box-sizing: border-box;
+		padding: 20rpx;
+		padding-bottom: 60rpx;
+		.title-area {
+			display: flex;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			.title {
+				margin-left: 32rpx;
+				.title-text {
+					font-weight: 600;
+				}
+			}
+		}	
+		.content-area {
+			padding: 20rpx;
+			.content {
+				background-color: #fff;
+				border-radius: 16rpx;
+				padding: 50rpx 20rpx;
+				box-sizing: border-box;
+			}
+		}
+		.button {
+			width: 100%;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
+			border-radius: 10rpx;
+			margin: 64rpx 0 32rpx 0;
+			white-space: nowrap;
+			box-sizing: border-box;
+			&:active {
+				background-color: #fff;
+				color: #408bf6;
+			}
+		}
+		.button-bottom {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-around;
+			align-items: center;
+			margin-top: 40rpx;
+			.button-left {
+				width: fit-content;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+			}
+			.button-right {
+				width: fit-content;
+				font-weight: 500;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+				color: #408bf6;
+				background-color: #fff;
+				&:active {
+					background-color: #d5e0ea;
+					font-weight: 600;
+				}
+			}
+		}
+	}
+</style>
+
+<style lang="scss">
+	.report {
+		.u-form-item__body {
+			// padding: 40rpx 0 !important;
+		}
+		.u-toolbar__wrapper__confirm {
+			color: #408bf6 !important;
+		}
+		.u-radio {
+			margin-right: 54rpx;
+		}
+		.u-form-item__body__left__content__label {
+			white-space: nowrap;
+			font-weight: 600;
+		}
+		.u-form-item__body__right__content__slot {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			align-items: center;
+		}
+		.u-input--radius, .u-input--square {
+			background-color: transparent !important;
+		}
+	}
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 5bf4a61..32ca911 100644
--- a/pages.json
+++ b/pages.json
@@ -9,14 +9,6 @@
 				"enablePullDownRefresh": false
 			}
 		},
-		{
-			"path" : "pages/center/center",
-			"style" :                                                                                    
-			{
-				"navigationBarTitleText": "举报中心",
-				"enablePullDownRefresh": false
-			}   
-		},
 			{
 				"path" : "pages/mine/mine",
 				"style" :                                                                                    
@@ -47,8 +39,8 @@
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "新疆网络举报",
-		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#fff"
+		"navigationBarBackgroundColor": "#4390f7",
+		"backgroundColor": "#4390f7"
 	},
 	"tabBar": {
 		"color": "#424242",
@@ -86,14 +78,6 @@
 		"root": "packageA",//分包名
 		"pages": [
 			{
-				"path" : "pages/messageList/messageList",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "网信信息列表",
-					"enablePullDownRefresh": true
-				}    
-			},
-			{
 				"path" : "pages/messageDetail/messageDetail",
 				"style" :                                                                                    
 				{
@@ -148,15 +132,15 @@
 					"navigationBarTitleText": "账号绑定",
 					"enablePullDownRefresh": false
 				}	
-			},
-			{
-				"path" : "pages/report/report",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "发布举报",
-					"enablePullDownRefresh": false
-				}	
 			}
+			// {
+			// 	"path" : "pages/report/report",
+			// 	"style" :                                                                                    
+			// 	{
+			// 		"navigationBarTitleText": "发布举报",
+			// 		"enablePullDownRefresh": false
+			// 	}	
+			// }
 		]
 	},
 	{
@@ -190,6 +174,36 @@
 						"navigationBarBackgroundColor": "#4390f7",
 						"navigationBarTextStyle": "white"
 					}
+				},
+				{
+					"path" : "center/center",
+					"style" :                                                                                    
+					{
+						"navigationBarTitleText": "举报中心",
+						"enablePullDownRefresh": false,
+						"navigationBarBackgroundColor": "#4390f7",
+						"navigationBarTextStyle": "white"
+					}
+				},
+				{
+					"path" : "report/report",
+					"style" :                                                                                    
+						{
+							"navigationBarTitleText": "发布举报",
+							"enablePullDownRefresh": false,
+							"navigationBarBackgroundColor": "#4390f7",
+							"navigationBarTextStyle": "white"
+						}
+				}
+				,{
+						"path" : "messageList/messageList",
+						"style" :                                                                                    
+					{
+						"navigationBarTitleText": "网信信息列表",
+						"enablePullDownRefresh": true,
+						"navigationBarBackgroundColor": "#4390f7",
+						"navigationBarTextStyle": "white"
+					}
 				}
 			]
 	}]
diff --git a/pages/center/center.vue b/pages/center/center.vue
index 8c3939b..300e81e 100644
--- a/pages/center/center.vue
+++ b/pages/center/center.vue
@@ -9,13 +9,13 @@
 			
 			<view class="title">
 				<view class="left">
-					<u-icon name="play-left-fill" color="#0096e0" size="12"></u-icon>
-					<u-icon name="play-left-fill" color="#0096e0" size="12"></u-icon>
+					<u-icon name="play-left-fill" color="#408bf6" size="12"></u-icon>
+					<u-icon name="play-left-fill" color="#408bf6" size="12"></u-icon>
 				</view>
 				<text>举报入口</text>
 				<view class="right">
-					<u-icon name="play-right-fill" color="#0096e0" size="12"></u-icon>
-					<u-icon name="play-right-fill" color="#0096e0" size="12"></u-icon>
+					<u-icon name="play-right-fill" color="#408bf6" size="12"></u-icon>
+					<u-icon name="play-right-fill" color="#408bf6" size="12"></u-icon>
 				</view>
 			</view>
 			
@@ -119,7 +119,7 @@
 			text-align: center;
 			font-size: 42rpx;
 			font-weight: 600;
-			color: #0096e0;
+			color: #408bf6;
 			letter-spacing: 20rpx;
 			box-sizing: border-box;
 			.left {

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/messageList/messageList.vue b/packageA/pages/messageList/messageList.vue
index a10e163..8432690 100644
--- a/packageA/pages/messageList/messageList.vue
+++ b/packageA/pages/messageList/messageList.vue
@@ -6,7 +6,7 @@
 				:list="tabList" 
 				:scrollable="false" 
 				:current="currentTab"
-				lineColor="#0096e0"
+				lineColor="#408bf6"
 				lineWidth="50"
 				lineHeight="5"
 				@click="clickTab">
diff --git a/packageA/pages/register/register.vue b/packageA/pages/register/register.vue
index 43fe95c..278e9c3 100644
--- a/packageA/pages/register/register.vue
+++ b/packageA/pages/register/register.vue
@@ -315,15 +315,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -342,7 +342,7 @@
 				font-weight: 500;
 				padding: 20rpx 40rpx;
 				margin-top: 0;
-				color: #0096e0;
+				color: #408bf6;
 				background-color: #fff;
 				&:active {
 					background-color: #d5e0ea;
diff --git a/packageA/pages/report/report.vue b/packageA/pages/report/report.vue
deleted file mode 100644
index 1e04a97..0000000
--- a/packageA/pages/report/report.vue
+++ /dev/null
@@ -1,712 +0,0 @@
-<!-- 发布举报 -->
-<template>
-	<view class="report">
-		<view class="title-area">
-			<image :src="`../${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
-			<view class="title">
-				<text>
-					举报类目：
-				</text>
-				<text class="title-text">{{typeMap[reportType]}}</text>
-			</view>
-		</view>
-		<view class="content-area">
-			<view class="content">
-				<u--form
-					labelPosition="left"
-					:model="form"
-					:rules="rules"
-					labelWidth="100"
-					ref="form">
-					<u-form-item label="举报人" borderBottom @click="message('举报人')">
-						<u--input
-							v-model="reportName"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
-						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
-					</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>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
-						<u--input
-							placeholder="请输入网站网址" 
-							v-model="form.url"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
-						<u--input
-							v-model="form.zt"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
-						<u-radio-group v-model="form.isNewMedia" placement="row">
-							<u-radio activeColor="#0096e0" label="是" :name="true"></u-radio>
-							<u-radio activeColor="#0096e0" label="否" :name="false"></u-radio>
-						</u-radio-group>
-					</u-form-item>
-					
-					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
-						<u--textarea 
-							v-model="form.desc" 
-							placeholder="描述不超过200个字符" 
-							autoHeight 
-							maxlength='200'
-							:showConfirmBar='true'
-						></u--textarea>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人" 
-							v-model="form.publishName"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人ID" 
-							v-model="form.publishId"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
-						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
-					</u-form-item>
-					
-					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
-						<u-upload
-							accep="image"
-							:fileList="form.picture"
-							@afterRead="afterRead"
-							@delete="deletePic"
-							name="1"
-							:deletable="true"
-							:maxCount="10"
-							:previewFullImage="true"
-						></u-upload>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
-						<view>
-							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
-							<uni-file-picker 
-								v-model="form.affix"
-								limit="1" 
-								file-mediatype="all" 
-								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
-								ref="affix"
-								@select="affixUpload"
-							></uni-file-picker>
-						</view>
-		
-					</u-form-item>
-				</u--form>
-			</view>
-		</view>
-		<view class="button-bottom">
-			<view class="button button-left" @click="submit">举 报</view>
-			<view class="button button-right" @click="reset">重 置</view>
-		</view>
-		<!-- 发布平台 -->
-		<u-picker
-			ref="uPicker"
-			:show="placeShow" 
-			:columns="placeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmPlace"
-			@change="changeHandler"
-			immediateChange
-		></u-picker>
-		<!-- 举报类型 -->
-		<u-picker
-			:show="typeShow" 
-			:columns="reportTypeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmReportType"
-		></u-picker>
-		
-		<!-- 信息来源 -->
-		<u-picker
-			:show="infoSourceShow" 
-			:columns="infoSourceColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmInfoSource"
-		></u-picker>
-		
-		<!-- 举报须知 -->
-		<Message
-			:show="showMessage" 
-			title="举报须知" 
-			:content="messageContent" 
-			@close="close"
-			@refuse="refuse"/>
-	</view>
-</template>
-
-<script>
-	import { getLocationParams } from '../../../common/utils.js';
-	import Message from '../../../components/base/message.vue';
-	export default {
-		components: {
-			Message
-		},
-		data() {
-			return {
-				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
-				showMessage: false, //举报须知弹窗显隐
-				reportType: '', //举报类型
-				reportIcon: '', //举报icon url
-				typeMap: {
-					web: '网站类型举报',
-					special: '专项举报',
-					other: '其他类型举报',
-				},
-				rules: {
-					// 手机号验证规则
-					'phone': [
-						{
-							required: true, 
-							message: '请输入手机号',
-							trigger: ['change','blur'],
-						},
-						{
-							// 自定义验证函数
-							validator: (rule, value, callback) => {
-								// 上面有说，返回true表示校验通过，返回false表示不通过
-								// uni.$u.test.mobile()就是返回true或者false的
-								return uni.$u.test.mobile(value);
-							},
-							message: '请输入正确的手机号',
-							// 触发器可以同时用blur和change
-							trigger: ['change','blur'],
-						}
-					],
-					// 举报类型
-					'type': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//信息来源
-					'source': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//网站网址
-					'url': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入网站网址',
-							trigger: ['change','blur'],
-						},
-						{
-							validator: (rule, value, callback) => {
-								return uni.$u.test.url(value);
-							},
-							message: '请输入正确的网址',
-							trigger: ['change','blur'],
-						}
-					],
-					// 描述
-					'desc': [
-						{
-							type: 'string',
-							required: true,
-							message: '请输入内容描述',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人
-					'publishName': [
-						{
-							type: 'string',
-							required: true,
-							message: '请填写确认密码',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人ID
-					'publishId': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入发布人ID',
-							trigger: ['change','blur'],
-						},
-					],
-					// 发布平台
-					'place': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择发布平台',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 内容截图
-					'picture': [
-						{
-							type: 'array',
-							required: true,
-							message: '请添加内容截图',
-							trigger: ['blur', 'change']
-						},
-					],
-				},
-				reportName: '', //举报人
-				form: {
-					phone: '', //手机号
-					type: '', //举报类型
-					url: '', //网站网址
-					zt: '涉疆扫黑除恶', //专题
-					isNewMedia: false,  //是否是新媒体
-					desc: '', //内容描述
-					publishName: '', //发布人
-					publishId: '', //发布人id
-					place: '', //发布平台
-					picture: [], //内容截图
-					source: '', //信息来源
-					affix: [], //附件
-				},
-				typeShow: false, //控制举报类型显隐
-				reportTypeColumns: [[  //举报类型
-					{
-						id: 'sldrl',
-						label: '涉领导人类'
-					},
-					{
-						id: 'sdjzl',
-						label: '涉党军政类'
-					},
-					{
-						id: 'sbskl',
-						label: '涉爆涉恐类'
-					},
-					{
-						id: 'mzzjl',
-						label: '民族宗教类'
-					},
-					{
-						id: 'zjzcl',
-						label: '治疆政策类'
-					},
-					{
-						id: 'sjasjl',
-						label: '涉疆案（事）件类'
-					},
-					{
-						id: 'ggaql',
-						label: '公共安全类'
-					},
-					{
-						id: 'zzrsl',
-						label: '组织人事类'
-					},
-					{
-						id: 'shmsl',
-						label: '社会民生类'
-					},
-					{
-						id: 'qtl',
-						label: '其他类'
-					},
-				]],
-				placeShow: false, //控制发布平台显隐
-				placeColumns: [ //发布平台第一列数据
-					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
-					['新浪微博', '腾讯微博'],
-				],
-				placeColumnsData: [ //发布平台第二列数据
-					['新浪微博', '腾讯微博'],
-					['微信公众号', 'QQ空间、群', '微信个人号'],
-					['贴吧', '普通网站', '天涯', '凯迪'],
-					['新浪博客', '腾讯博客'],
-					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
-					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
-					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
-					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
-				],
-				infoSourceColumns: [[
-					{
-						id: 'chart',
-						label: '聊天工具'
-					},
-					{
-						id: 'APP',
-						label: '移动APP'
-					},
-					{
-						id: 'wp',
-						label: '网盘'
-					},
-					{
-						id: 'ssyq',
-						label: '搜索引擎'
-					},
-					{
-						id: 'other',
-						label: '其他'
-					},
-				]],
-				infoSourceShow: false, //控制举报类型显隐
-			}
-		},
-		mounted() {
-			this.reportType = getLocationParams('reportType');
-			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
-			console.log(this.reportIcon)
-			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
-		},
-		onReady() {
-			this.showMessage = true; //显示举报须知
-			this.$refs.form.setRules(this.rules);
-		},
-		methods: {
-			//点击选择器取消按钮
-			cancle() {
-				this.typeShow = false;
-				this.placeShow = false;
-				this.infoSourceShow = false;
-			},
-			//多列联动
-			changeHandler(e) {
-				const {
-						columnIndex,
-						value,
-						values, // values为当前变化列的数组内容
-						index,
-						// 微信小程序无法将picker实例传出来，只能通过ref操作
-						picker = this.$refs.uPicker
-				} = e
-				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
-				if (columnIndex === 0) {
-					// picker为选择器this实例，变化第二列对应的选项
-					picker.setColumnValues(1, this.placeColumnsData[index])
-				}
-			},
-			//确定举报类型
-			confirmReportType(val) {
-				this.cancle();
-				this.form.type = val.value[0].label;
-				console.log(val.value[0].label)
-			},
-			//确定发布平台
-			confirmPlace(val) {
-				this.cancle();
-				this.form.place = val.value[1];
-				console.log(val.value[1])
-			},
-			//确定选择信息来源
-			confirmInfoSource(val) {
-				this.cancle();
-				this.form.source = val.value[0].label;
-			},
-			// 删除图片
-			deletePic(event) {
-				this.form.picture.splice(event.index, 1)
-			},
-			// 新增图片
-			async afterRead(event) {
-				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-				let lists = [].concat(event.file)
-				let fileListLen = this.form.picture.length
-				lists.map((item) => {
-					this.form.picture.push({
-						...item,
-						status: 'uploading',
-						message: '上传中'
-					})
-				})
-				for (let i = 0; i < lists.length; i++) {
-					const result = await this.uploadFilePromise(lists[i].url)
-					let item = this.form.picture[fileListLen]
-					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
-						status: 'success',
-						message: '',
-						url: result
-					}))
-					fileListLen++
-				}
-			},
-			uploadFilePromise(url) {
-				return new Promise((resolve, reject) => {
-					let a = wx.uploadFile({
-						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
-						filePath: url,
-						name: 'file',
-						formData: {
-							//图片张数
-							// 'length': 上边的filelist.length
-						},
-						header: {
-							"Content-Type": "multipart/form-data"
-						},
-						success: (res) => {
-							setTimeout(() => {
-								resolve(res.data.data)
-							}, 1000)
-						}
-					});
-				})
-			},
-			//点击举报
-			submit() {
-				if(this.form.reportName === '') {
-					wx.showToast({
-					  title: '请先注册',
-					  icon: 'none',
-					  duration: 2000
-					})
-					setTimeout(() => {
-						wx.navigateTo({
-							url: '/packageA/pages/register/register'
-						})
-					}, 2000)
-				} else {
-					this.$refs.form.validate().then(res => {
-						uni.$u.toast('举报成功')
-						wx.navigateTo({
-							url: '/packageA/pages/myReport/myReport'
-						})
-					}).catch(errors => {
-						uni.$u.toast('校验失败')
-					})
-				}
-			},
-			//点击重置
-			reset() {
-				for(let key in this.form) {
-					if(key !== 'zt') {
-						let type = typeof this.form[key];
-						if(type === 'string') {
-							this.form[key] = '';
-						} else if(type === 'object') {
-							this.form[key] = []
-						} else if(type === 'boolean') {
-							this.form[key] = false
-						}
-					}
-				}
-				this.$refs.affix.clearFiles();  //清除附件
-			},
-			//提醒禁止修改举报人
-			message(val) {
-				wx.showToast({
-				  title: `不允许修改${val}`,
-				  icon: 'none',
-				  duration: 2000
-				})
-			},
-			//拒绝举报须知
-			refuse(val) {
-				wx.switchTab({
-					url: '/pages/center/center'
-				})
-			},
-			close(val) {
-				this.showMessage = val;
-			},
-			//附件上传
-			affixUpload(val) {
-				console.log('------', val)
-				wx.uploadFile({
-					url: '你的接口地址',
-					filePath: tempFilePaths[0].path,
-					name: "file",
-					formData: {
-						token: '123', // 这里是传给后端的参数
-					},
-					success: (res) => {
-						const req = JSON.parse(res.data);
-						alert(req.msg);
-					},
-					fail: (err) => {
-						console.log("出错了");
-						console.log(err);
-						alert("上传失败");
-					},
-				});　
-				// wx.chooseMessageFile({
-				// 	count: 1,
-				// 	success: (res) => {
-				// 		const tempFilePaths = res.tempFiles;
-				// 		console.log('上传的文件', tempFilePaths)
-				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
-				// 			wx.showToast({
-				// 			  title: `文件不允许大于50M`,
-				// 			  icon: 'none',
-				// 			  duration: 3000
-				// 			})
-				// 		} else {
-				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
-				// 			console.log(isPass)
-				// 			if(!isPass) {
-				// 				wx.showToast({
-				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
-				// 				  icon: 'none',
-				// 				  duration: 5000
-				// 				})
-				// 			} else {
-				// 				wx.uploadFile({
-				// 					url: '你的接口地址',
-				// 					filePath: tempFilePaths[0].path,
-				// 					name: "file",
-				// 					formData: {
-				// 						token: '123', // 这里是传给后端的参数
-				// 					},
-				// 					success: (res) => {
-				// 						const req = JSON.parse(res.data);
-				// 						alert(req.msg);
-				// 					},
-				// 					fail: (err) => {
-				// 						console.log("出错了");
-				// 						console.log(err);
-				// 						alert("上传失败");
-				// 					},
-				// 				});　
-				// 			}
-				// 		}
-				// 	},
-				// });
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.report {
-		box-sizing: border-box;
-		padding-bottom: 60rpx;
-		.title-area {
-			display: flex;
-			align-items: center;
-			padding: 20rpx;
-			background-color: #fff;
-			.title {
-				margin-left: 32rpx;
-				.title-text {
-					font-weight: 600;
-				}
-			}
-		}	
-		.content-area {
-			padding: 20rpx;
-			.content {
-				background-color: #fff;
-				border-radius: 16rpx;
-				padding: 50rpx 20rpx;
-				box-sizing: border-box;
-			}
-		}
-		.button {
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 20rpx;
-			color: #fff;
-			font-weight: 600;
-			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
-			border-radius: 10rpx;
-			margin: 64rpx 0 32rpx 0;
-			white-space: nowrap;
-			box-sizing: border-box;
-			&:active {
-				background-color: #fff;
-				color: #0096e0;
-			}
-		}
-		.button-bottom {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
-			align-items: center;
-			margin-top: 40rpx;
-			.button-left {
-				width: fit-content;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-			}
-			.button-right {
-				width: fit-content;
-				font-weight: 500;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-				color: #0096e0;
-				background-color: #fff;
-				&:active {
-					background-color: #d5e0ea;
-					font-weight: 600;
-				}
-			}
-		}
-	}
-</style>
-
-<style lang="scss">
-	.report {
-		.u-form-item__body {
-			// padding: 40rpx 0 !important;
-		}
-		.u-toolbar__wrapper__confirm {
-			color: #0096e0 !important;
-		}
-		.u-radio {
-			margin-right: 54rpx;
-		}
-		.u-form-item__body__left__content__label {
-			white-space: nowrap;
-			font-weight: 600;
-		}
-		.u-form-item__body__right__content__slot {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-		}
-		.u-input--radius, .u-input--square {
-			background-color: transparent !important;
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
new file mode 100644
index 0000000..3986ff0
--- /dev/null
+++ b/packageB/center/center.vue
@@ -0,0 +1,121 @@
+<!-- 举报中心 -->
+<template>
+	<view class="center">
+		<image src="../../static/index/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="content">
+			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon)">
+				<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>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'center',
+		components: {
+		},
+		data() {
+			return {
+				tabList: [
+					{
+						id: 'web',
+						title: '网站类型举报',
+						dec: '网站地址',
+						icon: '../../static/center/web.png',
+						span: '6',
+						style: 'width: 52px;height: 60px;'
+					},
+					{
+						id: 'special',
+						title: '专项举报',
+						dec: '扫黑除恶专题举报',
+						icon: '../../static/center/special.png',
+						span: '6',
+						style: 'width: 52px;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)
+				wx.navigateTo({
+					url: `/packageB/report/report?reportType=${val}&icon=` + encodeURIComponent(icon)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.center {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		padding: 40rpx;
+		padding-top: 380rpx;
+		box-sizing: border-box;
+		.center-title {
+			position: absolute;
+			top: 40rpx;
+			left: 40rpx;
+			color: #fff;
+			font-size: 48rpx;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+		}
+		.content {
+			display: flex;
+			flex-direction: column;
+			background-color: #fff;
+			border-radius: 16rpx;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.content-main {
+				display: flex;
+				align-items: center;
+				background: red;
+				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
+				margin-top: 40rpx;
+				padding: 20rpx;
+				padding-left: 60rpx;
+				border-radius: 20rpx;
+				color: #fff;
+				.text-area {
+					flex: 1;
+					margin-left: 40rpx;
+					text-align: center;
+					font-weight: 600;
+					&:last-child {
+						margin-left: 32rpx;
+					}
+					.content-title {
+						margin-right: 20rpx;
+					}
+				}
+				
+			}
+		}
+	}
+</style>
+<style lang="scss">
+	.center {
+		.u-icon__icon {
+			margin-right: -20rpx;
+		}
+	}
+</style>
diff --git a/packageB/guide/guide.vue b/packageB/guide/guide.vue
index 5f2d370..6a031f7 100644
--- a/packageB/guide/guide.vue
+++ b/packageB/guide/guide.vue
@@ -1,7 +1,7 @@
 <!-- 举报指南 -->
 <template>
 	<view class="guide">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
 		<view class="title">遇到互联网违法和不良信息该怎么举报？</view>
 		<view class="time">
 			时间： 2022-08-18 17:42:00  
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
new file mode 100644
index 0000000..58a4a51
--- /dev/null
+++ b/packageB/messageList/messageList.vue
@@ -0,0 +1,248 @@
+<!-- 网信信息列表 -->
+<template>
+	<view class="message-list">
+		<image src="../../static/index/back.png" style="position:fixed;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="tab-area">
+			<u-tabs 
+				:list="tabList" 
+				:scrollable="false" 
+				:current="currentTab"
+				lineColor="#fff"
+				lineWidth="50"
+				lineHeight="5"
+				:activeStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				:inactiveStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				@click="clickTab">
+			</u-tabs>
+		</view>
+		
+		<view class="event-area">
+			<EventList :list="eventList"/>
+		</view>
+		<u-loadmore :status="status" loadmoreText=" "/>
+		<!-- 返回顶部 -->
+		<u-back-top 
+			:scroll-top="scrollTop" 
+			icon="arrow-up" 
+			customStyle="background: #4390f7;"
+			:iconStyle="iconStyle"
+			duration="200"
+		></u-back-top>
+		
+		<!-- 空 -->
+		<u-empty
+			v-if="isEmpty"
+			mode="search"
+			text="暂无结果"
+			:show="true"
+			iconColor="#77797d"
+			textColor="#77797d"
+			marginTop="80"
+		></u-empty>
+	</view>
+</template>
+
+<script>
+	import EventList from '../../components/index/eventList.vue';
+	import { getLocationParams } from '../../common/utils.js';
+	export default {
+		name: 'MessageList',
+		components: {
+			EventList
+		},
+		data() {
+			return {
+				isEmpty: false,   //数据是否为空
+				iconStyle: {
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				},
+				scrollTop: 0,
+				currentTab: '0', //当前选中的标签的索引
+				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
+				tabList: [
+					{
+						name: '法律法规'
+					},
+					{
+						name: '工作动态'
+					},
+				],
+				eventList: [],  //事件数据
+			}
+		},
+		watch: {
+			eventList: {
+				handler(val){
+					if(val.length) {
+						this.isEmpty = false;
+					} else {
+						this.isEmpty = true;
+					}
+				},
+				deep: true,
+				// immediate: true,
+			}
+		},
+		mounted() {
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+			
+			this.currentTab = getLocationParams('tabIndex');
+			this.clickTab(null, this.currentTab);
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: ' ',
+				// imageUrl: '../../static/share.png',
+				path: "/pages/messageList/messageList",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: '新疆网络举报',
+			}
+		},
+		// 监听滚动条位置
+		onPageScroll(e) {
+			this.scrollTop = e.scrollTop;
+		},
+		//下拉刷新
+		onPullDownRefresh() {
+			console.log('refresh');
+			setTimeout(function () {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+		//上滑加载
+		onReachBottom() {
+			
+		},
+		methods: {
+			clickTab(val, currentTab) {
+				console.log(val)
+				if((val && val.index === 0) || currentTab === '0') {
+					this.eventList = [
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				} else if((val && val.index === 1) || currentTab === '1') {
+					this.eventList = [
+						
+					]
+				} else if((val && val.index === 2) || currentTab === '2') {
+					this.eventList = [
+						{
+							title: '网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-list {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 40rpx;
+		padding-top: 146rpx;
+		.tab-area {
+			position: fixed;
+			box-sizing: border-box;
+			top: 0;
+			left: 0;
+			width: 100%;
+			padding: 20rpx;
+			background-color: #4390f7;
+		}
+	}
+
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/recordDetail/recordDetail.vue b/packageB/recordDetail/recordDetail.vue
index 888ae54..215e6be 100644
--- a/packageB/recordDetail/recordDetail.vue
+++ b/packageB/recordDetail/recordDetail.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="record-detail">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="main">
 			<u--form labelPosition="left" :model="form">
 				<u-form-item label="操作" prop="staffCode" borderBottom labelWidth="100">
diff --git a/packageB/report/report.vue b/packageB/report/report.vue
new file mode 100644
index 0000000..142139f
--- /dev/null
+++ b/packageB/report/report.vue
@@ -0,0 +1,719 @@
+<!-- 发布举报 -->
+<template>
+	<view class="report">
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="title-area">
+			<image :src="`${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
+			<view class="title">
+				<text>
+					举报类目：
+				</text>
+				<text class="title-text">{{typeMap[reportType]}}</text>
+			</view>
+		</view>
+		<view class="content-area">
+			<view class="content">
+				<u--form
+					labelPosition="left"
+					:model="form"
+					:rules="rules"
+					labelWidth="100"
+					ref="form">
+					<u-form-item label="举报人" borderBottom @click="message('举报人')">
+						<u--input
+							v-model="reportName"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
+						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
+					</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>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
+						<u--input
+							placeholder="请输入网站网址" 
+							v-model="form.url"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
+						<u--input
+							v-model="form.zt"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
+						<u-radio-group v-model="form.isNewMedia" placement="row">
+							<u-radio activeColor="#408bf6" label="是" :name="true"></u-radio>
+							<u-radio activeColor="#408bf6" label="否" :name="false"></u-radio>
+						</u-radio-group>
+					</u-form-item>
+					
+					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
+						<u--textarea 
+							v-model="form.desc" 
+							placeholder="描述不超过200个字符" 
+							autoHeight 
+							maxlength='200'
+							:showConfirmBar='true'
+						></u--textarea>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人" 
+							v-model="form.publishName"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人ID" 
+							v-model="form.publishId"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
+						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
+					</u-form-item>
+					
+					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
+						<u-upload
+							accep="image"
+							:fileList="form.picture"
+							@afterRead="afterRead"
+							@delete="deletePic"
+							name="1"
+							:deletable="true"
+							:maxCount="10"
+							:previewFullImage="true"
+						></u-upload>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
+						<view>
+							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
+							<uni-file-picker 
+								v-model="form.affix"
+								limit="1" 
+								file-mediatype="all" 
+								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
+								ref="affix"
+								@select="affixUpload"
+							></uni-file-picker>
+						</view>
+		
+					</u-form-item>
+				</u--form>
+			</view>
+		</view>
+		<view class="button-bottom">
+			<view class="button button-left" @click="submit">举 报</view>
+			<view class="button button-right" @click="reset">重 置</view>
+		</view>
+		<!-- 发布平台 -->
+		<u-picker
+			ref="uPicker"
+			:show="placeShow" 
+			:columns="placeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmPlace"
+			@change="changeHandler"
+			immediateChange
+		></u-picker>
+		<!-- 举报类型 -->
+		<u-picker
+			:show="typeShow" 
+			:columns="reportTypeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmReportType"
+		></u-picker>
+		
+		<!-- 信息来源 -->
+		<u-picker
+			:show="infoSourceShow" 
+			:columns="infoSourceColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmInfoSource"
+		></u-picker>
+		
+		<!-- 举报须知 -->
+		<Message
+			:show="showMessage" 
+			title="举报须知" 
+			:content="messageContent" 
+			@close="close"
+			@refuse="refuse"/>
+	</view>
+</template>
+
+<script>
+	import { getLocationParams } from '../../common/utils.js';
+	import Message from '../../components/base/message.vue';
+	export default {
+		components: {
+			Message
+		},
+		data() {
+			return {
+				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
+				showMessage: false, //举报须知弹窗显隐
+				reportType: '', //举报类型
+				reportIcon: '', //举报icon url
+				typeMap: {
+					web: '网站类型举报',
+					special: '专项举报',
+					other: '其他类型举报',
+				},
+				rules: {
+					// 手机号验证规则
+					'phone': [
+						{
+							required: true, 
+							message: '请输入手机号',
+							trigger: ['change','blur'],
+						},
+						{
+							// 自定义验证函数
+							validator: (rule, value, callback) => {
+								// 上面有说，返回true表示校验通过，返回false表示不通过
+								// uni.$u.test.mobile()就是返回true或者false的
+								return uni.$u.test.mobile(value);
+							},
+							message: '请输入正确的手机号',
+							// 触发器可以同时用blur和change
+							trigger: ['change','blur'],
+						}
+					],
+					// 举报类型
+					'type': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//信息来源
+					'source': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//网站网址
+					'url': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入网站网址',
+							trigger: ['change','blur'],
+						},
+						{
+							validator: (rule, value, callback) => {
+								return uni.$u.test.url(value);
+							},
+							message: '请输入正确的网址',
+							trigger: ['change','blur'],
+						}
+					],
+					// 描述
+					'desc': [
+						{
+							type: 'string',
+							required: true,
+							message: '请输入内容描述',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人
+					'publishName': [
+						{
+							type: 'string',
+							required: true,
+							message: '请填写确认密码',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人ID
+					'publishId': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入发布人ID',
+							trigger: ['change','blur'],
+						},
+					],
+					// 发布平台
+					'place': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择发布平台',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 内容截图
+					'picture': [
+						{
+							type: 'array',
+							required: true,
+							message: '请添加内容截图',
+							trigger: ['blur', 'change']
+						},
+					],
+				},
+				reportName: '', //举报人
+				form: {
+					phone: '', //手机号
+					type: '', //举报类型
+					url: '', //网站网址
+					zt: '涉疆扫黑除恶', //专题
+					isNewMedia: false,  //是否是新媒体
+					desc: '', //内容描述
+					publishName: '', //发布人
+					publishId: '', //发布人id
+					place: '', //发布平台
+					picture: [], //内容截图
+					source: '', //信息来源
+					affix: [], //附件
+				},
+				typeShow: false, //控制举报类型显隐
+				reportTypeColumns: [[  //举报类型
+					{
+						id: 'sldrl',
+						label: '涉领导人类'
+					},
+					{
+						id: 'sdjzl',
+						label: '涉党军政类'
+					},
+					{
+						id: 'sbskl',
+						label: '涉爆涉恐类'
+					},
+					{
+						id: 'mzzjl',
+						label: '民族宗教类'
+					},
+					{
+						id: 'zjzcl',
+						label: '治疆政策类'
+					},
+					{
+						id: 'sjasjl',
+						label: '涉疆案（事）件类'
+					},
+					{
+						id: 'ggaql',
+						label: '公共安全类'
+					},
+					{
+						id: 'zzrsl',
+						label: '组织人事类'
+					},
+					{
+						id: 'shmsl',
+						label: '社会民生类'
+					},
+					{
+						id: 'qtl',
+						label: '其他类'
+					},
+				]],
+				placeShow: false, //控制发布平台显隐
+				placeColumns: [ //发布平台第一列数据
+					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
+					['新浪微博', '腾讯微博'],
+				],
+				placeColumnsData: [ //发布平台第二列数据
+					['新浪微博', '腾讯微博'],
+					['微信公众号', 'QQ空间、群', '微信个人号'],
+					['贴吧', '普通网站', '天涯', '凯迪'],
+					['新浪博客', '腾讯博客'],
+					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
+					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
+					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
+					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
+				],
+				infoSourceColumns: [[
+					{
+						id: 'chart',
+						label: '聊天工具'
+					},
+					{
+						id: 'APP',
+						label: '移动APP'
+					},
+					{
+						id: 'wp',
+						label: '网盘'
+					},
+					{
+						id: 'ssyq',
+						label: '搜索引擎'
+					},
+					{
+						id: 'other',
+						label: '其他'
+					},
+				]],
+				infoSourceShow: false, //控制举报类型显隐
+			}
+		},
+		mounted() {
+			this.reportType = getLocationParams('reportType');
+			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
+			console.log(this.reportIcon)
+			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
+		},
+		onReady() {
+			this.showMessage = true; //显示举报须知
+			this.$refs.form.setRules(this.rules);
+		},
+		methods: {
+			//点击选择器取消按钮
+			cancle() {
+				this.typeShow = false;
+				this.placeShow = false;
+				this.infoSourceShow = false;
+			},
+			//多列联动
+			changeHandler(e) {
+				const {
+						columnIndex,
+						value,
+						values, // values为当前变化列的数组内容
+						index,
+						// 微信小程序无法将picker实例传出来，只能通过ref操作
+						picker = this.$refs.uPicker
+				} = e
+				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
+				if (columnIndex === 0) {
+					// picker为选择器this实例，变化第二列对应的选项
+					picker.setColumnValues(1, this.placeColumnsData[index])
+				}
+			},
+			//确定举报类型
+			confirmReportType(val) {
+				this.cancle();
+				this.form.type = val.value[0].label;
+				console.log(val.value[0].label)
+			},
+			//确定发布平台
+			confirmPlace(val) {
+				this.cancle();
+				this.form.place = val.value[1];
+				console.log(val.value[1])
+			},
+			//确定选择信息来源
+			confirmInfoSource(val) {
+				this.cancle();
+				this.form.source = val.value[0].label;
+			},
+			// 删除图片
+			deletePic(event) {
+				this.form.picture.splice(event.index, 1)
+			},
+			// 新增图片
+			async afterRead(event) {
+				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
+				let lists = [].concat(event.file)
+				let fileListLen = this.form.picture.length
+				lists.map((item) => {
+					this.form.picture.push({
+						...item,
+						status: 'uploading',
+						message: '上传中'
+					})
+				})
+				for (let i = 0; i < lists.length; i++) {
+					const result = await this.uploadFilePromise(lists[i].url)
+					let item = this.form.picture[fileListLen]
+					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
+						status: 'success',
+						message: '',
+						url: result
+					}))
+					fileListLen++
+				}
+			},
+			uploadFilePromise(url) {
+				return new Promise((resolve, reject) => {
+					let a = wx.uploadFile({
+						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
+						filePath: url,
+						name: 'file',
+						formData: {
+							//图片张数
+							// 'length': 上边的filelist.length
+						},
+						header: {
+							"Content-Type": "multipart/form-data"
+						},
+						success: (res) => {
+							setTimeout(() => {
+								resolve(res.data.data)
+							}, 1000)
+						}
+					});
+				})
+			},
+			//点击举报
+			submit() {
+				if(this.form.reportName === '') {
+					wx.showToast({
+					  title: '请先注册',
+					  icon: 'none',
+					  duration: 2000
+					})
+					setTimeout(() => {
+						wx.navigateTo({
+							url: '/packageA/pages/register/register'
+						})
+					}, 2000)
+				} else {
+					this.$refs.form.validate().then(res => {
+						uni.$u.toast('举报成功')
+						wx.navigateTo({
+							url: '/packageA/pages/myReport/myReport'
+						})
+					}).catch(errors => {
+						uni.$u.toast('校验失败')
+					})
+				}
+			},
+			//点击重置
+			reset() {
+				for(let key in this.form) {
+					if(key !== 'zt') {
+						let type = typeof this.form[key];
+						if(type === 'string') {
+							this.form[key] = '';
+						} else if(type === 'object') {
+							this.form[key] = []
+						} else if(type === 'boolean') {
+							this.form[key] = false
+						}
+					}
+				}
+				this.$refs.affix.clearFiles();  //清除附件
+			},
+			//提醒禁止修改举报人
+			message(val) {
+				wx.showToast({
+				  title: `不允许修改${val}`,
+				  icon: 'none',
+				  duration: 2000
+				})
+			},
+			//拒绝举报须知
+			refuse(val) {
+				wx.switchTab({
+					url: '/pages/center/center'
+				})
+			},
+			close(val) {
+				this.showMessage = val;
+			},
+			//附件上传
+			affixUpload(val) {
+				console.log('------', val)
+				wx.uploadFile({
+					url: '你的接口地址',
+					filePath: tempFilePaths[0].path,
+					name: "file",
+					formData: {
+						token: '123', // 这里是传给后端的参数
+					},
+					success: (res) => {
+						const req = JSON.parse(res.data);
+						alert(req.msg);
+					},
+					fail: (err) => {
+						console.log("出错了");
+						console.log(err);
+						alert("上传失败");
+					},
+				});　
+				// wx.chooseMessageFile({
+				// 	count: 1,
+				// 	success: (res) => {
+				// 		const tempFilePaths = res.tempFiles;
+				// 		console.log('上传的文件', tempFilePaths)
+				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
+				// 			wx.showToast({
+				// 			  title: `文件不允许大于50M`,
+				// 			  icon: 'none',
+				// 			  duration: 3000
+				// 			})
+				// 		} else {
+				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
+				// 			console.log(isPass)
+				// 			if(!isPass) {
+				// 				wx.showToast({
+				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
+				// 				  icon: 'none',
+				// 				  duration: 5000
+				// 				})
+				// 			} else {
+				// 				wx.uploadFile({
+				// 					url: '你的接口地址',
+				// 					filePath: tempFilePaths[0].path,
+				// 					name: "file",
+				// 					formData: {
+				// 						token: '123', // 这里是传给后端的参数
+				// 					},
+				// 					success: (res) => {
+				// 						const req = JSON.parse(res.data);
+				// 						alert(req.msg);
+				// 					},
+				// 					fail: (err) => {
+				// 						console.log("出错了");
+				// 						console.log(err);
+				// 						alert("上传失败");
+				// 					},
+				// 				});　
+				// 			}
+				// 		}
+				// 	},
+				// });
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.report {
+		box-sizing: border-box;
+		padding: 20rpx;
+		padding-bottom: 60rpx;
+		.title-area {
+			display: flex;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			.title {
+				margin-left: 32rpx;
+				.title-text {
+					font-weight: 600;
+				}
+			}
+		}	
+		.content-area {
+			padding: 20rpx;
+			.content {
+				background-color: #fff;
+				border-radius: 16rpx;
+				padding: 50rpx 20rpx;
+				box-sizing: border-box;
+			}
+		}
+		.button {
+			width: 100%;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
+			border-radius: 10rpx;
+			margin: 64rpx 0 32rpx 0;
+			white-space: nowrap;
+			box-sizing: border-box;
+			&:active {
+				background-color: #fff;
+				color: #408bf6;
+			}
+		}
+		.button-bottom {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-around;
+			align-items: center;
+			margin-top: 40rpx;
+			.button-left {
+				width: fit-content;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+			}
+			.button-right {
+				width: fit-content;
+				font-weight: 500;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+				color: #408bf6;
+				background-color: #fff;
+				&:active {
+					background-color: #d5e0ea;
+					font-weight: 600;
+				}
+			}
+		}
+	}
+</style>
+
+<style lang="scss">
+	.report {
+		.u-form-item__body {
+			// padding: 40rpx 0 !important;
+		}
+		.u-toolbar__wrapper__confirm {
+			color: #408bf6 !important;
+		}
+		.u-radio {
+			margin-right: 54rpx;
+		}
+		.u-form-item__body__left__content__label {
+			white-space: nowrap;
+			font-weight: 600;
+		}
+		.u-form-item__body__right__content__slot {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			align-items: center;
+		}
+		.u-input--radius, .u-input--square {
+			background-color: transparent !important;
+		}
+	}
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 5bf4a61..32ca911 100644
--- a/pages.json
+++ b/pages.json
@@ -9,14 +9,6 @@
 				"enablePullDownRefresh": false
 			}
 		},
-		{
-			"path" : "pages/center/center",
-			"style" :                                                                                    
-			{
-				"navigationBarTitleText": "举报中心",
-				"enablePullDownRefresh": false
-			}   
-		},
 			{
 				"path" : "pages/mine/mine",
 				"style" :                                                                                    
@@ -47,8 +39,8 @@
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "新疆网络举报",
-		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#fff"
+		"navigationBarBackgroundColor": "#4390f7",
+		"backgroundColor": "#4390f7"
 	},
 	"tabBar": {
 		"color": "#424242",
@@ -86,14 +78,6 @@
 		"root": "packageA",//分包名
 		"pages": [
 			{
-				"path" : "pages/messageList/messageList",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "网信信息列表",
-					"enablePullDownRefresh": true
-				}    
-			},
-			{
 				"path" : "pages/messageDetail/messageDetail",
 				"style" :                                                                                    
 				{
@@ -148,15 +132,15 @@
 					"navigationBarTitleText": "账号绑定",
 					"enablePullDownRefresh": false
 				}	
-			},
-			{
-				"path" : "pages/report/report",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "发布举报",
-					"enablePullDownRefresh": false
-				}	
 			}
+			// {
+			// 	"path" : "pages/report/report",
+			// 	"style" :                                                                                    
+			// 	{
+			// 		"navigationBarTitleText": "发布举报",
+			// 		"enablePullDownRefresh": false
+			// 	}	
+			// }
 		]
 	},
 	{
@@ -190,6 +174,36 @@
 						"navigationBarBackgroundColor": "#4390f7",
 						"navigationBarTextStyle": "white"
 					}
+				},
+				{
+					"path" : "center/center",
+					"style" :                                                                                    
+					{
+						"navigationBarTitleText": "举报中心",
+						"enablePullDownRefresh": false,
+						"navigationBarBackgroundColor": "#4390f7",
+						"navigationBarTextStyle": "white"
+					}
+				},
+				{
+					"path" : "report/report",
+					"style" :                                                                                    
+						{
+							"navigationBarTitleText": "发布举报",
+							"enablePullDownRefresh": false,
+							"navigationBarBackgroundColor": "#4390f7",
+							"navigationBarTextStyle": "white"
+						}
+				}
+				,{
+						"path" : "messageList/messageList",
+						"style" :                                                                                    
+					{
+						"navigationBarTitleText": "网信信息列表",
+						"enablePullDownRefresh": true,
+						"navigationBarBackgroundColor": "#4390f7",
+						"navigationBarTextStyle": "white"
+					}
 				}
 			]
 	}]
diff --git a/pages/center/center.vue b/pages/center/center.vue
index 8c3939b..300e81e 100644
--- a/pages/center/center.vue
+++ b/pages/center/center.vue
@@ -9,13 +9,13 @@
 			
 			<view class="title">
 				<view class="left">
-					<u-icon name="play-left-fill" color="#0096e0" size="12"></u-icon>
-					<u-icon name="play-left-fill" color="#0096e0" size="12"></u-icon>
+					<u-icon name="play-left-fill" color="#408bf6" size="12"></u-icon>
+					<u-icon name="play-left-fill" color="#408bf6" size="12"></u-icon>
 				</view>
 				<text>举报入口</text>
 				<view class="right">
-					<u-icon name="play-right-fill" color="#0096e0" size="12"></u-icon>
-					<u-icon name="play-right-fill" color="#0096e0" size="12"></u-icon>
+					<u-icon name="play-right-fill" color="#408bf6" size="12"></u-icon>
+					<u-icon name="play-right-fill" color="#408bf6" size="12"></u-icon>
 				</view>
 			</view>
 			
@@ -119,7 +119,7 @@
 			text-align: center;
 			font-size: 42rpx;
 			font-weight: 600;
-			color: #0096e0;
+			color: #408bf6;
 			letter-spacing: 20rpx;
 			box-sizing: border-box;
 			.left {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 736b220..4b08bc9 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,19 +1,19 @@
 <!-- 首页 -->
 <template>
 	<view class="index">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<image src="../../static/index/back_complete.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="swiper-area">
-			<swiper class="swiper-box" :indicator-dots="true" :autoplay="true" :circular="circular">
+			<swiper class="swiper-box" style="height: 300rpx;" :indicator-dots="true" :autoplay="true" :circular="circular">
 				<swiper-item v-for="(item ,index) in swiperList" :key="index">
 					<view class="swiper-item">
-						<image :src="item.url" style="width:100%;height: 360rpx;"></image>
+						<image :src="item.url" style="width:100%;height: 300rpx;"></image>
 					</view>
 				</swiper-item>
 			</swiper>
 		</view>
 		<view class="tab-area">
 			<view class="tab">
-				<u-row customStyle="" >
+				<u-row>
 					<u-col span="6" v-for="item in tabList_first" :key="item.id">
 						<view class="tab-item" @click="handleClick(item.id)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
@@ -21,7 +21,7 @@
 						</view>
 					</u-col>
 				</u-row>
-				<u-row customStyle="" >
+				<u-row>
 					<u-col span="6" v-for="item in tabList_second" :key="item.id">
 						<view class="tab-item" @click="handleClick(item.id)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
@@ -29,7 +29,7 @@
 						</view>
 					</u-col>
 				</u-row>
-				<u-row customStyle="" >
+				<u-row>
 					<u-col span="6" v-for="item in tabList_third" :key="item.id">
 						<view class="tab-item" @click="handleClick(item.id)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
@@ -51,9 +51,9 @@
 			return {
 				tabList_first: [
 					{
-						id: 'will',
-						name: '我要举报',
-						icon: '../../static/index/will.png',
+						id: 'search',
+						name: '举报查询',
+						icon: '../../static/index/search.png',
 					},
 					{
 						id: 'guide',
@@ -63,19 +63,6 @@
 				],
 				tabList_second: [
 					{
-						id: 'search',
-						name: '举报查询',
-						icon: '../../static/index/search.png',
-					},
-					{
-						id: 'jdy',
-						name: '成为监督员',
-						icon: '../../static/index/jdy.png',
-					},
-					
-				],
-				tabList_third: [
-					{
 						id: 'status',
 						name: '工作动态',
 						icon: '../../static/index/status.png',
@@ -86,19 +73,31 @@
 						icon: '../../static/index/rules.png',
 					},
 				],
+				tabList_third: [
+					{
+						id: 'will',
+						name: '我要举报',
+						icon: '../../static/index/will.png',
+					},
+					{
+						id: 'jdy',
+						name: '成为监督员',
+						icon: '../../static/index/jdy.png',
+					},
+				],
 				//轮播图信息
 				swiperList: [
 					{
-						url: '../../static/share.png'
+						url: 'http://111.198.10.15:11604/png/swiper1.png'
 					},
 					{
-						url: '../../static/code.jpg'
+						url: 'http://111.198.10.15:11604/png/swiper2.png'
 					},
 					{
-						url: '../../static/share.png'
+						url: 'http://111.198.10.15:11604/png/swiper3.png'
 					},
 					{
-						url: '../../static/code.jpg'
+						url: 'http://111.198.10.15:11604/png/swiper4.png'
 					},
 				]
 			}
@@ -133,7 +132,12 @@
 					wx.navigateTo({
 						url: '/packageB/guide/guide'
 					})
-				} else if(val === 'rule' || val === 'status' || val === 'net') {
+				} else if(val === 'will') { // 我要举报
+					wx.navigateTo({
+						url: '/packageB/center/center'
+					})
+				}
+				else if(val === 'rule' || val === 'status') { // 法律法规、工作动态
 					let tabIndex = 0;
 					if(val === 'status') {
 						tabIndex = 1;
@@ -141,9 +145,9 @@
 						tabIndex = 2;
 					}
 					wx.navigateTo({
-						url: `/packageA/pages/messageList/messageList?tabIndex=${tabIndex}`
+						url: `/packageB/messageList/messageList?tabIndex=${tabIndex}`
 					})
-				} else if(val === 'search') {
+				} else if(val === 'search') { // 成为监督员
 					wx.navigateTo({
 						url: `/packageA/pages/search/search`
 					})
@@ -159,6 +163,7 @@
 		width: 100%;
 		box-sizing: border-box;
 		padding: 60rpx 0;
+		padding-top: 192rpx;
 		.swiper-area {
 			padding: 0 40rpx;
 		}

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/messageList/messageList.vue b/packageA/pages/messageList/messageList.vue
index a10e163..8432690 100644
--- a/packageA/pages/messageList/messageList.vue
+++ b/packageA/pages/messageList/messageList.vue
@@ -6,7 +6,7 @@
 				:list="tabList" 
 				:scrollable="false" 
 				:current="currentTab"
-				lineColor="#0096e0"
+				lineColor="#408bf6"
 				lineWidth="50"
 				lineHeight="5"
 				@click="clickTab">
diff --git a/packageA/pages/register/register.vue b/packageA/pages/register/register.vue
index 43fe95c..278e9c3 100644
--- a/packageA/pages/register/register.vue
+++ b/packageA/pages/register/register.vue
@@ -315,15 +315,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -342,7 +342,7 @@
 				font-weight: 500;
 				padding: 20rpx 40rpx;
 				margin-top: 0;
-				color: #0096e0;
+				color: #408bf6;
 				background-color: #fff;
 				&:active {
 					background-color: #d5e0ea;
diff --git a/packageA/pages/report/report.vue b/packageA/pages/report/report.vue
deleted file mode 100644
index 1e04a97..0000000
--- a/packageA/pages/report/report.vue
+++ /dev/null
@@ -1,712 +0,0 @@
-<!-- 发布举报 -->
-<template>
-	<view class="report">
-		<view class="title-area">
-			<image :src="`../${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
-			<view class="title">
-				<text>
-					举报类目：
-				</text>
-				<text class="title-text">{{typeMap[reportType]}}</text>
-			</view>
-		</view>
-		<view class="content-area">
-			<view class="content">
-				<u--form
-					labelPosition="left"
-					:model="form"
-					:rules="rules"
-					labelWidth="100"
-					ref="form">
-					<u-form-item label="举报人" borderBottom @click="message('举报人')">
-						<u--input
-							v-model="reportName"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
-						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
-					</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>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
-						<u--input
-							placeholder="请输入网站网址" 
-							v-model="form.url"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
-						<u--input
-							v-model="form.zt"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
-						<u-radio-group v-model="form.isNewMedia" placement="row">
-							<u-radio activeColor="#0096e0" label="是" :name="true"></u-radio>
-							<u-radio activeColor="#0096e0" label="否" :name="false"></u-radio>
-						</u-radio-group>
-					</u-form-item>
-					
-					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
-						<u--textarea 
-							v-model="form.desc" 
-							placeholder="描述不超过200个字符" 
-							autoHeight 
-							maxlength='200'
-							:showConfirmBar='true'
-						></u--textarea>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人" 
-							v-model="form.publishName"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人ID" 
-							v-model="form.publishId"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
-						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
-					</u-form-item>
-					
-					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
-						<u-upload
-							accep="image"
-							:fileList="form.picture"
-							@afterRead="afterRead"
-							@delete="deletePic"
-							name="1"
-							:deletable="true"
-							:maxCount="10"
-							:previewFullImage="true"
-						></u-upload>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
-						<view>
-							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
-							<uni-file-picker 
-								v-model="form.affix"
-								limit="1" 
-								file-mediatype="all" 
-								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
-								ref="affix"
-								@select="affixUpload"
-							></uni-file-picker>
-						</view>
-		
-					</u-form-item>
-				</u--form>
-			</view>
-		</view>
-		<view class="button-bottom">
-			<view class="button button-left" @click="submit">举 报</view>
-			<view class="button button-right" @click="reset">重 置</view>
-		</view>
-		<!-- 发布平台 -->
-		<u-picker
-			ref="uPicker"
-			:show="placeShow" 
-			:columns="placeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmPlace"
-			@change="changeHandler"
-			immediateChange
-		></u-picker>
-		<!-- 举报类型 -->
-		<u-picker
-			:show="typeShow" 
-			:columns="reportTypeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmReportType"
-		></u-picker>
-		
-		<!-- 信息来源 -->
-		<u-picker
-			:show="infoSourceShow" 
-			:columns="infoSourceColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmInfoSource"
-		></u-picker>
-		
-		<!-- 举报须知 -->
-		<Message
-			:show="showMessage" 
-			title="举报须知" 
-			:content="messageContent" 
-			@close="close"
-			@refuse="refuse"/>
-	</view>
-</template>
-
-<script>
-	import { getLocationParams } from '../../../common/utils.js';
-	import Message from '../../../components/base/message.vue';
-	export default {
-		components: {
-			Message
-		},
-		data() {
-			return {
-				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
-				showMessage: false, //举报须知弹窗显隐
-				reportType: '', //举报类型
-				reportIcon: '', //举报icon url
-				typeMap: {
-					web: '网站类型举报',
-					special: '专项举报',
-					other: '其他类型举报',
-				},
-				rules: {
-					// 手机号验证规则
-					'phone': [
-						{
-							required: true, 
-							message: '请输入手机号',
-							trigger: ['change','blur'],
-						},
-						{
-							// 自定义验证函数
-							validator: (rule, value, callback) => {
-								// 上面有说，返回true表示校验通过，返回false表示不通过
-								// uni.$u.test.mobile()就是返回true或者false的
-								return uni.$u.test.mobile(value);
-							},
-							message: '请输入正确的手机号',
-							// 触发器可以同时用blur和change
-							trigger: ['change','blur'],
-						}
-					],
-					// 举报类型
-					'type': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//信息来源
-					'source': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//网站网址
-					'url': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入网站网址',
-							trigger: ['change','blur'],
-						},
-						{
-							validator: (rule, value, callback) => {
-								return uni.$u.test.url(value);
-							},
-							message: '请输入正确的网址',
-							trigger: ['change','blur'],
-						}
-					],
-					// 描述
-					'desc': [
-						{
-							type: 'string',
-							required: true,
-							message: '请输入内容描述',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人
-					'publishName': [
-						{
-							type: 'string',
-							required: true,
-							message: '请填写确认密码',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人ID
-					'publishId': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入发布人ID',
-							trigger: ['change','blur'],
-						},
-					],
-					// 发布平台
-					'place': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择发布平台',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 内容截图
-					'picture': [
-						{
-							type: 'array',
-							required: true,
-							message: '请添加内容截图',
-							trigger: ['blur', 'change']
-						},
-					],
-				},
-				reportName: '', //举报人
-				form: {
-					phone: '', //手机号
-					type: '', //举报类型
-					url: '', //网站网址
-					zt: '涉疆扫黑除恶', //专题
-					isNewMedia: false,  //是否是新媒体
-					desc: '', //内容描述
-					publishName: '', //发布人
-					publishId: '', //发布人id
-					place: '', //发布平台
-					picture: [], //内容截图
-					source: '', //信息来源
-					affix: [], //附件
-				},
-				typeShow: false, //控制举报类型显隐
-				reportTypeColumns: [[  //举报类型
-					{
-						id: 'sldrl',
-						label: '涉领导人类'
-					},
-					{
-						id: 'sdjzl',
-						label: '涉党军政类'
-					},
-					{
-						id: 'sbskl',
-						label: '涉爆涉恐类'
-					},
-					{
-						id: 'mzzjl',
-						label: '民族宗教类'
-					},
-					{
-						id: 'zjzcl',
-						label: '治疆政策类'
-					},
-					{
-						id: 'sjasjl',
-						label: '涉疆案（事）件类'
-					},
-					{
-						id: 'ggaql',
-						label: '公共安全类'
-					},
-					{
-						id: 'zzrsl',
-						label: '组织人事类'
-					},
-					{
-						id: 'shmsl',
-						label: '社会民生类'
-					},
-					{
-						id: 'qtl',
-						label: '其他类'
-					},
-				]],
-				placeShow: false, //控制发布平台显隐
-				placeColumns: [ //发布平台第一列数据
-					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
-					['新浪微博', '腾讯微博'],
-				],
-				placeColumnsData: [ //发布平台第二列数据
-					['新浪微博', '腾讯微博'],
-					['微信公众号', 'QQ空间、群', '微信个人号'],
-					['贴吧', '普通网站', '天涯', '凯迪'],
-					['新浪博客', '腾讯博客'],
-					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
-					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
-					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
-					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
-				],
-				infoSourceColumns: [[
-					{
-						id: 'chart',
-						label: '聊天工具'
-					},
-					{
-						id: 'APP',
-						label: '移动APP'
-					},
-					{
-						id: 'wp',
-						label: '网盘'
-					},
-					{
-						id: 'ssyq',
-						label: '搜索引擎'
-					},
-					{
-						id: 'other',
-						label: '其他'
-					},
-				]],
-				infoSourceShow: false, //控制举报类型显隐
-			}
-		},
-		mounted() {
-			this.reportType = getLocationParams('reportType');
-			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
-			console.log(this.reportIcon)
-			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
-		},
-		onReady() {
-			this.showMessage = true; //显示举报须知
-			this.$refs.form.setRules(this.rules);
-		},
-		methods: {
-			//点击选择器取消按钮
-			cancle() {
-				this.typeShow = false;
-				this.placeShow = false;
-				this.infoSourceShow = false;
-			},
-			//多列联动
-			changeHandler(e) {
-				const {
-						columnIndex,
-						value,
-						values, // values为当前变化列的数组内容
-						index,
-						// 微信小程序无法将picker实例传出来，只能通过ref操作
-						picker = this.$refs.uPicker
-				} = e
-				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
-				if (columnIndex === 0) {
-					// picker为选择器this实例，变化第二列对应的选项
-					picker.setColumnValues(1, this.placeColumnsData[index])
-				}
-			},
-			//确定举报类型
-			confirmReportType(val) {
-				this.cancle();
-				this.form.type = val.value[0].label;
-				console.log(val.value[0].label)
-			},
-			//确定发布平台
-			confirmPlace(val) {
-				this.cancle();
-				this.form.place = val.value[1];
-				console.log(val.value[1])
-			},
-			//确定选择信息来源
-			confirmInfoSource(val) {
-				this.cancle();
-				this.form.source = val.value[0].label;
-			},
-			// 删除图片
-			deletePic(event) {
-				this.form.picture.splice(event.index, 1)
-			},
-			// 新增图片
-			async afterRead(event) {
-				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-				let lists = [].concat(event.file)
-				let fileListLen = this.form.picture.length
-				lists.map((item) => {
-					this.form.picture.push({
-						...item,
-						status: 'uploading',
-						message: '上传中'
-					})
-				})
-				for (let i = 0; i < lists.length; i++) {
-					const result = await this.uploadFilePromise(lists[i].url)
-					let item = this.form.picture[fileListLen]
-					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
-						status: 'success',
-						message: '',
-						url: result
-					}))
-					fileListLen++
-				}
-			},
-			uploadFilePromise(url) {
-				return new Promise((resolve, reject) => {
-					let a = wx.uploadFile({
-						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
-						filePath: url,
-						name: 'file',
-						formData: {
-							//图片张数
-							// 'length': 上边的filelist.length
-						},
-						header: {
-							"Content-Type": "multipart/form-data"
-						},
-						success: (res) => {
-							setTimeout(() => {
-								resolve(res.data.data)
-							}, 1000)
-						}
-					});
-				})
-			},
-			//点击举报
-			submit() {
-				if(this.form.reportName === '') {
-					wx.showToast({
-					  title: '请先注册',
-					  icon: 'none',
-					  duration: 2000
-					})
-					setTimeout(() => {
-						wx.navigateTo({
-							url: '/packageA/pages/register/register'
-						})
-					}, 2000)
-				} else {
-					this.$refs.form.validate().then(res => {
-						uni.$u.toast('举报成功')
-						wx.navigateTo({
-							url: '/packageA/pages/myReport/myReport'
-						})
-					}).catch(errors => {
-						uni.$u.toast('校验失败')
-					})
-				}
-			},
-			//点击重置
-			reset() {
-				for(let key in this.form) {
-					if(key !== 'zt') {
-						let type = typeof this.form[key];
-						if(type === 'string') {
-							this.form[key] = '';
-						} else if(type === 'object') {
-							this.form[key] = []
-						} else if(type === 'boolean') {
-							this.form[key] = false
-						}
-					}
-				}
-				this.$refs.affix.clearFiles();  //清除附件
-			},
-			//提醒禁止修改举报人
-			message(val) {
-				wx.showToast({
-				  title: `不允许修改${val}`,
-				  icon: 'none',
-				  duration: 2000
-				})
-			},
-			//拒绝举报须知
-			refuse(val) {
-				wx.switchTab({
-					url: '/pages/center/center'
-				})
-			},
-			close(val) {
-				this.showMessage = val;
-			},
-			//附件上传
-			affixUpload(val) {
-				console.log('------', val)
-				wx.uploadFile({
-					url: '你的接口地址',
-					filePath: tempFilePaths[0].path,
-					name: "file",
-					formData: {
-						token: '123', // 这里是传给后端的参数
-					},
-					success: (res) => {
-						const req = JSON.parse(res.data);
-						alert(req.msg);
-					},
-					fail: (err) => {
-						console.log("出错了");
-						console.log(err);
-						alert("上传失败");
-					},
-				});　
-				// wx.chooseMessageFile({
-				// 	count: 1,
-				// 	success: (res) => {
-				// 		const tempFilePaths = res.tempFiles;
-				// 		console.log('上传的文件', tempFilePaths)
-				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
-				// 			wx.showToast({
-				// 			  title: `文件不允许大于50M`,
-				// 			  icon: 'none',
-				// 			  duration: 3000
-				// 			})
-				// 		} else {
-				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
-				// 			console.log(isPass)
-				// 			if(!isPass) {
-				// 				wx.showToast({
-				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
-				// 				  icon: 'none',
-				// 				  duration: 5000
-				// 				})
-				// 			} else {
-				// 				wx.uploadFile({
-				// 					url: '你的接口地址',
-				// 					filePath: tempFilePaths[0].path,
-				// 					name: "file",
-				// 					formData: {
-				// 						token: '123', // 这里是传给后端的参数
-				// 					},
-				// 					success: (res) => {
-				// 						const req = JSON.parse(res.data);
-				// 						alert(req.msg);
-				// 					},
-				// 					fail: (err) => {
-				// 						console.log("出错了");
-				// 						console.log(err);
-				// 						alert("上传失败");
-				// 					},
-				// 				});　
-				// 			}
-				// 		}
-				// 	},
-				// });
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.report {
-		box-sizing: border-box;
-		padding-bottom: 60rpx;
-		.title-area {
-			display: flex;
-			align-items: center;
-			padding: 20rpx;
-			background-color: #fff;
-			.title {
-				margin-left: 32rpx;
-				.title-text {
-					font-weight: 600;
-				}
-			}
-		}	
-		.content-area {
-			padding: 20rpx;
-			.content {
-				background-color: #fff;
-				border-radius: 16rpx;
-				padding: 50rpx 20rpx;
-				box-sizing: border-box;
-			}
-		}
-		.button {
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 20rpx;
-			color: #fff;
-			font-weight: 600;
-			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
-			border-radius: 10rpx;
-			margin: 64rpx 0 32rpx 0;
-			white-space: nowrap;
-			box-sizing: border-box;
-			&:active {
-				background-color: #fff;
-				color: #0096e0;
-			}
-		}
-		.button-bottom {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
-			align-items: center;
-			margin-top: 40rpx;
-			.button-left {
-				width: fit-content;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-			}
-			.button-right {
-				width: fit-content;
-				font-weight: 500;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-				color: #0096e0;
-				background-color: #fff;
-				&:active {
-					background-color: #d5e0ea;
-					font-weight: 600;
-				}
-			}
-		}
-	}
-</style>
-
-<style lang="scss">
-	.report {
-		.u-form-item__body {
-			// padding: 40rpx 0 !important;
-		}
-		.u-toolbar__wrapper__confirm {
-			color: #0096e0 !important;
-		}
-		.u-radio {
-			margin-right: 54rpx;
-		}
-		.u-form-item__body__left__content__label {
-			white-space: nowrap;
-			font-weight: 600;
-		}
-		.u-form-item__body__right__content__slot {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-		}
-		.u-input--radius, .u-input--square {
-			background-color: transparent !important;
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
new file mode 100644
index 0000000..3986ff0
--- /dev/null
+++ b/packageB/center/center.vue
@@ -0,0 +1,121 @@
+<!-- 举报中心 -->
+<template>
+	<view class="center">
+		<image src="../../static/index/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="content">
+			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon)">
+				<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>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'center',
+		components: {
+		},
+		data() {
+			return {
+				tabList: [
+					{
+						id: 'web',
+						title: '网站类型举报',
+						dec: '网站地址',
+						icon: '../../static/center/web.png',
+						span: '6',
+						style: 'width: 52px;height: 60px;'
+					},
+					{
+						id: 'special',
+						title: '专项举报',
+						dec: '扫黑除恶专题举报',
+						icon: '../../static/center/special.png',
+						span: '6',
+						style: 'width: 52px;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)
+				wx.navigateTo({
+					url: `/packageB/report/report?reportType=${val}&icon=` + encodeURIComponent(icon)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.center {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		padding: 40rpx;
+		padding-top: 380rpx;
+		box-sizing: border-box;
+		.center-title {
+			position: absolute;
+			top: 40rpx;
+			left: 40rpx;
+			color: #fff;
+			font-size: 48rpx;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+		}
+		.content {
+			display: flex;
+			flex-direction: column;
+			background-color: #fff;
+			border-radius: 16rpx;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.content-main {
+				display: flex;
+				align-items: center;
+				background: red;
+				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
+				margin-top: 40rpx;
+				padding: 20rpx;
+				padding-left: 60rpx;
+				border-radius: 20rpx;
+				color: #fff;
+				.text-area {
+					flex: 1;
+					margin-left: 40rpx;
+					text-align: center;
+					font-weight: 600;
+					&:last-child {
+						margin-left: 32rpx;
+					}
+					.content-title {
+						margin-right: 20rpx;
+					}
+				}
+				
+			}
+		}
+	}
+</style>
+<style lang="scss">
+	.center {
+		.u-icon__icon {
+			margin-right: -20rpx;
+		}
+	}
+</style>
diff --git a/packageB/guide/guide.vue b/packageB/guide/guide.vue
index 5f2d370..6a031f7 100644
--- a/packageB/guide/guide.vue
+++ b/packageB/guide/guide.vue
@@ -1,7 +1,7 @@
 <!-- 举报指南 -->
 <template>
 	<view class="guide">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
 		<view class="title">遇到互联网违法和不良信息该怎么举报？</view>
 		<view class="time">
 			时间： 2022-08-18 17:42:00  
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
new file mode 100644
index 0000000..58a4a51
--- /dev/null
+++ b/packageB/messageList/messageList.vue
@@ -0,0 +1,248 @@
+<!-- 网信信息列表 -->
+<template>
+	<view class="message-list">
+		<image src="../../static/index/back.png" style="position:fixed;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="tab-area">
+			<u-tabs 
+				:list="tabList" 
+				:scrollable="false" 
+				:current="currentTab"
+				lineColor="#fff"
+				lineWidth="50"
+				lineHeight="5"
+				:activeStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				:inactiveStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				@click="clickTab">
+			</u-tabs>
+		</view>
+		
+		<view class="event-area">
+			<EventList :list="eventList"/>
+		</view>
+		<u-loadmore :status="status" loadmoreText=" "/>
+		<!-- 返回顶部 -->
+		<u-back-top 
+			:scroll-top="scrollTop" 
+			icon="arrow-up" 
+			customStyle="background: #4390f7;"
+			:iconStyle="iconStyle"
+			duration="200"
+		></u-back-top>
+		
+		<!-- 空 -->
+		<u-empty
+			v-if="isEmpty"
+			mode="search"
+			text="暂无结果"
+			:show="true"
+			iconColor="#77797d"
+			textColor="#77797d"
+			marginTop="80"
+		></u-empty>
+	</view>
+</template>
+
+<script>
+	import EventList from '../../components/index/eventList.vue';
+	import { getLocationParams } from '../../common/utils.js';
+	export default {
+		name: 'MessageList',
+		components: {
+			EventList
+		},
+		data() {
+			return {
+				isEmpty: false,   //数据是否为空
+				iconStyle: {
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				},
+				scrollTop: 0,
+				currentTab: '0', //当前选中的标签的索引
+				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
+				tabList: [
+					{
+						name: '法律法规'
+					},
+					{
+						name: '工作动态'
+					},
+				],
+				eventList: [],  //事件数据
+			}
+		},
+		watch: {
+			eventList: {
+				handler(val){
+					if(val.length) {
+						this.isEmpty = false;
+					} else {
+						this.isEmpty = true;
+					}
+				},
+				deep: true,
+				// immediate: true,
+			}
+		},
+		mounted() {
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+			
+			this.currentTab = getLocationParams('tabIndex');
+			this.clickTab(null, this.currentTab);
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: ' ',
+				// imageUrl: '../../static/share.png',
+				path: "/pages/messageList/messageList",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: '新疆网络举报',
+			}
+		},
+		// 监听滚动条位置
+		onPageScroll(e) {
+			this.scrollTop = e.scrollTop;
+		},
+		//下拉刷新
+		onPullDownRefresh() {
+			console.log('refresh');
+			setTimeout(function () {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+		//上滑加载
+		onReachBottom() {
+			
+		},
+		methods: {
+			clickTab(val, currentTab) {
+				console.log(val)
+				if((val && val.index === 0) || currentTab === '0') {
+					this.eventList = [
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				} else if((val && val.index === 1) || currentTab === '1') {
+					this.eventList = [
+						
+					]
+				} else if((val && val.index === 2) || currentTab === '2') {
+					this.eventList = [
+						{
+							title: '网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-list {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 40rpx;
+		padding-top: 146rpx;
+		.tab-area {
+			position: fixed;
+			box-sizing: border-box;
+			top: 0;
+			left: 0;
+			width: 100%;
+			padding: 20rpx;
+			background-color: #4390f7;
+		}
+	}
+
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/recordDetail/recordDetail.vue b/packageB/recordDetail/recordDetail.vue
index 888ae54..215e6be 100644
--- a/packageB/recordDetail/recordDetail.vue
+++ b/packageB/recordDetail/recordDetail.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="record-detail">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="main">
 			<u--form labelPosition="left" :model="form">
 				<u-form-item label="操作" prop="staffCode" borderBottom labelWidth="100">
diff --git a/packageB/report/report.vue b/packageB/report/report.vue
new file mode 100644
index 0000000..142139f
--- /dev/null
+++ b/packageB/report/report.vue
@@ -0,0 +1,719 @@
+<!-- 发布举报 -->
+<template>
+	<view class="report">
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="title-area">
+			<image :src="`${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
+			<view class="title">
+				<text>
+					举报类目：
+				</text>
+				<text class="title-text">{{typeMap[reportType]}}</text>
+			</view>
+		</view>
+		<view class="content-area">
+			<view class="content">
+				<u--form
+					labelPosition="left"
+					:model="form"
+					:rules="rules"
+					labelWidth="100"
+					ref="form">
+					<u-form-item label="举报人" borderBottom @click="message('举报人')">
+						<u--input
+							v-model="reportName"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
+						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
+					</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>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
+						<u--input
+							placeholder="请输入网站网址" 
+							v-model="form.url"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
+						<u--input
+							v-model="form.zt"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
+						<u-radio-group v-model="form.isNewMedia" placement="row">
+							<u-radio activeColor="#408bf6" label="是" :name="true"></u-radio>
+							<u-radio activeColor="#408bf6" label="否" :name="false"></u-radio>
+						</u-radio-group>
+					</u-form-item>
+					
+					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
+						<u--textarea 
+							v-model="form.desc" 
+							placeholder="描述不超过200个字符" 
+							autoHeight 
+							maxlength='200'
+							:showConfirmBar='true'
+						></u--textarea>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人" 
+							v-model="form.publishName"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人ID" 
+							v-model="form.publishId"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
+						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
+					</u-form-item>
+					
+					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
+						<u-upload
+							accep="image"
+							:fileList="form.picture"
+							@afterRead="afterRead"
+							@delete="deletePic"
+							name="1"
+							:deletable="true"
+							:maxCount="10"
+							:previewFullImage="true"
+						></u-upload>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
+						<view>
+							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
+							<uni-file-picker 
+								v-model="form.affix"
+								limit="1" 
+								file-mediatype="all" 
+								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
+								ref="affix"
+								@select="affixUpload"
+							></uni-file-picker>
+						</view>
+		
+					</u-form-item>
+				</u--form>
+			</view>
+		</view>
+		<view class="button-bottom">
+			<view class="button button-left" @click="submit">举 报</view>
+			<view class="button button-right" @click="reset">重 置</view>
+		</view>
+		<!-- 发布平台 -->
+		<u-picker
+			ref="uPicker"
+			:show="placeShow" 
+			:columns="placeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmPlace"
+			@change="changeHandler"
+			immediateChange
+		></u-picker>
+		<!-- 举报类型 -->
+		<u-picker
+			:show="typeShow" 
+			:columns="reportTypeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmReportType"
+		></u-picker>
+		
+		<!-- 信息来源 -->
+		<u-picker
+			:show="infoSourceShow" 
+			:columns="infoSourceColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmInfoSource"
+		></u-picker>
+		
+		<!-- 举报须知 -->
+		<Message
+			:show="showMessage" 
+			title="举报须知" 
+			:content="messageContent" 
+			@close="close"
+			@refuse="refuse"/>
+	</view>
+</template>
+
+<script>
+	import { getLocationParams } from '../../common/utils.js';
+	import Message from '../../components/base/message.vue';
+	export default {
+		components: {
+			Message
+		},
+		data() {
+			return {
+				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
+				showMessage: false, //举报须知弹窗显隐
+				reportType: '', //举报类型
+				reportIcon: '', //举报icon url
+				typeMap: {
+					web: '网站类型举报',
+					special: '专项举报',
+					other: '其他类型举报',
+				},
+				rules: {
+					// 手机号验证规则
+					'phone': [
+						{
+							required: true, 
+							message: '请输入手机号',
+							trigger: ['change','blur'],
+						},
+						{
+							// 自定义验证函数
+							validator: (rule, value, callback) => {
+								// 上面有说，返回true表示校验通过，返回false表示不通过
+								// uni.$u.test.mobile()就是返回true或者false的
+								return uni.$u.test.mobile(value);
+							},
+							message: '请输入正确的手机号',
+							// 触发器可以同时用blur和change
+							trigger: ['change','blur'],
+						}
+					],
+					// 举报类型
+					'type': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//信息来源
+					'source': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//网站网址
+					'url': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入网站网址',
+							trigger: ['change','blur'],
+						},
+						{
+							validator: (rule, value, callback) => {
+								return uni.$u.test.url(value);
+							},
+							message: '请输入正确的网址',
+							trigger: ['change','blur'],
+						}
+					],
+					// 描述
+					'desc': [
+						{
+							type: 'string',
+							required: true,
+							message: '请输入内容描述',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人
+					'publishName': [
+						{
+							type: 'string',
+							required: true,
+							message: '请填写确认密码',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人ID
+					'publishId': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入发布人ID',
+							trigger: ['change','blur'],
+						},
+					],
+					// 发布平台
+					'place': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择发布平台',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 内容截图
+					'picture': [
+						{
+							type: 'array',
+							required: true,
+							message: '请添加内容截图',
+							trigger: ['blur', 'change']
+						},
+					],
+				},
+				reportName: '', //举报人
+				form: {
+					phone: '', //手机号
+					type: '', //举报类型
+					url: '', //网站网址
+					zt: '涉疆扫黑除恶', //专题
+					isNewMedia: false,  //是否是新媒体
+					desc: '', //内容描述
+					publishName: '', //发布人
+					publishId: '', //发布人id
+					place: '', //发布平台
+					picture: [], //内容截图
+					source: '', //信息来源
+					affix: [], //附件
+				},
+				typeShow: false, //控制举报类型显隐
+				reportTypeColumns: [[  //举报类型
+					{
+						id: 'sldrl',
+						label: '涉领导人类'
+					},
+					{
+						id: 'sdjzl',
+						label: '涉党军政类'
+					},
+					{
+						id: 'sbskl',
+						label: '涉爆涉恐类'
+					},
+					{
+						id: 'mzzjl',
+						label: '民族宗教类'
+					},
+					{
+						id: 'zjzcl',
+						label: '治疆政策类'
+					},
+					{
+						id: 'sjasjl',
+						label: '涉疆案（事）件类'
+					},
+					{
+						id: 'ggaql',
+						label: '公共安全类'
+					},
+					{
+						id: 'zzrsl',
+						label: '组织人事类'
+					},
+					{
+						id: 'shmsl',
+						label: '社会民生类'
+					},
+					{
+						id: 'qtl',
+						label: '其他类'
+					},
+				]],
+				placeShow: false, //控制发布平台显隐
+				placeColumns: [ //发布平台第一列数据
+					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
+					['新浪微博', '腾讯微博'],
+				],
+				placeColumnsData: [ //发布平台第二列数据
+					['新浪微博', '腾讯微博'],
+					['微信公众号', 'QQ空间、群', '微信个人号'],
+					['贴吧', '普通网站', '天涯', '凯迪'],
+					['新浪博客', '腾讯博客'],
+					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
+					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
+					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
+					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
+				],
+				infoSourceColumns: [[
+					{
+						id: 'chart',
+						label: '聊天工具'
+					},
+					{
+						id: 'APP',
+						label: '移动APP'
+					},
+					{
+						id: 'wp',
+						label: '网盘'
+					},
+					{
+						id: 'ssyq',
+						label: '搜索引擎'
+					},
+					{
+						id: 'other',
+						label: '其他'
+					},
+				]],
+				infoSourceShow: false, //控制举报类型显隐
+			}
+		},
+		mounted() {
+			this.reportType = getLocationParams('reportType');
+			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
+			console.log(this.reportIcon)
+			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
+		},
+		onReady() {
+			this.showMessage = true; //显示举报须知
+			this.$refs.form.setRules(this.rules);
+		},
+		methods: {
+			//点击选择器取消按钮
+			cancle() {
+				this.typeShow = false;
+				this.placeShow = false;
+				this.infoSourceShow = false;
+			},
+			//多列联动
+			changeHandler(e) {
+				const {
+						columnIndex,
+						value,
+						values, // values为当前变化列的数组内容
+						index,
+						// 微信小程序无法将picker实例传出来，只能通过ref操作
+						picker = this.$refs.uPicker
+				} = e
+				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
+				if (columnIndex === 0) {
+					// picker为选择器this实例，变化第二列对应的选项
+					picker.setColumnValues(1, this.placeColumnsData[index])
+				}
+			},
+			//确定举报类型
+			confirmReportType(val) {
+				this.cancle();
+				this.form.type = val.value[0].label;
+				console.log(val.value[0].label)
+			},
+			//确定发布平台
+			confirmPlace(val) {
+				this.cancle();
+				this.form.place = val.value[1];
+				console.log(val.value[1])
+			},
+			//确定选择信息来源
+			confirmInfoSource(val) {
+				this.cancle();
+				this.form.source = val.value[0].label;
+			},
+			// 删除图片
+			deletePic(event) {
+				this.form.picture.splice(event.index, 1)
+			},
+			// 新增图片
+			async afterRead(event) {
+				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
+				let lists = [].concat(event.file)
+				let fileListLen = this.form.picture.length
+				lists.map((item) => {
+					this.form.picture.push({
+						...item,
+						status: 'uploading',
+						message: '上传中'
+					})
+				})
+				for (let i = 0; i < lists.length; i++) {
+					const result = await this.uploadFilePromise(lists[i].url)
+					let item = this.form.picture[fileListLen]
+					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
+						status: 'success',
+						message: '',
+						url: result
+					}))
+					fileListLen++
+				}
+			},
+			uploadFilePromise(url) {
+				return new Promise((resolve, reject) => {
+					let a = wx.uploadFile({
+						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
+						filePath: url,
+						name: 'file',
+						formData: {
+							//图片张数
+							// 'length': 上边的filelist.length
+						},
+						header: {
+							"Content-Type": "multipart/form-data"
+						},
+						success: (res) => {
+							setTimeout(() => {
+								resolve(res.data.data)
+							}, 1000)
+						}
+					});
+				})
+			},
+			//点击举报
+			submit() {
+				if(this.form.reportName === '') {
+					wx.showToast({
+					  title: '请先注册',
+					  icon: 'none',
+					  duration: 2000
+					})
+					setTimeout(() => {
+						wx.navigateTo({
+							url: '/packageA/pages/register/register'
+						})
+					}, 2000)
+				} else {
+					this.$refs.form.validate().then(res => {
+						uni.$u.toast('举报成功')
+						wx.navigateTo({
+							url: '/packageA/pages/myReport/myReport'
+						})
+					}).catch(errors => {
+						uni.$u.toast('校验失败')
+					})
+				}
+			},
+			//点击重置
+			reset() {
+				for(let key in this.form) {
+					if(key !== 'zt') {
+						let type = typeof this.form[key];
+						if(type === 'string') {
+							this.form[key] = '';
+						} else if(type === 'object') {
+							this.form[key] = []
+						} else if(type === 'boolean') {
+							this.form[key] = false
+						}
+					}
+				}
+				this.$refs.affix.clearFiles();  //清除附件
+			},
+			//提醒禁止修改举报人
+			message(val) {
+				wx.showToast({
+				  title: `不允许修改${val}`,
+				  icon: 'none',
+				  duration: 2000
+				})
+			},
+			//拒绝举报须知
+			refuse(val) {
+				wx.switchTab({
+					url: '/pages/center/center'
+				})
+			},
+			close(val) {
+				this.showMessage = val;
+			},
+			//附件上传
+			affixUpload(val) {
+				console.log('------', val)
+				wx.uploadFile({
+					url: '你的接口地址',
+					filePath: tempFilePaths[0].path,
+					name: "file",
+					formData: {
+						token: '123', // 这里是传给后端的参数
+					},
+					success: (res) => {
+						const req = JSON.parse(res.data);
+						alert(req.msg);
+					},
+					fail: (err) => {
+						console.log("出错了");
+						console.log(err);
+						alert("上传失败");
+					},
+				});　
+				// wx.chooseMessageFile({
+				// 	count: 1,
+				// 	success: (res) => {
+				// 		const tempFilePaths = res.tempFiles;
+				// 		console.log('上传的文件', tempFilePaths)
+				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
+				// 			wx.showToast({
+				// 			  title: `文件不允许大于50M`,
+				// 			  icon: 'none',
+				// 			  duration: 3000
+				// 			})
+				// 		} else {
+				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
+				// 			console.log(isPass)
+				// 			if(!isPass) {
+				// 				wx.showToast({
+				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
+				// 				  icon: 'none',
+				// 				  duration: 5000
+				// 				})
+				// 			} else {
+				// 				wx.uploadFile({
+				// 					url: '你的接口地址',
+				// 					filePath: tempFilePaths[0].path,
+				// 					name: "file",
+				// 					formData: {
+				// 						token: '123', // 这里是传给后端的参数
+				// 					},
+				// 					success: (res) => {
+				// 						const req = JSON.parse(res.data);
+				// 						alert(req.msg);
+				// 					},
+				// 					fail: (err) => {
+				// 						console.log("出错了");
+				// 						console.log(err);
+				// 						alert("上传失败");
+				// 					},
+				// 				});　
+				// 			}
+				// 		}
+				// 	},
+				// });
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.report {
+		box-sizing: border-box;
+		padding: 20rpx;
+		padding-bottom: 60rpx;
+		.title-area {
+			display: flex;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			.title {
+				margin-left: 32rpx;
+				.title-text {
+					font-weight: 600;
+				}
+			}
+		}	
+		.content-area {
+			padding: 20rpx;
+			.content {
+				background-color: #fff;
+				border-radius: 16rpx;
+				padding: 50rpx 20rpx;
+				box-sizing: border-box;
+			}
+		}
+		.button {
+			width: 100%;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
+			border-radius: 10rpx;
+			margin: 64rpx 0 32rpx 0;
+			white-space: nowrap;
+			box-sizing: border-box;
+			&:active {
+				background-color: #fff;
+				color: #408bf6;
+			}
+		}
+		.button-bottom {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-around;
+			align-items: center;
+			margin-top: 40rpx;
+			.button-left {
+				width: fit-content;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+			}
+			.button-right {
+				width: fit-content;
+				font-weight: 500;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+				color: #408bf6;
+				background-color: #fff;
+				&:active {
+					background-color: #d5e0ea;
+					font-weight: 600;
+				}
+			}
+		}
+	}
+</style>
+
+<style lang="scss">
+	.report {
+		.u-form-item__body {
+			// padding: 40rpx 0 !important;
+		}
+		.u-toolbar__wrapper__confirm {
+			color: #408bf6 !important;
+		}
+		.u-radio {
+			margin-right: 54rpx;
+		}
+		.u-form-item__body__left__content__label {
+			white-space: nowrap;
+			font-weight: 600;
+		}
+		.u-form-item__body__right__content__slot {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			align-items: center;
+		}
+		.u-input--radius, .u-input--square {
+			background-color: transparent !important;
+		}
+	}
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 5bf4a61..32ca911 100644
--- a/pages.json
+++ b/pages.json
@@ -9,14 +9,6 @@
 				"enablePullDownRefresh": false
 			}
 		},
-		{
-			"path" : "pages/center/center",
-			"style" :                                                                                    
-			{
-				"navigationBarTitleText": "举报中心",
-				"enablePullDownRefresh": false
-			}   
-		},
 			{
 				"path" : "pages/mine/mine",
 				"style" :                                                                                    
@@ -47,8 +39,8 @@
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "新疆网络举报",
-		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#fff"
+		"navigationBarBackgroundColor": "#4390f7",
+		"backgroundColor": "#4390f7"
 	},
 	"tabBar": {
 		"color": "#424242",
@@ -86,14 +78,6 @@
 		"root": "packageA",//分包名
 		"pages": [
 			{
-				"path" : "pages/messageList/messageList",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "网信信息列表",
-					"enablePullDownRefresh": true
-				}    
-			},
-			{
 				"path" : "pages/messageDetail/messageDetail",
 				"style" :                                                                                    
 				{
@@ -148,15 +132,15 @@
 					"navigationBarTitleText": "账号绑定",
 					"enablePullDownRefresh": false
 				}	
-			},
-			{
-				"path" : "pages/report/report",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "发布举报",
-					"enablePullDownRefresh": false
-				}	
 			}
+			// {
+			// 	"path" : "pages/report/report",
+			// 	"style" :                                                                                    
+			// 	{
+			// 		"navigationBarTitleText": "发布举报",
+			// 		"enablePullDownRefresh": false
+			// 	}	
+			// }
 		]
 	},
 	{
@@ -190,6 +174,36 @@
 						"navigationBarBackgroundColor": "#4390f7",
 						"navigationBarTextStyle": "white"
 					}
+				},
+				{
+					"path" : "center/center",
+					"style" :                                                                                    
+					{
+						"navigationBarTitleText": "举报中心",
+						"enablePullDownRefresh": false,
+						"navigationBarBackgroundColor": "#4390f7",
+						"navigationBarTextStyle": "white"
+					}
+				},
+				{
+					"path" : "report/report",
+					"style" :                                                                                    
+						{
+							"navigationBarTitleText": "发布举报",
+							"enablePullDownRefresh": false,
+							"navigationBarBackgroundColor": "#4390f7",
+							"navigationBarTextStyle": "white"
+						}
+				}
+				,{
+						"path" : "messageList/messageList",
+						"style" :                                                                                    
+					{
+						"navigationBarTitleText": "网信信息列表",
+						"enablePullDownRefresh": true,
+						"navigationBarBackgroundColor": "#4390f7",
+						"navigationBarTextStyle": "white"
+					}
 				}
 			]
 	}]
diff --git a/pages/center/center.vue b/pages/center/center.vue
index 8c3939b..300e81e 100644
--- a/pages/center/center.vue
+++ b/pages/center/center.vue
@@ -9,13 +9,13 @@
 			
 			<view class="title">
 				<view class="left">
-					<u-icon name="play-left-fill" color="#0096e0" size="12"></u-icon>
-					<u-icon name="play-left-fill" color="#0096e0" size="12"></u-icon>
+					<u-icon name="play-left-fill" color="#408bf6" size="12"></u-icon>
+					<u-icon name="play-left-fill" color="#408bf6" size="12"></u-icon>
 				</view>
 				<text>举报入口</text>
 				<view class="right">
-					<u-icon name="play-right-fill" color="#0096e0" size="12"></u-icon>
-					<u-icon name="play-right-fill" color="#0096e0" size="12"></u-icon>
+					<u-icon name="play-right-fill" color="#408bf6" size="12"></u-icon>
+					<u-icon name="play-right-fill" color="#408bf6" size="12"></u-icon>
 				</view>
 			</view>
 			
@@ -119,7 +119,7 @@
 			text-align: center;
 			font-size: 42rpx;
 			font-weight: 600;
-			color: #0096e0;
+			color: #408bf6;
 			letter-spacing: 20rpx;
 			box-sizing: border-box;
 			.left {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 736b220..4b08bc9 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,19 +1,19 @@
 <!-- 首页 -->
 <template>
 	<view class="index">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<image src="../../static/index/back_complete.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="swiper-area">
-			<swiper class="swiper-box" :indicator-dots="true" :autoplay="true" :circular="circular">
+			<swiper class="swiper-box" style="height: 300rpx;" :indicator-dots="true" :autoplay="true" :circular="circular">
 				<swiper-item v-for="(item ,index) in swiperList" :key="index">
 					<view class="swiper-item">
-						<image :src="item.url" style="width:100%;height: 360rpx;"></image>
+						<image :src="item.url" style="width:100%;height: 300rpx;"></image>
 					</view>
 				</swiper-item>
 			</swiper>
 		</view>
 		<view class="tab-area">
 			<view class="tab">
-				<u-row customStyle="" >
+				<u-row>
 					<u-col span="6" v-for="item in tabList_first" :key="item.id">
 						<view class="tab-item" @click="handleClick(item.id)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
@@ -21,7 +21,7 @@
 						</view>
 					</u-col>
 				</u-row>
-				<u-row customStyle="" >
+				<u-row>
 					<u-col span="6" v-for="item in tabList_second" :key="item.id">
 						<view class="tab-item" @click="handleClick(item.id)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
@@ -29,7 +29,7 @@
 						</view>
 					</u-col>
 				</u-row>
-				<u-row customStyle="" >
+				<u-row>
 					<u-col span="6" v-for="item in tabList_third" :key="item.id">
 						<view class="tab-item" @click="handleClick(item.id)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
@@ -51,9 +51,9 @@
 			return {
 				tabList_first: [
 					{
-						id: 'will',
-						name: '我要举报',
-						icon: '../../static/index/will.png',
+						id: 'search',
+						name: '举报查询',
+						icon: '../../static/index/search.png',
 					},
 					{
 						id: 'guide',
@@ -63,19 +63,6 @@
 				],
 				tabList_second: [
 					{
-						id: 'search',
-						name: '举报查询',
-						icon: '../../static/index/search.png',
-					},
-					{
-						id: 'jdy',
-						name: '成为监督员',
-						icon: '../../static/index/jdy.png',
-					},
-					
-				],
-				tabList_third: [
-					{
 						id: 'status',
 						name: '工作动态',
 						icon: '../../static/index/status.png',
@@ -86,19 +73,31 @@
 						icon: '../../static/index/rules.png',
 					},
 				],
+				tabList_third: [
+					{
+						id: 'will',
+						name: '我要举报',
+						icon: '../../static/index/will.png',
+					},
+					{
+						id: 'jdy',
+						name: '成为监督员',
+						icon: '../../static/index/jdy.png',
+					},
+				],
 				//轮播图信息
 				swiperList: [
 					{
-						url: '../../static/share.png'
+						url: 'http://111.198.10.15:11604/png/swiper1.png'
 					},
 					{
-						url: '../../static/code.jpg'
+						url: 'http://111.198.10.15:11604/png/swiper2.png'
 					},
 					{
-						url: '../../static/share.png'
+						url: 'http://111.198.10.15:11604/png/swiper3.png'
 					},
 					{
-						url: '../../static/code.jpg'
+						url: 'http://111.198.10.15:11604/png/swiper4.png'
 					},
 				]
 			}
@@ -133,7 +132,12 @@
 					wx.navigateTo({
 						url: '/packageB/guide/guide'
 					})
-				} else if(val === 'rule' || val === 'status' || val === 'net') {
+				} else if(val === 'will') { // 我要举报
+					wx.navigateTo({
+						url: '/packageB/center/center'
+					})
+				}
+				else if(val === 'rule' || val === 'status') { // 法律法规、工作动态
 					let tabIndex = 0;
 					if(val === 'status') {
 						tabIndex = 1;
@@ -141,9 +145,9 @@
 						tabIndex = 2;
 					}
 					wx.navigateTo({
-						url: `/packageA/pages/messageList/messageList?tabIndex=${tabIndex}`
+						url: `/packageB/messageList/messageList?tabIndex=${tabIndex}`
 					})
-				} else if(val === 'search') {
+				} else if(val === 'search') { // 成为监督员
 					wx.navigateTo({
 						url: `/packageA/pages/search/search`
 					})
@@ -159,6 +163,7 @@
 		width: 100%;
 		box-sizing: border-box;
 		padding: 60rpx 0;
+		padding-top: 192rpx;
 		.swiper-area {
 			padding: 0 40rpx;
 		}
diff --git a/pages/mine/mine.vue b/pages/mine/mine.vue
index 5899307..f592534 100644
--- a/pages/mine/mine.vue
+++ b/pages/mine/mine.vue
@@ -14,7 +14,7 @@
 					 	<text>举报中心</text>
 					 	<view class="icon-text">
 							<text class="text">全部</text>
-							<u-icon name="arrow-right-double" color="#0096e0" size="18"></u-icon>
+							<u-icon name="arrow-right-double" color="#408bf6" size="18"></u-icon>
 						</view>
 					</view>
 					 
@@ -34,7 +34,7 @@
 			<!-- 平台账号 -->
 			<view class="account" @click="changePage">
 				<view class="title">
-					<u-icon name="account-fill" color="#0096e0" size="28"></u-icon>
+					<u-icon name="account-fill" color="#408bf6" size="28"></u-icon>
 					<text class="text">平台账号</text>
 				</view>
 				
@@ -44,7 +44,7 @@
 			<!-- 举报电话 -->
 			<view class="account" @click="call">
 				<view class="title">
-					<u-icon name="phone-fill" color="#0096e0" size="28"></u-icon>
+					<u-icon name="phone-fill" color="#408bf6" size="28"></u-icon>
 					<text class="text">举报电话</text>
 				</view>
 				
@@ -173,7 +173,7 @@
 							align-items: center;
 							font-size: 34rpx;
 							font-weight: 400;
-							color: #0096e0;
+							color: #408bf6;
 							.text {
 								margin-right: 16rpx;
 							}

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/messageList/messageList.vue b/packageA/pages/messageList/messageList.vue
index a10e163..8432690 100644
--- a/packageA/pages/messageList/messageList.vue
+++ b/packageA/pages/messageList/messageList.vue
@@ -6,7 +6,7 @@
 				:list="tabList" 
 				:scrollable="false" 
 				:current="currentTab"
-				lineColor="#0096e0"
+				lineColor="#408bf6"
 				lineWidth="50"
 				lineHeight="5"
 				@click="clickTab">
diff --git a/packageA/pages/register/register.vue b/packageA/pages/register/register.vue
index 43fe95c..278e9c3 100644
--- a/packageA/pages/register/register.vue
+++ b/packageA/pages/register/register.vue
@@ -315,15 +315,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -342,7 +342,7 @@
 				font-weight: 500;
 				padding: 20rpx 40rpx;
 				margin-top: 0;
-				color: #0096e0;
+				color: #408bf6;
 				background-color: #fff;
 				&:active {
 					background-color: #d5e0ea;
diff --git a/packageA/pages/report/report.vue b/packageA/pages/report/report.vue
deleted file mode 100644
index 1e04a97..0000000
--- a/packageA/pages/report/report.vue
+++ /dev/null
@@ -1,712 +0,0 @@
-<!-- 发布举报 -->
-<template>
-	<view class="report">
-		<view class="title-area">
-			<image :src="`../${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
-			<view class="title">
-				<text>
-					举报类目：
-				</text>
-				<text class="title-text">{{typeMap[reportType]}}</text>
-			</view>
-		</view>
-		<view class="content-area">
-			<view class="content">
-				<u--form
-					labelPosition="left"
-					:model="form"
-					:rules="rules"
-					labelWidth="100"
-					ref="form">
-					<u-form-item label="举报人" borderBottom @click="message('举报人')">
-						<u--input
-							v-model="reportName"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
-						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
-					</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>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
-						<u--input
-							placeholder="请输入网站网址" 
-							v-model="form.url"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
-						<u--input
-							v-model="form.zt"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
-						<u-radio-group v-model="form.isNewMedia" placement="row">
-							<u-radio activeColor="#0096e0" label="是" :name="true"></u-radio>
-							<u-radio activeColor="#0096e0" label="否" :name="false"></u-radio>
-						</u-radio-group>
-					</u-form-item>
-					
-					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
-						<u--textarea 
-							v-model="form.desc" 
-							placeholder="描述不超过200个字符" 
-							autoHeight 
-							maxlength='200'
-							:showConfirmBar='true'
-						></u--textarea>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人" 
-							v-model="form.publishName"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人ID" 
-							v-model="form.publishId"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
-						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
-					</u-form-item>
-					
-					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
-						<u-upload
-							accep="image"
-							:fileList="form.picture"
-							@afterRead="afterRead"
-							@delete="deletePic"
-							name="1"
-							:deletable="true"
-							:maxCount="10"
-							:previewFullImage="true"
-						></u-upload>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
-						<view>
-							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
-							<uni-file-picker 
-								v-model="form.affix"
-								limit="1" 
-								file-mediatype="all" 
-								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
-								ref="affix"
-								@select="affixUpload"
-							></uni-file-picker>
-						</view>
-		
-					</u-form-item>
-				</u--form>
-			</view>
-		</view>
-		<view class="button-bottom">
-			<view class="button button-left" @click="submit">举 报</view>
-			<view class="button button-right" @click="reset">重 置</view>
-		</view>
-		<!-- 发布平台 -->
-		<u-picker
-			ref="uPicker"
-			:show="placeShow" 
-			:columns="placeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmPlace"
-			@change="changeHandler"
-			immediateChange
-		></u-picker>
-		<!-- 举报类型 -->
-		<u-picker
-			:show="typeShow" 
-			:columns="reportTypeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmReportType"
-		></u-picker>
-		
-		<!-- 信息来源 -->
-		<u-picker
-			:show="infoSourceShow" 
-			:columns="infoSourceColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmInfoSource"
-		></u-picker>
-		
-		<!-- 举报须知 -->
-		<Message
-			:show="showMessage" 
-			title="举报须知" 
-			:content="messageContent" 
-			@close="close"
-			@refuse="refuse"/>
-	</view>
-</template>
-
-<script>
-	import { getLocationParams } from '../../../common/utils.js';
-	import Message from '../../../components/base/message.vue';
-	export default {
-		components: {
-			Message
-		},
-		data() {
-			return {
-				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
-				showMessage: false, //举报须知弹窗显隐
-				reportType: '', //举报类型
-				reportIcon: '', //举报icon url
-				typeMap: {
-					web: '网站类型举报',
-					special: '专项举报',
-					other: '其他类型举报',
-				},
-				rules: {
-					// 手机号验证规则
-					'phone': [
-						{
-							required: true, 
-							message: '请输入手机号',
-							trigger: ['change','blur'],
-						},
-						{
-							// 自定义验证函数
-							validator: (rule, value, callback) => {
-								// 上面有说，返回true表示校验通过，返回false表示不通过
-								// uni.$u.test.mobile()就是返回true或者false的
-								return uni.$u.test.mobile(value);
-							},
-							message: '请输入正确的手机号',
-							// 触发器可以同时用blur和change
-							trigger: ['change','blur'],
-						}
-					],
-					// 举报类型
-					'type': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//信息来源
-					'source': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//网站网址
-					'url': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入网站网址',
-							trigger: ['change','blur'],
-						},
-						{
-							validator: (rule, value, callback) => {
-								return uni.$u.test.url(value);
-							},
-							message: '请输入正确的网址',
-							trigger: ['change','blur'],
-						}
-					],
-					// 描述
-					'desc': [
-						{
-							type: 'string',
-							required: true,
-							message: '请输入内容描述',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人
-					'publishName': [
-						{
-							type: 'string',
-							required: true,
-							message: '请填写确认密码',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人ID
-					'publishId': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入发布人ID',
-							trigger: ['change','blur'],
-						},
-					],
-					// 发布平台
-					'place': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择发布平台',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 内容截图
-					'picture': [
-						{
-							type: 'array',
-							required: true,
-							message: '请添加内容截图',
-							trigger: ['blur', 'change']
-						},
-					],
-				},
-				reportName: '', //举报人
-				form: {
-					phone: '', //手机号
-					type: '', //举报类型
-					url: '', //网站网址
-					zt: '涉疆扫黑除恶', //专题
-					isNewMedia: false,  //是否是新媒体
-					desc: '', //内容描述
-					publishName: '', //发布人
-					publishId: '', //发布人id
-					place: '', //发布平台
-					picture: [], //内容截图
-					source: '', //信息来源
-					affix: [], //附件
-				},
-				typeShow: false, //控制举报类型显隐
-				reportTypeColumns: [[  //举报类型
-					{
-						id: 'sldrl',
-						label: '涉领导人类'
-					},
-					{
-						id: 'sdjzl',
-						label: '涉党军政类'
-					},
-					{
-						id: 'sbskl',
-						label: '涉爆涉恐类'
-					},
-					{
-						id: 'mzzjl',
-						label: '民族宗教类'
-					},
-					{
-						id: 'zjzcl',
-						label: '治疆政策类'
-					},
-					{
-						id: 'sjasjl',
-						label: '涉疆案（事）件类'
-					},
-					{
-						id: 'ggaql',
-						label: '公共安全类'
-					},
-					{
-						id: 'zzrsl',
-						label: '组织人事类'
-					},
-					{
-						id: 'shmsl',
-						label: '社会民生类'
-					},
-					{
-						id: 'qtl',
-						label: '其他类'
-					},
-				]],
-				placeShow: false, //控制发布平台显隐
-				placeColumns: [ //发布平台第一列数据
-					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
-					['新浪微博', '腾讯微博'],
-				],
-				placeColumnsData: [ //发布平台第二列数据
-					['新浪微博', '腾讯微博'],
-					['微信公众号', 'QQ空间、群', '微信个人号'],
-					['贴吧', '普通网站', '天涯', '凯迪'],
-					['新浪博客', '腾讯博客'],
-					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
-					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
-					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
-					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
-				],
-				infoSourceColumns: [[
-					{
-						id: 'chart',
-						label: '聊天工具'
-					},
-					{
-						id: 'APP',
-						label: '移动APP'
-					},
-					{
-						id: 'wp',
-						label: '网盘'
-					},
-					{
-						id: 'ssyq',
-						label: '搜索引擎'
-					},
-					{
-						id: 'other',
-						label: '其他'
-					},
-				]],
-				infoSourceShow: false, //控制举报类型显隐
-			}
-		},
-		mounted() {
-			this.reportType = getLocationParams('reportType');
-			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
-			console.log(this.reportIcon)
-			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
-		},
-		onReady() {
-			this.showMessage = true; //显示举报须知
-			this.$refs.form.setRules(this.rules);
-		},
-		methods: {
-			//点击选择器取消按钮
-			cancle() {
-				this.typeShow = false;
-				this.placeShow = false;
-				this.infoSourceShow = false;
-			},
-			//多列联动
-			changeHandler(e) {
-				const {
-						columnIndex,
-						value,
-						values, // values为当前变化列的数组内容
-						index,
-						// 微信小程序无法将picker实例传出来，只能通过ref操作
-						picker = this.$refs.uPicker
-				} = e
-				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
-				if (columnIndex === 0) {
-					// picker为选择器this实例，变化第二列对应的选项
-					picker.setColumnValues(1, this.placeColumnsData[index])
-				}
-			},
-			//确定举报类型
-			confirmReportType(val) {
-				this.cancle();
-				this.form.type = val.value[0].label;
-				console.log(val.value[0].label)
-			},
-			//确定发布平台
-			confirmPlace(val) {
-				this.cancle();
-				this.form.place = val.value[1];
-				console.log(val.value[1])
-			},
-			//确定选择信息来源
-			confirmInfoSource(val) {
-				this.cancle();
-				this.form.source = val.value[0].label;
-			},
-			// 删除图片
-			deletePic(event) {
-				this.form.picture.splice(event.index, 1)
-			},
-			// 新增图片
-			async afterRead(event) {
-				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-				let lists = [].concat(event.file)
-				let fileListLen = this.form.picture.length
-				lists.map((item) => {
-					this.form.picture.push({
-						...item,
-						status: 'uploading',
-						message: '上传中'
-					})
-				})
-				for (let i = 0; i < lists.length; i++) {
-					const result = await this.uploadFilePromise(lists[i].url)
-					let item = this.form.picture[fileListLen]
-					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
-						status: 'success',
-						message: '',
-						url: result
-					}))
-					fileListLen++
-				}
-			},
-			uploadFilePromise(url) {
-				return new Promise((resolve, reject) => {
-					let a = wx.uploadFile({
-						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
-						filePath: url,
-						name: 'file',
-						formData: {
-							//图片张数
-							// 'length': 上边的filelist.length
-						},
-						header: {
-							"Content-Type": "multipart/form-data"
-						},
-						success: (res) => {
-							setTimeout(() => {
-								resolve(res.data.data)
-							}, 1000)
-						}
-					});
-				})
-			},
-			//点击举报
-			submit() {
-				if(this.form.reportName === '') {
-					wx.showToast({
-					  title: '请先注册',
-					  icon: 'none',
-					  duration: 2000
-					})
-					setTimeout(() => {
-						wx.navigateTo({
-							url: '/packageA/pages/register/register'
-						})
-					}, 2000)
-				} else {
-					this.$refs.form.validate().then(res => {
-						uni.$u.toast('举报成功')
-						wx.navigateTo({
-							url: '/packageA/pages/myReport/myReport'
-						})
-					}).catch(errors => {
-						uni.$u.toast('校验失败')
-					})
-				}
-			},
-			//点击重置
-			reset() {
-				for(let key in this.form) {
-					if(key !== 'zt') {
-						let type = typeof this.form[key];
-						if(type === 'string') {
-							this.form[key] = '';
-						} else if(type === 'object') {
-							this.form[key] = []
-						} else if(type === 'boolean') {
-							this.form[key] = false
-						}
-					}
-				}
-				this.$refs.affix.clearFiles();  //清除附件
-			},
-			//提醒禁止修改举报人
-			message(val) {
-				wx.showToast({
-				  title: `不允许修改${val}`,
-				  icon: 'none',
-				  duration: 2000
-				})
-			},
-			//拒绝举报须知
-			refuse(val) {
-				wx.switchTab({
-					url: '/pages/center/center'
-				})
-			},
-			close(val) {
-				this.showMessage = val;
-			},
-			//附件上传
-			affixUpload(val) {
-				console.log('------', val)
-				wx.uploadFile({
-					url: '你的接口地址',
-					filePath: tempFilePaths[0].path,
-					name: "file",
-					formData: {
-						token: '123', // 这里是传给后端的参数
-					},
-					success: (res) => {
-						const req = JSON.parse(res.data);
-						alert(req.msg);
-					},
-					fail: (err) => {
-						console.log("出错了");
-						console.log(err);
-						alert("上传失败");
-					},
-				});　
-				// wx.chooseMessageFile({
-				// 	count: 1,
-				// 	success: (res) => {
-				// 		const tempFilePaths = res.tempFiles;
-				// 		console.log('上传的文件', tempFilePaths)
-				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
-				// 			wx.showToast({
-				// 			  title: `文件不允许大于50M`,
-				// 			  icon: 'none',
-				// 			  duration: 3000
-				// 			})
-				// 		} else {
-				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
-				// 			console.log(isPass)
-				// 			if(!isPass) {
-				// 				wx.showToast({
-				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
-				// 				  icon: 'none',
-				// 				  duration: 5000
-				// 				})
-				// 			} else {
-				// 				wx.uploadFile({
-				// 					url: '你的接口地址',
-				// 					filePath: tempFilePaths[0].path,
-				// 					name: "file",
-				// 					formData: {
-				// 						token: '123', // 这里是传给后端的参数
-				// 					},
-				// 					success: (res) => {
-				// 						const req = JSON.parse(res.data);
-				// 						alert(req.msg);
-				// 					},
-				// 					fail: (err) => {
-				// 						console.log("出错了");
-				// 						console.log(err);
-				// 						alert("上传失败");
-				// 					},
-				// 				});　
-				// 			}
-				// 		}
-				// 	},
-				// });
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.report {
-		box-sizing: border-box;
-		padding-bottom: 60rpx;
-		.title-area {
-			display: flex;
-			align-items: center;
-			padding: 20rpx;
-			background-color: #fff;
-			.title {
-				margin-left: 32rpx;
-				.title-text {
-					font-weight: 600;
-				}
-			}
-		}	
-		.content-area {
-			padding: 20rpx;
-			.content {
-				background-color: #fff;
-				border-radius: 16rpx;
-				padding: 50rpx 20rpx;
-				box-sizing: border-box;
-			}
-		}
-		.button {
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 20rpx;
-			color: #fff;
-			font-weight: 600;
-			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
-			border-radius: 10rpx;
-			margin: 64rpx 0 32rpx 0;
-			white-space: nowrap;
-			box-sizing: border-box;
-			&:active {
-				background-color: #fff;
-				color: #0096e0;
-			}
-		}
-		.button-bottom {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
-			align-items: center;
-			margin-top: 40rpx;
-			.button-left {
-				width: fit-content;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-			}
-			.button-right {
-				width: fit-content;
-				font-weight: 500;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-				color: #0096e0;
-				background-color: #fff;
-				&:active {
-					background-color: #d5e0ea;
-					font-weight: 600;
-				}
-			}
-		}
-	}
-</style>
-
-<style lang="scss">
-	.report {
-		.u-form-item__body {
-			// padding: 40rpx 0 !important;
-		}
-		.u-toolbar__wrapper__confirm {
-			color: #0096e0 !important;
-		}
-		.u-radio {
-			margin-right: 54rpx;
-		}
-		.u-form-item__body__left__content__label {
-			white-space: nowrap;
-			font-weight: 600;
-		}
-		.u-form-item__body__right__content__slot {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-		}
-		.u-input--radius, .u-input--square {
-			background-color: transparent !important;
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
new file mode 100644
index 0000000..3986ff0
--- /dev/null
+++ b/packageB/center/center.vue
@@ -0,0 +1,121 @@
+<!-- 举报中心 -->
+<template>
+	<view class="center">
+		<image src="../../static/index/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="content">
+			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon)">
+				<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>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'center',
+		components: {
+		},
+		data() {
+			return {
+				tabList: [
+					{
+						id: 'web',
+						title: '网站类型举报',
+						dec: '网站地址',
+						icon: '../../static/center/web.png',
+						span: '6',
+						style: 'width: 52px;height: 60px;'
+					},
+					{
+						id: 'special',
+						title: '专项举报',
+						dec: '扫黑除恶专题举报',
+						icon: '../../static/center/special.png',
+						span: '6',
+						style: 'width: 52px;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)
+				wx.navigateTo({
+					url: `/packageB/report/report?reportType=${val}&icon=` + encodeURIComponent(icon)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.center {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		padding: 40rpx;
+		padding-top: 380rpx;
+		box-sizing: border-box;
+		.center-title {
+			position: absolute;
+			top: 40rpx;
+			left: 40rpx;
+			color: #fff;
+			font-size: 48rpx;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+		}
+		.content {
+			display: flex;
+			flex-direction: column;
+			background-color: #fff;
+			border-radius: 16rpx;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.content-main {
+				display: flex;
+				align-items: center;
+				background: red;
+				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
+				margin-top: 40rpx;
+				padding: 20rpx;
+				padding-left: 60rpx;
+				border-radius: 20rpx;
+				color: #fff;
+				.text-area {
+					flex: 1;
+					margin-left: 40rpx;
+					text-align: center;
+					font-weight: 600;
+					&:last-child {
+						margin-left: 32rpx;
+					}
+					.content-title {
+						margin-right: 20rpx;
+					}
+				}
+				
+			}
+		}
+	}
+</style>
+<style lang="scss">
+	.center {
+		.u-icon__icon {
+			margin-right: -20rpx;
+		}
+	}
+</style>
diff --git a/packageB/guide/guide.vue b/packageB/guide/guide.vue
index 5f2d370..6a031f7 100644
--- a/packageB/guide/guide.vue
+++ b/packageB/guide/guide.vue
@@ -1,7 +1,7 @@
 <!-- 举报指南 -->
 <template>
 	<view class="guide">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
 		<view class="title">遇到互联网违法和不良信息该怎么举报？</view>
 		<view class="time">
 			时间： 2022-08-18 17:42:00  
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
new file mode 100644
index 0000000..58a4a51
--- /dev/null
+++ b/packageB/messageList/messageList.vue
@@ -0,0 +1,248 @@
+<!-- 网信信息列表 -->
+<template>
+	<view class="message-list">
+		<image src="../../static/index/back.png" style="position:fixed;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="tab-area">
+			<u-tabs 
+				:list="tabList" 
+				:scrollable="false" 
+				:current="currentTab"
+				lineColor="#fff"
+				lineWidth="50"
+				lineHeight="5"
+				:activeStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				:inactiveStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				@click="clickTab">
+			</u-tabs>
+		</view>
+		
+		<view class="event-area">
+			<EventList :list="eventList"/>
+		</view>
+		<u-loadmore :status="status" loadmoreText=" "/>
+		<!-- 返回顶部 -->
+		<u-back-top 
+			:scroll-top="scrollTop" 
+			icon="arrow-up" 
+			customStyle="background: #4390f7;"
+			:iconStyle="iconStyle"
+			duration="200"
+		></u-back-top>
+		
+		<!-- 空 -->
+		<u-empty
+			v-if="isEmpty"
+			mode="search"
+			text="暂无结果"
+			:show="true"
+			iconColor="#77797d"
+			textColor="#77797d"
+			marginTop="80"
+		></u-empty>
+	</view>
+</template>
+
+<script>
+	import EventList from '../../components/index/eventList.vue';
+	import { getLocationParams } from '../../common/utils.js';
+	export default {
+		name: 'MessageList',
+		components: {
+			EventList
+		},
+		data() {
+			return {
+				isEmpty: false,   //数据是否为空
+				iconStyle: {
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				},
+				scrollTop: 0,
+				currentTab: '0', //当前选中的标签的索引
+				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
+				tabList: [
+					{
+						name: '法律法规'
+					},
+					{
+						name: '工作动态'
+					},
+				],
+				eventList: [],  //事件数据
+			}
+		},
+		watch: {
+			eventList: {
+				handler(val){
+					if(val.length) {
+						this.isEmpty = false;
+					} else {
+						this.isEmpty = true;
+					}
+				},
+				deep: true,
+				// immediate: true,
+			}
+		},
+		mounted() {
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+			
+			this.currentTab = getLocationParams('tabIndex');
+			this.clickTab(null, this.currentTab);
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: ' ',
+				// imageUrl: '../../static/share.png',
+				path: "/pages/messageList/messageList",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: '新疆网络举报',
+			}
+		},
+		// 监听滚动条位置
+		onPageScroll(e) {
+			this.scrollTop = e.scrollTop;
+		},
+		//下拉刷新
+		onPullDownRefresh() {
+			console.log('refresh');
+			setTimeout(function () {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+		//上滑加载
+		onReachBottom() {
+			
+		},
+		methods: {
+			clickTab(val, currentTab) {
+				console.log(val)
+				if((val && val.index === 0) || currentTab === '0') {
+					this.eventList = [
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				} else if((val && val.index === 1) || currentTab === '1') {
+					this.eventList = [
+						
+					]
+				} else if((val && val.index === 2) || currentTab === '2') {
+					this.eventList = [
+						{
+							title: '网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-list {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 40rpx;
+		padding-top: 146rpx;
+		.tab-area {
+			position: fixed;
+			box-sizing: border-box;
+			top: 0;
+			left: 0;
+			width: 100%;
+			padding: 20rpx;
+			background-color: #4390f7;
+		}
+	}
+
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/recordDetail/recordDetail.vue b/packageB/recordDetail/recordDetail.vue
index 888ae54..215e6be 100644
--- a/packageB/recordDetail/recordDetail.vue
+++ b/packageB/recordDetail/recordDetail.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="record-detail">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="main">
 			<u--form labelPosition="left" :model="form">
 				<u-form-item label="操作" prop="staffCode" borderBottom labelWidth="100">
diff --git a/packageB/report/report.vue b/packageB/report/report.vue
new file mode 100644
index 0000000..142139f
--- /dev/null
+++ b/packageB/report/report.vue
@@ -0,0 +1,719 @@
+<!-- 发布举报 -->
+<template>
+	<view class="report">
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="title-area">
+			<image :src="`${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
+			<view class="title">
+				<text>
+					举报类目：
+				</text>
+				<text class="title-text">{{typeMap[reportType]}}</text>
+			</view>
+		</view>
+		<view class="content-area">
+			<view class="content">
+				<u--form
+					labelPosition="left"
+					:model="form"
+					:rules="rules"
+					labelWidth="100"
+					ref="form">
+					<u-form-item label="举报人" borderBottom @click="message('举报人')">
+						<u--input
+							v-model="reportName"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
+						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
+					</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>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
+						<u--input
+							placeholder="请输入网站网址" 
+							v-model="form.url"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
+						<u--input
+							v-model="form.zt"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
+						<u-radio-group v-model="form.isNewMedia" placement="row">
+							<u-radio activeColor="#408bf6" label="是" :name="true"></u-radio>
+							<u-radio activeColor="#408bf6" label="否" :name="false"></u-radio>
+						</u-radio-group>
+					</u-form-item>
+					
+					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
+						<u--textarea 
+							v-model="form.desc" 
+							placeholder="描述不超过200个字符" 
+							autoHeight 
+							maxlength='200'
+							:showConfirmBar='true'
+						></u--textarea>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人" 
+							v-model="form.publishName"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人ID" 
+							v-model="form.publishId"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
+						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
+					</u-form-item>
+					
+					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
+						<u-upload
+							accep="image"
+							:fileList="form.picture"
+							@afterRead="afterRead"
+							@delete="deletePic"
+							name="1"
+							:deletable="true"
+							:maxCount="10"
+							:previewFullImage="true"
+						></u-upload>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
+						<view>
+							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
+							<uni-file-picker 
+								v-model="form.affix"
+								limit="1" 
+								file-mediatype="all" 
+								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
+								ref="affix"
+								@select="affixUpload"
+							></uni-file-picker>
+						</view>
+		
+					</u-form-item>
+				</u--form>
+			</view>
+		</view>
+		<view class="button-bottom">
+			<view class="button button-left" @click="submit">举 报</view>
+			<view class="button button-right" @click="reset">重 置</view>
+		</view>
+		<!-- 发布平台 -->
+		<u-picker
+			ref="uPicker"
+			:show="placeShow" 
+			:columns="placeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmPlace"
+			@change="changeHandler"
+			immediateChange
+		></u-picker>
+		<!-- 举报类型 -->
+		<u-picker
+			:show="typeShow" 
+			:columns="reportTypeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmReportType"
+		></u-picker>
+		
+		<!-- 信息来源 -->
+		<u-picker
+			:show="infoSourceShow" 
+			:columns="infoSourceColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmInfoSource"
+		></u-picker>
+		
+		<!-- 举报须知 -->
+		<Message
+			:show="showMessage" 
+			title="举报须知" 
+			:content="messageContent" 
+			@close="close"
+			@refuse="refuse"/>
+	</view>
+</template>
+
+<script>
+	import { getLocationParams } from '../../common/utils.js';
+	import Message from '../../components/base/message.vue';
+	export default {
+		components: {
+			Message
+		},
+		data() {
+			return {
+				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
+				showMessage: false, //举报须知弹窗显隐
+				reportType: '', //举报类型
+				reportIcon: '', //举报icon url
+				typeMap: {
+					web: '网站类型举报',
+					special: '专项举报',
+					other: '其他类型举报',
+				},
+				rules: {
+					// 手机号验证规则
+					'phone': [
+						{
+							required: true, 
+							message: '请输入手机号',
+							trigger: ['change','blur'],
+						},
+						{
+							// 自定义验证函数
+							validator: (rule, value, callback) => {
+								// 上面有说，返回true表示校验通过，返回false表示不通过
+								// uni.$u.test.mobile()就是返回true或者false的
+								return uni.$u.test.mobile(value);
+							},
+							message: '请输入正确的手机号',
+							// 触发器可以同时用blur和change
+							trigger: ['change','blur'],
+						}
+					],
+					// 举报类型
+					'type': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//信息来源
+					'source': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//网站网址
+					'url': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入网站网址',
+							trigger: ['change','blur'],
+						},
+						{
+							validator: (rule, value, callback) => {
+								return uni.$u.test.url(value);
+							},
+							message: '请输入正确的网址',
+							trigger: ['change','blur'],
+						}
+					],
+					// 描述
+					'desc': [
+						{
+							type: 'string',
+							required: true,
+							message: '请输入内容描述',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人
+					'publishName': [
+						{
+							type: 'string',
+							required: true,
+							message: '请填写确认密码',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人ID
+					'publishId': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入发布人ID',
+							trigger: ['change','blur'],
+						},
+					],
+					// 发布平台
+					'place': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择发布平台',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 内容截图
+					'picture': [
+						{
+							type: 'array',
+							required: true,
+							message: '请添加内容截图',
+							trigger: ['blur', 'change']
+						},
+					],
+				},
+				reportName: '', //举报人
+				form: {
+					phone: '', //手机号
+					type: '', //举报类型
+					url: '', //网站网址
+					zt: '涉疆扫黑除恶', //专题
+					isNewMedia: false,  //是否是新媒体
+					desc: '', //内容描述
+					publishName: '', //发布人
+					publishId: '', //发布人id
+					place: '', //发布平台
+					picture: [], //内容截图
+					source: '', //信息来源
+					affix: [], //附件
+				},
+				typeShow: false, //控制举报类型显隐
+				reportTypeColumns: [[  //举报类型
+					{
+						id: 'sldrl',
+						label: '涉领导人类'
+					},
+					{
+						id: 'sdjzl',
+						label: '涉党军政类'
+					},
+					{
+						id: 'sbskl',
+						label: '涉爆涉恐类'
+					},
+					{
+						id: 'mzzjl',
+						label: '民族宗教类'
+					},
+					{
+						id: 'zjzcl',
+						label: '治疆政策类'
+					},
+					{
+						id: 'sjasjl',
+						label: '涉疆案（事）件类'
+					},
+					{
+						id: 'ggaql',
+						label: '公共安全类'
+					},
+					{
+						id: 'zzrsl',
+						label: '组织人事类'
+					},
+					{
+						id: 'shmsl',
+						label: '社会民生类'
+					},
+					{
+						id: 'qtl',
+						label: '其他类'
+					},
+				]],
+				placeShow: false, //控制发布平台显隐
+				placeColumns: [ //发布平台第一列数据
+					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
+					['新浪微博', '腾讯微博'],
+				],
+				placeColumnsData: [ //发布平台第二列数据
+					['新浪微博', '腾讯微博'],
+					['微信公众号', 'QQ空间、群', '微信个人号'],
+					['贴吧', '普通网站', '天涯', '凯迪'],
+					['新浪博客', '腾讯博客'],
+					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
+					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
+					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
+					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
+				],
+				infoSourceColumns: [[
+					{
+						id: 'chart',
+						label: '聊天工具'
+					},
+					{
+						id: 'APP',
+						label: '移动APP'
+					},
+					{
+						id: 'wp',
+						label: '网盘'
+					},
+					{
+						id: 'ssyq',
+						label: '搜索引擎'
+					},
+					{
+						id: 'other',
+						label: '其他'
+					},
+				]],
+				infoSourceShow: false, //控制举报类型显隐
+			}
+		},
+		mounted() {
+			this.reportType = getLocationParams('reportType');
+			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
+			console.log(this.reportIcon)
+			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
+		},
+		onReady() {
+			this.showMessage = true; //显示举报须知
+			this.$refs.form.setRules(this.rules);
+		},
+		methods: {
+			//点击选择器取消按钮
+			cancle() {
+				this.typeShow = false;
+				this.placeShow = false;
+				this.infoSourceShow = false;
+			},
+			//多列联动
+			changeHandler(e) {
+				const {
+						columnIndex,
+						value,
+						values, // values为当前变化列的数组内容
+						index,
+						// 微信小程序无法将picker实例传出来，只能通过ref操作
+						picker = this.$refs.uPicker
+				} = e
+				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
+				if (columnIndex === 0) {
+					// picker为选择器this实例，变化第二列对应的选项
+					picker.setColumnValues(1, this.placeColumnsData[index])
+				}
+			},
+			//确定举报类型
+			confirmReportType(val) {
+				this.cancle();
+				this.form.type = val.value[0].label;
+				console.log(val.value[0].label)
+			},
+			//确定发布平台
+			confirmPlace(val) {
+				this.cancle();
+				this.form.place = val.value[1];
+				console.log(val.value[1])
+			},
+			//确定选择信息来源
+			confirmInfoSource(val) {
+				this.cancle();
+				this.form.source = val.value[0].label;
+			},
+			// 删除图片
+			deletePic(event) {
+				this.form.picture.splice(event.index, 1)
+			},
+			// 新增图片
+			async afterRead(event) {
+				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
+				let lists = [].concat(event.file)
+				let fileListLen = this.form.picture.length
+				lists.map((item) => {
+					this.form.picture.push({
+						...item,
+						status: 'uploading',
+						message: '上传中'
+					})
+				})
+				for (let i = 0; i < lists.length; i++) {
+					const result = await this.uploadFilePromise(lists[i].url)
+					let item = this.form.picture[fileListLen]
+					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
+						status: 'success',
+						message: '',
+						url: result
+					}))
+					fileListLen++
+				}
+			},
+			uploadFilePromise(url) {
+				return new Promise((resolve, reject) => {
+					let a = wx.uploadFile({
+						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
+						filePath: url,
+						name: 'file',
+						formData: {
+							//图片张数
+							// 'length': 上边的filelist.length
+						},
+						header: {
+							"Content-Type": "multipart/form-data"
+						},
+						success: (res) => {
+							setTimeout(() => {
+								resolve(res.data.data)
+							}, 1000)
+						}
+					});
+				})
+			},
+			//点击举报
+			submit() {
+				if(this.form.reportName === '') {
+					wx.showToast({
+					  title: '请先注册',
+					  icon: 'none',
+					  duration: 2000
+					})
+					setTimeout(() => {
+						wx.navigateTo({
+							url: '/packageA/pages/register/register'
+						})
+					}, 2000)
+				} else {
+					this.$refs.form.validate().then(res => {
+						uni.$u.toast('举报成功')
+						wx.navigateTo({
+							url: '/packageA/pages/myReport/myReport'
+						})
+					}).catch(errors => {
+						uni.$u.toast('校验失败')
+					})
+				}
+			},
+			//点击重置
+			reset() {
+				for(let key in this.form) {
+					if(key !== 'zt') {
+						let type = typeof this.form[key];
+						if(type === 'string') {
+							this.form[key] = '';
+						} else if(type === 'object') {
+							this.form[key] = []
+						} else if(type === 'boolean') {
+							this.form[key] = false
+						}
+					}
+				}
+				this.$refs.affix.clearFiles();  //清除附件
+			},
+			//提醒禁止修改举报人
+			message(val) {
+				wx.showToast({
+				  title: `不允许修改${val}`,
+				  icon: 'none',
+				  duration: 2000
+				})
+			},
+			//拒绝举报须知
+			refuse(val) {
+				wx.switchTab({
+					url: '/pages/center/center'
+				})
+			},
+			close(val) {
+				this.showMessage = val;
+			},
+			//附件上传
+			affixUpload(val) {
+				console.log('------', val)
+				wx.uploadFile({
+					url: '你的接口地址',
+					filePath: tempFilePaths[0].path,
+					name: "file",
+					formData: {
+						token: '123', // 这里是传给后端的参数
+					},
+					success: (res) => {
+						const req = JSON.parse(res.data);
+						alert(req.msg);
+					},
+					fail: (err) => {
+						console.log("出错了");
+						console.log(err);
+						alert("上传失败");
+					},
+				});　
+				// wx.chooseMessageFile({
+				// 	count: 1,
+				// 	success: (res) => {
+				// 		const tempFilePaths = res.tempFiles;
+				// 		console.log('上传的文件', tempFilePaths)
+				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
+				// 			wx.showToast({
+				// 			  title: `文件不允许大于50M`,
+				// 			  icon: 'none',
+				// 			  duration: 3000
+				// 			})
+				// 		} else {
+				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
+				// 			console.log(isPass)
+				// 			if(!isPass) {
+				// 				wx.showToast({
+				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
+				// 				  icon: 'none',
+				// 				  duration: 5000
+				// 				})
+				// 			} else {
+				// 				wx.uploadFile({
+				// 					url: '你的接口地址',
+				// 					filePath: tempFilePaths[0].path,
+				// 					name: "file",
+				// 					formData: {
+				// 						token: '123', // 这里是传给后端的参数
+				// 					},
+				// 					success: (res) => {
+				// 						const req = JSON.parse(res.data);
+				// 						alert(req.msg);
+				// 					},
+				// 					fail: (err) => {
+				// 						console.log("出错了");
+				// 						console.log(err);
+				// 						alert("上传失败");
+				// 					},
+				// 				});　
+				// 			}
+				// 		}
+				// 	},
+				// });
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.report {
+		box-sizing: border-box;
+		padding: 20rpx;
+		padding-bottom: 60rpx;
+		.title-area {
+			display: flex;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			.title {
+				margin-left: 32rpx;
+				.title-text {
+					font-weight: 600;
+				}
+			}
+		}	
+		.content-area {
+			padding: 20rpx;
+			.content {
+				background-color: #fff;
+				border-radius: 16rpx;
+				padding: 50rpx 20rpx;
+				box-sizing: border-box;
+			}
+		}
+		.button {
+			width: 100%;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
+			border-radius: 10rpx;
+			margin: 64rpx 0 32rpx 0;
+			white-space: nowrap;
+			box-sizing: border-box;
+			&:active {
+				background-color: #fff;
+				color: #408bf6;
+			}
+		}
+		.button-bottom {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-around;
+			align-items: center;
+			margin-top: 40rpx;
+			.button-left {
+				width: fit-content;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+			}
+			.button-right {
+				width: fit-content;
+				font-weight: 500;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+				color: #408bf6;
+				background-color: #fff;
+				&:active {
+					background-color: #d5e0ea;
+					font-weight: 600;
+				}
+			}
+		}
+	}
+</style>
+
+<style lang="scss">
+	.report {
+		.u-form-item__body {
+			// padding: 40rpx 0 !important;
+		}
+		.u-toolbar__wrapper__confirm {
+			color: #408bf6 !important;
+		}
+		.u-radio {
+			margin-right: 54rpx;
+		}
+		.u-form-item__body__left__content__label {
+			white-space: nowrap;
+			font-weight: 600;
+		}
+		.u-form-item__body__right__content__slot {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			align-items: center;
+		}
+		.u-input--radius, .u-input--square {
+			background-color: transparent !important;
+		}
+	}
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 5bf4a61..32ca911 100644
--- a/pages.json
+++ b/pages.json
@@ -9,14 +9,6 @@
 				"enablePullDownRefresh": false
 			}
 		},
-		{
-			"path" : "pages/center/center",
-			"style" :                                                                                    
-			{
-				"navigationBarTitleText": "举报中心",
-				"enablePullDownRefresh": false
-			}   
-		},
 			{
 				"path" : "pages/mine/mine",
 				"style" :                                                                                    
@@ -47,8 +39,8 @@
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "新疆网络举报",
-		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#fff"
+		"navigationBarBackgroundColor": "#4390f7",
+		"backgroundColor": "#4390f7"
 	},
 	"tabBar": {
 		"color": "#424242",
@@ -86,14 +78,6 @@
 		"root": "packageA",//分包名
 		"pages": [
 			{
-				"path" : "pages/messageList/messageList",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "网信信息列表",
-					"enablePullDownRefresh": true
-				}    
-			},
-			{
 				"path" : "pages/messageDetail/messageDetail",
 				"style" :                                                                                    
 				{
@@ -148,15 +132,15 @@
 					"navigationBarTitleText": "账号绑定",
 					"enablePullDownRefresh": false
 				}	
-			},
-			{
-				"path" : "pages/report/report",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "发布举报",
-					"enablePullDownRefresh": false
-				}	
 			}
+			// {
+			// 	"path" : "pages/report/report",
+			// 	"style" :                                                                                    
+			// 	{
+			// 		"navigationBarTitleText": "发布举报",
+			// 		"enablePullDownRefresh": false
+			// 	}	
+			// }
 		]
 	},
 	{
@@ -190,6 +174,36 @@
 						"navigationBarBackgroundColor": "#4390f7",
 						"navigationBarTextStyle": "white"
 					}
+				},
+				{
+					"path" : "center/center",
+					"style" :                                                                                    
+					{
+						"navigationBarTitleText": "举报中心",
+						"enablePullDownRefresh": false,
+						"navigationBarBackgroundColor": "#4390f7",
+						"navigationBarTextStyle": "white"
+					}
+				},
+				{
+					"path" : "report/report",
+					"style" :                                                                                    
+						{
+							"navigationBarTitleText": "发布举报",
+							"enablePullDownRefresh": false,
+							"navigationBarBackgroundColor": "#4390f7",
+							"navigationBarTextStyle": "white"
+						}
+				}
+				,{
+						"path" : "messageList/messageList",
+						"style" :                                                                                    
+					{
+						"navigationBarTitleText": "网信信息列表",
+						"enablePullDownRefresh": true,
+						"navigationBarBackgroundColor": "#4390f7",
+						"navigationBarTextStyle": "white"
+					}
 				}
 			]
 	}]
diff --git a/pages/center/center.vue b/pages/center/center.vue
index 8c3939b..300e81e 100644
--- a/pages/center/center.vue
+++ b/pages/center/center.vue
@@ -9,13 +9,13 @@
 			
 			<view class="title">
 				<view class="left">
-					<u-icon name="play-left-fill" color="#0096e0" size="12"></u-icon>
-					<u-icon name="play-left-fill" color="#0096e0" size="12"></u-icon>
+					<u-icon name="play-left-fill" color="#408bf6" size="12"></u-icon>
+					<u-icon name="play-left-fill" color="#408bf6" size="12"></u-icon>
 				</view>
 				<text>举报入口</text>
 				<view class="right">
-					<u-icon name="play-right-fill" color="#0096e0" size="12"></u-icon>
-					<u-icon name="play-right-fill" color="#0096e0" size="12"></u-icon>
+					<u-icon name="play-right-fill" color="#408bf6" size="12"></u-icon>
+					<u-icon name="play-right-fill" color="#408bf6" size="12"></u-icon>
 				</view>
 			</view>
 			
@@ -119,7 +119,7 @@
 			text-align: center;
 			font-size: 42rpx;
 			font-weight: 600;
-			color: #0096e0;
+			color: #408bf6;
 			letter-spacing: 20rpx;
 			box-sizing: border-box;
 			.left {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 736b220..4b08bc9 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,19 +1,19 @@
 <!-- 首页 -->
 <template>
 	<view class="index">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<image src="../../static/index/back_complete.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="swiper-area">
-			<swiper class="swiper-box" :indicator-dots="true" :autoplay="true" :circular="circular">
+			<swiper class="swiper-box" style="height: 300rpx;" :indicator-dots="true" :autoplay="true" :circular="circular">
 				<swiper-item v-for="(item ,index) in swiperList" :key="index">
 					<view class="swiper-item">
-						<image :src="item.url" style="width:100%;height: 360rpx;"></image>
+						<image :src="item.url" style="width:100%;height: 300rpx;"></image>
 					</view>
 				</swiper-item>
 			</swiper>
 		</view>
 		<view class="tab-area">
 			<view class="tab">
-				<u-row customStyle="" >
+				<u-row>
 					<u-col span="6" v-for="item in tabList_first" :key="item.id">
 						<view class="tab-item" @click="handleClick(item.id)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
@@ -21,7 +21,7 @@
 						</view>
 					</u-col>
 				</u-row>
-				<u-row customStyle="" >
+				<u-row>
 					<u-col span="6" v-for="item in tabList_second" :key="item.id">
 						<view class="tab-item" @click="handleClick(item.id)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
@@ -29,7 +29,7 @@
 						</view>
 					</u-col>
 				</u-row>
-				<u-row customStyle="" >
+				<u-row>
 					<u-col span="6" v-for="item in tabList_third" :key="item.id">
 						<view class="tab-item" @click="handleClick(item.id)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
@@ -51,9 +51,9 @@
 			return {
 				tabList_first: [
 					{
-						id: 'will',
-						name: '我要举报',
-						icon: '../../static/index/will.png',
+						id: 'search',
+						name: '举报查询',
+						icon: '../../static/index/search.png',
 					},
 					{
 						id: 'guide',
@@ -63,19 +63,6 @@
 				],
 				tabList_second: [
 					{
-						id: 'search',
-						name: '举报查询',
-						icon: '../../static/index/search.png',
-					},
-					{
-						id: 'jdy',
-						name: '成为监督员',
-						icon: '../../static/index/jdy.png',
-					},
-					
-				],
-				tabList_third: [
-					{
 						id: 'status',
 						name: '工作动态',
 						icon: '../../static/index/status.png',
@@ -86,19 +73,31 @@
 						icon: '../../static/index/rules.png',
 					},
 				],
+				tabList_third: [
+					{
+						id: 'will',
+						name: '我要举报',
+						icon: '../../static/index/will.png',
+					},
+					{
+						id: 'jdy',
+						name: '成为监督员',
+						icon: '../../static/index/jdy.png',
+					},
+				],
 				//轮播图信息
 				swiperList: [
 					{
-						url: '../../static/share.png'
+						url: 'http://111.198.10.15:11604/png/swiper1.png'
 					},
 					{
-						url: '../../static/code.jpg'
+						url: 'http://111.198.10.15:11604/png/swiper2.png'
 					},
 					{
-						url: '../../static/share.png'
+						url: 'http://111.198.10.15:11604/png/swiper3.png'
 					},
 					{
-						url: '../../static/code.jpg'
+						url: 'http://111.198.10.15:11604/png/swiper4.png'
 					},
 				]
 			}
@@ -133,7 +132,12 @@
 					wx.navigateTo({
 						url: '/packageB/guide/guide'
 					})
-				} else if(val === 'rule' || val === 'status' || val === 'net') {
+				} else if(val === 'will') { // 我要举报
+					wx.navigateTo({
+						url: '/packageB/center/center'
+					})
+				}
+				else if(val === 'rule' || val === 'status') { // 法律法规、工作动态
 					let tabIndex = 0;
 					if(val === 'status') {
 						tabIndex = 1;
@@ -141,9 +145,9 @@
 						tabIndex = 2;
 					}
 					wx.navigateTo({
-						url: `/packageA/pages/messageList/messageList?tabIndex=${tabIndex}`
+						url: `/packageB/messageList/messageList?tabIndex=${tabIndex}`
 					})
-				} else if(val === 'search') {
+				} else if(val === 'search') { // 成为监督员
 					wx.navigateTo({
 						url: `/packageA/pages/search/search`
 					})
@@ -159,6 +163,7 @@
 		width: 100%;
 		box-sizing: border-box;
 		padding: 60rpx 0;
+		padding-top: 192rpx;
 		.swiper-area {
 			padding: 0 40rpx;
 		}
diff --git a/pages/mine/mine.vue b/pages/mine/mine.vue
index 5899307..f592534 100644
--- a/pages/mine/mine.vue
+++ b/pages/mine/mine.vue
@@ -14,7 +14,7 @@
 					 	<text>举报中心</text>
 					 	<view class="icon-text">
 							<text class="text">全部</text>
-							<u-icon name="arrow-right-double" color="#0096e0" size="18"></u-icon>
+							<u-icon name="arrow-right-double" color="#408bf6" size="18"></u-icon>
 						</view>
 					</view>
 					 
@@ -34,7 +34,7 @@
 			<!-- 平台账号 -->
 			<view class="account" @click="changePage">
 				<view class="title">
-					<u-icon name="account-fill" color="#0096e0" size="28"></u-icon>
+					<u-icon name="account-fill" color="#408bf6" size="28"></u-icon>
 					<text class="text">平台账号</text>
 				</view>
 				
@@ -44,7 +44,7 @@
 			<!-- 举报电话 -->
 			<view class="account" @click="call">
 				<view class="title">
-					<u-icon name="phone-fill" color="#0096e0" size="28"></u-icon>
+					<u-icon name="phone-fill" color="#408bf6" size="28"></u-icon>
 					<text class="text">举报电话</text>
 				</view>
 				
@@ -173,7 +173,7 @@
 							align-items: center;
 							font-size: 34rpx;
 							font-weight: 400;
-							color: #0096e0;
+							color: #408bf6;
 							.text {
 								margin-right: 16rpx;
 							}
diff --git a/static/center/other.png b/static/center/other.png
index f2e76ae..c23c35f 100644
--- a/static/center/other.png
+++ b/static/center/other.png
Binary files differ

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/messageList/messageList.vue b/packageA/pages/messageList/messageList.vue
index a10e163..8432690 100644
--- a/packageA/pages/messageList/messageList.vue
+++ b/packageA/pages/messageList/messageList.vue
@@ -6,7 +6,7 @@
 				:list="tabList" 
 				:scrollable="false" 
 				:current="currentTab"
-				lineColor="#0096e0"
+				lineColor="#408bf6"
 				lineWidth="50"
 				lineHeight="5"
 				@click="clickTab">
diff --git a/packageA/pages/register/register.vue b/packageA/pages/register/register.vue
index 43fe95c..278e9c3 100644
--- a/packageA/pages/register/register.vue
+++ b/packageA/pages/register/register.vue
@@ -315,15 +315,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -342,7 +342,7 @@
 				font-weight: 500;
 				padding: 20rpx 40rpx;
 				margin-top: 0;
-				color: #0096e0;
+				color: #408bf6;
 				background-color: #fff;
 				&:active {
 					background-color: #d5e0ea;
diff --git a/packageA/pages/report/report.vue b/packageA/pages/report/report.vue
deleted file mode 100644
index 1e04a97..0000000
--- a/packageA/pages/report/report.vue
+++ /dev/null
@@ -1,712 +0,0 @@
-<!-- 发布举报 -->
-<template>
-	<view class="report">
-		<view class="title-area">
-			<image :src="`../${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
-			<view class="title">
-				<text>
-					举报类目：
-				</text>
-				<text class="title-text">{{typeMap[reportType]}}</text>
-			</view>
-		</view>
-		<view class="content-area">
-			<view class="content">
-				<u--form
-					labelPosition="left"
-					:model="form"
-					:rules="rules"
-					labelWidth="100"
-					ref="form">
-					<u-form-item label="举报人" borderBottom @click="message('举报人')">
-						<u--input
-							v-model="reportName"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
-						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
-					</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>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
-						<u--input
-							placeholder="请输入网站网址" 
-							v-model="form.url"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
-						<u--input
-							v-model="form.zt"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
-						<u-radio-group v-model="form.isNewMedia" placement="row">
-							<u-radio activeColor="#0096e0" label="是" :name="true"></u-radio>
-							<u-radio activeColor="#0096e0" label="否" :name="false"></u-radio>
-						</u-radio-group>
-					</u-form-item>
-					
-					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
-						<u--textarea 
-							v-model="form.desc" 
-							placeholder="描述不超过200个字符" 
-							autoHeight 
-							maxlength='200'
-							:showConfirmBar='true'
-						></u--textarea>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人" 
-							v-model="form.publishName"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人ID" 
-							v-model="form.publishId"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
-						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
-					</u-form-item>
-					
-					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
-						<u-upload
-							accep="image"
-							:fileList="form.picture"
-							@afterRead="afterRead"
-							@delete="deletePic"
-							name="1"
-							:deletable="true"
-							:maxCount="10"
-							:previewFullImage="true"
-						></u-upload>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
-						<view>
-							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
-							<uni-file-picker 
-								v-model="form.affix"
-								limit="1" 
-								file-mediatype="all" 
-								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
-								ref="affix"
-								@select="affixUpload"
-							></uni-file-picker>
-						</view>
-		
-					</u-form-item>
-				</u--form>
-			</view>
-		</view>
-		<view class="button-bottom">
-			<view class="button button-left" @click="submit">举 报</view>
-			<view class="button button-right" @click="reset">重 置</view>
-		</view>
-		<!-- 发布平台 -->
-		<u-picker
-			ref="uPicker"
-			:show="placeShow" 
-			:columns="placeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmPlace"
-			@change="changeHandler"
-			immediateChange
-		></u-picker>
-		<!-- 举报类型 -->
-		<u-picker
-			:show="typeShow" 
-			:columns="reportTypeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmReportType"
-		></u-picker>
-		
-		<!-- 信息来源 -->
-		<u-picker
-			:show="infoSourceShow" 
-			:columns="infoSourceColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmInfoSource"
-		></u-picker>
-		
-		<!-- 举报须知 -->
-		<Message
-			:show="showMessage" 
-			title="举报须知" 
-			:content="messageContent" 
-			@close="close"
-			@refuse="refuse"/>
-	</view>
-</template>
-
-<script>
-	import { getLocationParams } from '../../../common/utils.js';
-	import Message from '../../../components/base/message.vue';
-	export default {
-		components: {
-			Message
-		},
-		data() {
-			return {
-				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
-				showMessage: false, //举报须知弹窗显隐
-				reportType: '', //举报类型
-				reportIcon: '', //举报icon url
-				typeMap: {
-					web: '网站类型举报',
-					special: '专项举报',
-					other: '其他类型举报',
-				},
-				rules: {
-					// 手机号验证规则
-					'phone': [
-						{
-							required: true, 
-							message: '请输入手机号',
-							trigger: ['change','blur'],
-						},
-						{
-							// 自定义验证函数
-							validator: (rule, value, callback) => {
-								// 上面有说，返回true表示校验通过，返回false表示不通过
-								// uni.$u.test.mobile()就是返回true或者false的
-								return uni.$u.test.mobile(value);
-							},
-							message: '请输入正确的手机号',
-							// 触发器可以同时用blur和change
-							trigger: ['change','blur'],
-						}
-					],
-					// 举报类型
-					'type': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//信息来源
-					'source': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//网站网址
-					'url': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入网站网址',
-							trigger: ['change','blur'],
-						},
-						{
-							validator: (rule, value, callback) => {
-								return uni.$u.test.url(value);
-							},
-							message: '请输入正确的网址',
-							trigger: ['change','blur'],
-						}
-					],
-					// 描述
-					'desc': [
-						{
-							type: 'string',
-							required: true,
-							message: '请输入内容描述',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人
-					'publishName': [
-						{
-							type: 'string',
-							required: true,
-							message: '请填写确认密码',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人ID
-					'publishId': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入发布人ID',
-							trigger: ['change','blur'],
-						},
-					],
-					// 发布平台
-					'place': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择发布平台',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 内容截图
-					'picture': [
-						{
-							type: 'array',
-							required: true,
-							message: '请添加内容截图',
-							trigger: ['blur', 'change']
-						},
-					],
-				},
-				reportName: '', //举报人
-				form: {
-					phone: '', //手机号
-					type: '', //举报类型
-					url: '', //网站网址
-					zt: '涉疆扫黑除恶', //专题
-					isNewMedia: false,  //是否是新媒体
-					desc: '', //内容描述
-					publishName: '', //发布人
-					publishId: '', //发布人id
-					place: '', //发布平台
-					picture: [], //内容截图
-					source: '', //信息来源
-					affix: [], //附件
-				},
-				typeShow: false, //控制举报类型显隐
-				reportTypeColumns: [[  //举报类型
-					{
-						id: 'sldrl',
-						label: '涉领导人类'
-					},
-					{
-						id: 'sdjzl',
-						label: '涉党军政类'
-					},
-					{
-						id: 'sbskl',
-						label: '涉爆涉恐类'
-					},
-					{
-						id: 'mzzjl',
-						label: '民族宗教类'
-					},
-					{
-						id: 'zjzcl',
-						label: '治疆政策类'
-					},
-					{
-						id: 'sjasjl',
-						label: '涉疆案（事）件类'
-					},
-					{
-						id: 'ggaql',
-						label: '公共安全类'
-					},
-					{
-						id: 'zzrsl',
-						label: '组织人事类'
-					},
-					{
-						id: 'shmsl',
-						label: '社会民生类'
-					},
-					{
-						id: 'qtl',
-						label: '其他类'
-					},
-				]],
-				placeShow: false, //控制发布平台显隐
-				placeColumns: [ //发布平台第一列数据
-					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
-					['新浪微博', '腾讯微博'],
-				],
-				placeColumnsData: [ //发布平台第二列数据
-					['新浪微博', '腾讯微博'],
-					['微信公众号', 'QQ空间、群', '微信个人号'],
-					['贴吧', '普通网站', '天涯', '凯迪'],
-					['新浪博客', '腾讯博客'],
-					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
-					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
-					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
-					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
-				],
-				infoSourceColumns: [[
-					{
-						id: 'chart',
-						label: '聊天工具'
-					},
-					{
-						id: 'APP',
-						label: '移动APP'
-					},
-					{
-						id: 'wp',
-						label: '网盘'
-					},
-					{
-						id: 'ssyq',
-						label: '搜索引擎'
-					},
-					{
-						id: 'other',
-						label: '其他'
-					},
-				]],
-				infoSourceShow: false, //控制举报类型显隐
-			}
-		},
-		mounted() {
-			this.reportType = getLocationParams('reportType');
-			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
-			console.log(this.reportIcon)
-			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
-		},
-		onReady() {
-			this.showMessage = true; //显示举报须知
-			this.$refs.form.setRules(this.rules);
-		},
-		methods: {
-			//点击选择器取消按钮
-			cancle() {
-				this.typeShow = false;
-				this.placeShow = false;
-				this.infoSourceShow = false;
-			},
-			//多列联动
-			changeHandler(e) {
-				const {
-						columnIndex,
-						value,
-						values, // values为当前变化列的数组内容
-						index,
-						// 微信小程序无法将picker实例传出来，只能通过ref操作
-						picker = this.$refs.uPicker
-				} = e
-				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
-				if (columnIndex === 0) {
-					// picker为选择器this实例，变化第二列对应的选项
-					picker.setColumnValues(1, this.placeColumnsData[index])
-				}
-			},
-			//确定举报类型
-			confirmReportType(val) {
-				this.cancle();
-				this.form.type = val.value[0].label;
-				console.log(val.value[0].label)
-			},
-			//确定发布平台
-			confirmPlace(val) {
-				this.cancle();
-				this.form.place = val.value[1];
-				console.log(val.value[1])
-			},
-			//确定选择信息来源
-			confirmInfoSource(val) {
-				this.cancle();
-				this.form.source = val.value[0].label;
-			},
-			// 删除图片
-			deletePic(event) {
-				this.form.picture.splice(event.index, 1)
-			},
-			// 新增图片
-			async afterRead(event) {
-				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-				let lists = [].concat(event.file)
-				let fileListLen = this.form.picture.length
-				lists.map((item) => {
-					this.form.picture.push({
-						...item,
-						status: 'uploading',
-						message: '上传中'
-					})
-				})
-				for (let i = 0; i < lists.length; i++) {
-					const result = await this.uploadFilePromise(lists[i].url)
-					let item = this.form.picture[fileListLen]
-					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
-						status: 'success',
-						message: '',
-						url: result
-					}))
-					fileListLen++
-				}
-			},
-			uploadFilePromise(url) {
-				return new Promise((resolve, reject) => {
-					let a = wx.uploadFile({
-						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
-						filePath: url,
-						name: 'file',
-						formData: {
-							//图片张数
-							// 'length': 上边的filelist.length
-						},
-						header: {
-							"Content-Type": "multipart/form-data"
-						},
-						success: (res) => {
-							setTimeout(() => {
-								resolve(res.data.data)
-							}, 1000)
-						}
-					});
-				})
-			},
-			//点击举报
-			submit() {
-				if(this.form.reportName === '') {
-					wx.showToast({
-					  title: '请先注册',
-					  icon: 'none',
-					  duration: 2000
-					})
-					setTimeout(() => {
-						wx.navigateTo({
-							url: '/packageA/pages/register/register'
-						})
-					}, 2000)
-				} else {
-					this.$refs.form.validate().then(res => {
-						uni.$u.toast('举报成功')
-						wx.navigateTo({
-							url: '/packageA/pages/myReport/myReport'
-						})
-					}).catch(errors => {
-						uni.$u.toast('校验失败')
-					})
-				}
-			},
-			//点击重置
-			reset() {
-				for(let key in this.form) {
-					if(key !== 'zt') {
-						let type = typeof this.form[key];
-						if(type === 'string') {
-							this.form[key] = '';
-						} else if(type === 'object') {
-							this.form[key] = []
-						} else if(type === 'boolean') {
-							this.form[key] = false
-						}
-					}
-				}
-				this.$refs.affix.clearFiles();  //清除附件
-			},
-			//提醒禁止修改举报人
-			message(val) {
-				wx.showToast({
-				  title: `不允许修改${val}`,
-				  icon: 'none',
-				  duration: 2000
-				})
-			},
-			//拒绝举报须知
-			refuse(val) {
-				wx.switchTab({
-					url: '/pages/center/center'
-				})
-			},
-			close(val) {
-				this.showMessage = val;
-			},
-			//附件上传
-			affixUpload(val) {
-				console.log('------', val)
-				wx.uploadFile({
-					url: '你的接口地址',
-					filePath: tempFilePaths[0].path,
-					name: "file",
-					formData: {
-						token: '123', // 这里是传给后端的参数
-					},
-					success: (res) => {
-						const req = JSON.parse(res.data);
-						alert(req.msg);
-					},
-					fail: (err) => {
-						console.log("出错了");
-						console.log(err);
-						alert("上传失败");
-					},
-				});　
-				// wx.chooseMessageFile({
-				// 	count: 1,
-				// 	success: (res) => {
-				// 		const tempFilePaths = res.tempFiles;
-				// 		console.log('上传的文件', tempFilePaths)
-				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
-				// 			wx.showToast({
-				// 			  title: `文件不允许大于50M`,
-				// 			  icon: 'none',
-				// 			  duration: 3000
-				// 			})
-				// 		} else {
-				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
-				// 			console.log(isPass)
-				// 			if(!isPass) {
-				// 				wx.showToast({
-				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
-				// 				  icon: 'none',
-				// 				  duration: 5000
-				// 				})
-				// 			} else {
-				// 				wx.uploadFile({
-				// 					url: '你的接口地址',
-				// 					filePath: tempFilePaths[0].path,
-				// 					name: "file",
-				// 					formData: {
-				// 						token: '123', // 这里是传给后端的参数
-				// 					},
-				// 					success: (res) => {
-				// 						const req = JSON.parse(res.data);
-				// 						alert(req.msg);
-				// 					},
-				// 					fail: (err) => {
-				// 						console.log("出错了");
-				// 						console.log(err);
-				// 						alert("上传失败");
-				// 					},
-				// 				});　
-				// 			}
-				// 		}
-				// 	},
-				// });
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.report {
-		box-sizing: border-box;
-		padding-bottom: 60rpx;
-		.title-area {
-			display: flex;
-			align-items: center;
-			padding: 20rpx;
-			background-color: #fff;
-			.title {
-				margin-left: 32rpx;
-				.title-text {
-					font-weight: 600;
-				}
-			}
-		}	
-		.content-area {
-			padding: 20rpx;
-			.content {
-				background-color: #fff;
-				border-radius: 16rpx;
-				padding: 50rpx 20rpx;
-				box-sizing: border-box;
-			}
-		}
-		.button {
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 20rpx;
-			color: #fff;
-			font-weight: 600;
-			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
-			border-radius: 10rpx;
-			margin: 64rpx 0 32rpx 0;
-			white-space: nowrap;
-			box-sizing: border-box;
-			&:active {
-				background-color: #fff;
-				color: #0096e0;
-			}
-		}
-		.button-bottom {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
-			align-items: center;
-			margin-top: 40rpx;
-			.button-left {
-				width: fit-content;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-			}
-			.button-right {
-				width: fit-content;
-				font-weight: 500;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-				color: #0096e0;
-				background-color: #fff;
-				&:active {
-					background-color: #d5e0ea;
-					font-weight: 600;
-				}
-			}
-		}
-	}
-</style>
-
-<style lang="scss">
-	.report {
-		.u-form-item__body {
-			// padding: 40rpx 0 !important;
-		}
-		.u-toolbar__wrapper__confirm {
-			color: #0096e0 !important;
-		}
-		.u-radio {
-			margin-right: 54rpx;
-		}
-		.u-form-item__body__left__content__label {
-			white-space: nowrap;
-			font-weight: 600;
-		}
-		.u-form-item__body__right__content__slot {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-		}
-		.u-input--radius, .u-input--square {
-			background-color: transparent !important;
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
new file mode 100644
index 0000000..3986ff0
--- /dev/null
+++ b/packageB/center/center.vue
@@ -0,0 +1,121 @@
+<!-- 举报中心 -->
+<template>
+	<view class="center">
+		<image src="../../static/index/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="content">
+			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon)">
+				<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>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'center',
+		components: {
+		},
+		data() {
+			return {
+				tabList: [
+					{
+						id: 'web',
+						title: '网站类型举报',
+						dec: '网站地址',
+						icon: '../../static/center/web.png',
+						span: '6',
+						style: 'width: 52px;height: 60px;'
+					},
+					{
+						id: 'special',
+						title: '专项举报',
+						dec: '扫黑除恶专题举报',
+						icon: '../../static/center/special.png',
+						span: '6',
+						style: 'width: 52px;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)
+				wx.navigateTo({
+					url: `/packageB/report/report?reportType=${val}&icon=` + encodeURIComponent(icon)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.center {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		padding: 40rpx;
+		padding-top: 380rpx;
+		box-sizing: border-box;
+		.center-title {
+			position: absolute;
+			top: 40rpx;
+			left: 40rpx;
+			color: #fff;
+			font-size: 48rpx;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+		}
+		.content {
+			display: flex;
+			flex-direction: column;
+			background-color: #fff;
+			border-radius: 16rpx;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.content-main {
+				display: flex;
+				align-items: center;
+				background: red;
+				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
+				margin-top: 40rpx;
+				padding: 20rpx;
+				padding-left: 60rpx;
+				border-radius: 20rpx;
+				color: #fff;
+				.text-area {
+					flex: 1;
+					margin-left: 40rpx;
+					text-align: center;
+					font-weight: 600;
+					&:last-child {
+						margin-left: 32rpx;
+					}
+					.content-title {
+						margin-right: 20rpx;
+					}
+				}
+				
+			}
+		}
+	}
+</style>
+<style lang="scss">
+	.center {
+		.u-icon__icon {
+			margin-right: -20rpx;
+		}
+	}
+</style>
diff --git a/packageB/guide/guide.vue b/packageB/guide/guide.vue
index 5f2d370..6a031f7 100644
--- a/packageB/guide/guide.vue
+++ b/packageB/guide/guide.vue
@@ -1,7 +1,7 @@
 <!-- 举报指南 -->
 <template>
 	<view class="guide">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
 		<view class="title">遇到互联网违法和不良信息该怎么举报？</view>
 		<view class="time">
 			时间： 2022-08-18 17:42:00  
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
new file mode 100644
index 0000000..58a4a51
--- /dev/null
+++ b/packageB/messageList/messageList.vue
@@ -0,0 +1,248 @@
+<!-- 网信信息列表 -->
+<template>
+	<view class="message-list">
+		<image src="../../static/index/back.png" style="position:fixed;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="tab-area">
+			<u-tabs 
+				:list="tabList" 
+				:scrollable="false" 
+				:current="currentTab"
+				lineColor="#fff"
+				lineWidth="50"
+				lineHeight="5"
+				:activeStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				:inactiveStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				@click="clickTab">
+			</u-tabs>
+		</view>
+		
+		<view class="event-area">
+			<EventList :list="eventList"/>
+		</view>
+		<u-loadmore :status="status" loadmoreText=" "/>
+		<!-- 返回顶部 -->
+		<u-back-top 
+			:scroll-top="scrollTop" 
+			icon="arrow-up" 
+			customStyle="background: #4390f7;"
+			:iconStyle="iconStyle"
+			duration="200"
+		></u-back-top>
+		
+		<!-- 空 -->
+		<u-empty
+			v-if="isEmpty"
+			mode="search"
+			text="暂无结果"
+			:show="true"
+			iconColor="#77797d"
+			textColor="#77797d"
+			marginTop="80"
+		></u-empty>
+	</view>
+</template>
+
+<script>
+	import EventList from '../../components/index/eventList.vue';
+	import { getLocationParams } from '../../common/utils.js';
+	export default {
+		name: 'MessageList',
+		components: {
+			EventList
+		},
+		data() {
+			return {
+				isEmpty: false,   //数据是否为空
+				iconStyle: {
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				},
+				scrollTop: 0,
+				currentTab: '0', //当前选中的标签的索引
+				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
+				tabList: [
+					{
+						name: '法律法规'
+					},
+					{
+						name: '工作动态'
+					},
+				],
+				eventList: [],  //事件数据
+			}
+		},
+		watch: {
+			eventList: {
+				handler(val){
+					if(val.length) {
+						this.isEmpty = false;
+					} else {
+						this.isEmpty = true;
+					}
+				},
+				deep: true,
+				// immediate: true,
+			}
+		},
+		mounted() {
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+			
+			this.currentTab = getLocationParams('tabIndex');
+			this.clickTab(null, this.currentTab);
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: ' ',
+				// imageUrl: '../../static/share.png',
+				path: "/pages/messageList/messageList",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: '新疆网络举报',
+			}
+		},
+		// 监听滚动条位置
+		onPageScroll(e) {
+			this.scrollTop = e.scrollTop;
+		},
+		//下拉刷新
+		onPullDownRefresh() {
+			console.log('refresh');
+			setTimeout(function () {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+		//上滑加载
+		onReachBottom() {
+			
+		},
+		methods: {
+			clickTab(val, currentTab) {
+				console.log(val)
+				if((val && val.index === 0) || currentTab === '0') {
+					this.eventList = [
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				} else if((val && val.index === 1) || currentTab === '1') {
+					this.eventList = [
+						
+					]
+				} else if((val && val.index === 2) || currentTab === '2') {
+					this.eventList = [
+						{
+							title: '网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-list {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 40rpx;
+		padding-top: 146rpx;
+		.tab-area {
+			position: fixed;
+			box-sizing: border-box;
+			top: 0;
+			left: 0;
+			width: 100%;
+			padding: 20rpx;
+			background-color: #4390f7;
+		}
+	}
+
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/recordDetail/recordDetail.vue b/packageB/recordDetail/recordDetail.vue
index 888ae54..215e6be 100644
--- a/packageB/recordDetail/recordDetail.vue
+++ b/packageB/recordDetail/recordDetail.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="record-detail">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="main">
 			<u--form labelPosition="left" :model="form">
 				<u-form-item label="操作" prop="staffCode" borderBottom labelWidth="100">
diff --git a/packageB/report/report.vue b/packageB/report/report.vue
new file mode 100644
index 0000000..142139f
--- /dev/null
+++ b/packageB/report/report.vue
@@ -0,0 +1,719 @@
+<!-- 发布举报 -->
+<template>
+	<view class="report">
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="title-area">
+			<image :src="`${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
+			<view class="title">
+				<text>
+					举报类目：
+				</text>
+				<text class="title-text">{{typeMap[reportType]}}</text>
+			</view>
+		</view>
+		<view class="content-area">
+			<view class="content">
+				<u--form
+					labelPosition="left"
+					:model="form"
+					:rules="rules"
+					labelWidth="100"
+					ref="form">
+					<u-form-item label="举报人" borderBottom @click="message('举报人')">
+						<u--input
+							v-model="reportName"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
+						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
+					</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>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
+						<u--input
+							placeholder="请输入网站网址" 
+							v-model="form.url"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
+						<u--input
+							v-model="form.zt"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
+						<u-radio-group v-model="form.isNewMedia" placement="row">
+							<u-radio activeColor="#408bf6" label="是" :name="true"></u-radio>
+							<u-radio activeColor="#408bf6" label="否" :name="false"></u-radio>
+						</u-radio-group>
+					</u-form-item>
+					
+					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
+						<u--textarea 
+							v-model="form.desc" 
+							placeholder="描述不超过200个字符" 
+							autoHeight 
+							maxlength='200'
+							:showConfirmBar='true'
+						></u--textarea>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人" 
+							v-model="form.publishName"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人ID" 
+							v-model="form.publishId"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
+						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
+					</u-form-item>
+					
+					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
+						<u-upload
+							accep="image"
+							:fileList="form.picture"
+							@afterRead="afterRead"
+							@delete="deletePic"
+							name="1"
+							:deletable="true"
+							:maxCount="10"
+							:previewFullImage="true"
+						></u-upload>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
+						<view>
+							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
+							<uni-file-picker 
+								v-model="form.affix"
+								limit="1" 
+								file-mediatype="all" 
+								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
+								ref="affix"
+								@select="affixUpload"
+							></uni-file-picker>
+						</view>
+		
+					</u-form-item>
+				</u--form>
+			</view>
+		</view>
+		<view class="button-bottom">
+			<view class="button button-left" @click="submit">举 报</view>
+			<view class="button button-right" @click="reset">重 置</view>
+		</view>
+		<!-- 发布平台 -->
+		<u-picker
+			ref="uPicker"
+			:show="placeShow" 
+			:columns="placeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmPlace"
+			@change="changeHandler"
+			immediateChange
+		></u-picker>
+		<!-- 举报类型 -->
+		<u-picker
+			:show="typeShow" 
+			:columns="reportTypeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmReportType"
+		></u-picker>
+		
+		<!-- 信息来源 -->
+		<u-picker
+			:show="infoSourceShow" 
+			:columns="infoSourceColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmInfoSource"
+		></u-picker>
+		
+		<!-- 举报须知 -->
+		<Message
+			:show="showMessage" 
+			title="举报须知" 
+			:content="messageContent" 
+			@close="close"
+			@refuse="refuse"/>
+	</view>
+</template>
+
+<script>
+	import { getLocationParams } from '../../common/utils.js';
+	import Message from '../../components/base/message.vue';
+	export default {
+		components: {
+			Message
+		},
+		data() {
+			return {
+				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
+				showMessage: false, //举报须知弹窗显隐
+				reportType: '', //举报类型
+				reportIcon: '', //举报icon url
+				typeMap: {
+					web: '网站类型举报',
+					special: '专项举报',
+					other: '其他类型举报',
+				},
+				rules: {
+					// 手机号验证规则
+					'phone': [
+						{
+							required: true, 
+							message: '请输入手机号',
+							trigger: ['change','blur'],
+						},
+						{
+							// 自定义验证函数
+							validator: (rule, value, callback) => {
+								// 上面有说，返回true表示校验通过，返回false表示不通过
+								// uni.$u.test.mobile()就是返回true或者false的
+								return uni.$u.test.mobile(value);
+							},
+							message: '请输入正确的手机号',
+							// 触发器可以同时用blur和change
+							trigger: ['change','blur'],
+						}
+					],
+					// 举报类型
+					'type': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//信息来源
+					'source': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//网站网址
+					'url': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入网站网址',
+							trigger: ['change','blur'],
+						},
+						{
+							validator: (rule, value, callback) => {
+								return uni.$u.test.url(value);
+							},
+							message: '请输入正确的网址',
+							trigger: ['change','blur'],
+						}
+					],
+					// 描述
+					'desc': [
+						{
+							type: 'string',
+							required: true,
+							message: '请输入内容描述',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人
+					'publishName': [
+						{
+							type: 'string',
+							required: true,
+							message: '请填写确认密码',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人ID
+					'publishId': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入发布人ID',
+							trigger: ['change','blur'],
+						},
+					],
+					// 发布平台
+					'place': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择发布平台',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 内容截图
+					'picture': [
+						{
+							type: 'array',
+							required: true,
+							message: '请添加内容截图',
+							trigger: ['blur', 'change']
+						},
+					],
+				},
+				reportName: '', //举报人
+				form: {
+					phone: '', //手机号
+					type: '', //举报类型
+					url: '', //网站网址
+					zt: '涉疆扫黑除恶', //专题
+					isNewMedia: false,  //是否是新媒体
+					desc: '', //内容描述
+					publishName: '', //发布人
+					publishId: '', //发布人id
+					place: '', //发布平台
+					picture: [], //内容截图
+					source: '', //信息来源
+					affix: [], //附件
+				},
+				typeShow: false, //控制举报类型显隐
+				reportTypeColumns: [[  //举报类型
+					{
+						id: 'sldrl',
+						label: '涉领导人类'
+					},
+					{
+						id: 'sdjzl',
+						label: '涉党军政类'
+					},
+					{
+						id: 'sbskl',
+						label: '涉爆涉恐类'
+					},
+					{
+						id: 'mzzjl',
+						label: '民族宗教类'
+					},
+					{
+						id: 'zjzcl',
+						label: '治疆政策类'
+					},
+					{
+						id: 'sjasjl',
+						label: '涉疆案（事）件类'
+					},
+					{
+						id: 'ggaql',
+						label: '公共安全类'
+					},
+					{
+						id: 'zzrsl',
+						label: '组织人事类'
+					},
+					{
+						id: 'shmsl',
+						label: '社会民生类'
+					},
+					{
+						id: 'qtl',
+						label: '其他类'
+					},
+				]],
+				placeShow: false, //控制发布平台显隐
+				placeColumns: [ //发布平台第一列数据
+					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
+					['新浪微博', '腾讯微博'],
+				],
+				placeColumnsData: [ //发布平台第二列数据
+					['新浪微博', '腾讯微博'],
+					['微信公众号', 'QQ空间、群', '微信个人号'],
+					['贴吧', '普通网站', '天涯', '凯迪'],
+					['新浪博客', '腾讯博客'],
+					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
+					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
+					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
+					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
+				],
+				infoSourceColumns: [[
+					{
+						id: 'chart',
+						label: '聊天工具'
+					},
+					{
+						id: 'APP',
+						label: '移动APP'
+					},
+					{
+						id: 'wp',
+						label: '网盘'
+					},
+					{
+						id: 'ssyq',
+						label: '搜索引擎'
+					},
+					{
+						id: 'other',
+						label: '其他'
+					},
+				]],
+				infoSourceShow: false, //控制举报类型显隐
+			}
+		},
+		mounted() {
+			this.reportType = getLocationParams('reportType');
+			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
+			console.log(this.reportIcon)
+			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
+		},
+		onReady() {
+			this.showMessage = true; //显示举报须知
+			this.$refs.form.setRules(this.rules);
+		},
+		methods: {
+			//点击选择器取消按钮
+			cancle() {
+				this.typeShow = false;
+				this.placeShow = false;
+				this.infoSourceShow = false;
+			},
+			//多列联动
+			changeHandler(e) {
+				const {
+						columnIndex,
+						value,
+						values, // values为当前变化列的数组内容
+						index,
+						// 微信小程序无法将picker实例传出来，只能通过ref操作
+						picker = this.$refs.uPicker
+				} = e
+				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
+				if (columnIndex === 0) {
+					// picker为选择器this实例，变化第二列对应的选项
+					picker.setColumnValues(1, this.placeColumnsData[index])
+				}
+			},
+			//确定举报类型
+			confirmReportType(val) {
+				this.cancle();
+				this.form.type = val.value[0].label;
+				console.log(val.value[0].label)
+			},
+			//确定发布平台
+			confirmPlace(val) {
+				this.cancle();
+				this.form.place = val.value[1];
+				console.log(val.value[1])
+			},
+			//确定选择信息来源
+			confirmInfoSource(val) {
+				this.cancle();
+				this.form.source = val.value[0].label;
+			},
+			// 删除图片
+			deletePic(event) {
+				this.form.picture.splice(event.index, 1)
+			},
+			// 新增图片
+			async afterRead(event) {
+				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
+				let lists = [].concat(event.file)
+				let fileListLen = this.form.picture.length
+				lists.map((item) => {
+					this.form.picture.push({
+						...item,
+						status: 'uploading',
+						message: '上传中'
+					})
+				})
+				for (let i = 0; i < lists.length; i++) {
+					const result = await this.uploadFilePromise(lists[i].url)
+					let item = this.form.picture[fileListLen]
+					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
+						status: 'success',
+						message: '',
+						url: result
+					}))
+					fileListLen++
+				}
+			},
+			uploadFilePromise(url) {
+				return new Promise((resolve, reject) => {
+					let a = wx.uploadFile({
+						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
+						filePath: url,
+						name: 'file',
+						formData: {
+							//图片张数
+							// 'length': 上边的filelist.length
+						},
+						header: {
+							"Content-Type": "multipart/form-data"
+						},
+						success: (res) => {
+							setTimeout(() => {
+								resolve(res.data.data)
+							}, 1000)
+						}
+					});
+				})
+			},
+			//点击举报
+			submit() {
+				if(this.form.reportName === '') {
+					wx.showToast({
+					  title: '请先注册',
+					  icon: 'none',
+					  duration: 2000
+					})
+					setTimeout(() => {
+						wx.navigateTo({
+							url: '/packageA/pages/register/register'
+						})
+					}, 2000)
+				} else {
+					this.$refs.form.validate().then(res => {
+						uni.$u.toast('举报成功')
+						wx.navigateTo({
+							url: '/packageA/pages/myReport/myReport'
+						})
+					}).catch(errors => {
+						uni.$u.toast('校验失败')
+					})
+				}
+			},
+			//点击重置
+			reset() {
+				for(let key in this.form) {
+					if(key !== 'zt') {
+						let type = typeof this.form[key];
+						if(type === 'string') {
+							this.form[key] = '';
+						} else if(type === 'object') {
+							this.form[key] = []
+						} else if(type === 'boolean') {
+							this.form[key] = false
+						}
+					}
+				}
+				this.$refs.affix.clearFiles();  //清除附件
+			},
+			//提醒禁止修改举报人
+			message(val) {
+				wx.showToast({
+				  title: `不允许修改${val}`,
+				  icon: 'none',
+				  duration: 2000
+				})
+			},
+			//拒绝举报须知
+			refuse(val) {
+				wx.switchTab({
+					url: '/pages/center/center'
+				})
+			},
+			close(val) {
+				this.showMessage = val;
+			},
+			//附件上传
+			affixUpload(val) {
+				console.log('------', val)
+				wx.uploadFile({
+					url: '你的接口地址',
+					filePath: tempFilePaths[0].path,
+					name: "file",
+					formData: {
+						token: '123', // 这里是传给后端的参数
+					},
+					success: (res) => {
+						const req = JSON.parse(res.data);
+						alert(req.msg);
+					},
+					fail: (err) => {
+						console.log("出错了");
+						console.log(err);
+						alert("上传失败");
+					},
+				});　
+				// wx.chooseMessageFile({
+				// 	count: 1,
+				// 	success: (res) => {
+				// 		const tempFilePaths = res.tempFiles;
+				// 		console.log('上传的文件', tempFilePaths)
+				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
+				// 			wx.showToast({
+				// 			  title: `文件不允许大于50M`,
+				// 			  icon: 'none',
+				// 			  duration: 3000
+				// 			})
+				// 		} else {
+				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
+				// 			console.log(isPass)
+				// 			if(!isPass) {
+				// 				wx.showToast({
+				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
+				// 				  icon: 'none',
+				// 				  duration: 5000
+				// 				})
+				// 			} else {
+				// 				wx.uploadFile({
+				// 					url: '你的接口地址',
+				// 					filePath: tempFilePaths[0].path,
+				// 					name: "file",
+				// 					formData: {
+				// 						token: '123', // 这里是传给后端的参数
+				// 					},
+				// 					success: (res) => {
+				// 						const req = JSON.parse(res.data);
+				// 						alert(req.msg);
+				// 					},
+				// 					fail: (err) => {
+				// 						console.log("出错了");
+				// 						console.log(err);
+				// 						alert("上传失败");
+				// 					},
+				// 				});　
+				// 			}
+				// 		}
+				// 	},
+				// });
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.report {
+		box-sizing: border-box;
+		padding: 20rpx;
+		padding-bottom: 60rpx;
+		.title-area {
+			display: flex;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			.title {
+				margin-left: 32rpx;
+				.title-text {
+					font-weight: 600;
+				}
+			}
+		}	
+		.content-area {
+			padding: 20rpx;
+			.content {
+				background-color: #fff;
+				border-radius: 16rpx;
+				padding: 50rpx 20rpx;
+				box-sizing: border-box;
+			}
+		}
+		.button {
+			width: 100%;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
+			border-radius: 10rpx;
+			margin: 64rpx 0 32rpx 0;
+			white-space: nowrap;
+			box-sizing: border-box;
+			&:active {
+				background-color: #fff;
+				color: #408bf6;
+			}
+		}
+		.button-bottom {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-around;
+			align-items: center;
+			margin-top: 40rpx;
+			.button-left {
+				width: fit-content;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+			}
+			.button-right {
+				width: fit-content;
+				font-weight: 500;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+				color: #408bf6;
+				background-color: #fff;
+				&:active {
+					background-color: #d5e0ea;
+					font-weight: 600;
+				}
+			}
+		}
+	}
+</style>
+
+<style lang="scss">
+	.report {
+		.u-form-item__body {
+			// padding: 40rpx 0 !important;
+		}
+		.u-toolbar__wrapper__confirm {
+			color: #408bf6 !important;
+		}
+		.u-radio {
+			margin-right: 54rpx;
+		}
+		.u-form-item__body__left__content__label {
+			white-space: nowrap;
+			font-weight: 600;
+		}
+		.u-form-item__body__right__content__slot {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			align-items: center;
+		}
+		.u-input--radius, .u-input--square {
+			background-color: transparent !important;
+		}
+	}
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 5bf4a61..32ca911 100644
--- a/pages.json
+++ b/pages.json
@@ -9,14 +9,6 @@
 				"enablePullDownRefresh": false
 			}
 		},
-		{
-			"path" : "pages/center/center",
-			"style" :                                                                                    
-			{
-				"navigationBarTitleText": "举报中心",
-				"enablePullDownRefresh": false
-			}   
-		},
 			{
 				"path" : "pages/mine/mine",
 				"style" :                                                                                    
@@ -47,8 +39,8 @@
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "新疆网络举报",
-		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#fff"
+		"navigationBarBackgroundColor": "#4390f7",
+		"backgroundColor": "#4390f7"
 	},
 	"tabBar": {
 		"color": "#424242",
@@ -86,14 +78,6 @@
 		"root": "packageA",//分包名
 		"pages": [
 			{
-				"path" : "pages/messageList/messageList",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "网信信息列表",
-					"enablePullDownRefresh": true
-				}    
-			},
-			{
 				"path" : "pages/messageDetail/messageDetail",
 				"style" :                                                                                    
 				{
@@ -148,15 +132,15 @@
 					"navigationBarTitleText": "账号绑定",
 					"enablePullDownRefresh": false
 				}	
-			},
-			{
-				"path" : "pages/report/report",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "发布举报",
-					"enablePullDownRefresh": false
-				}	
 			}
+			// {
+			// 	"path" : "pages/report/report",
+			// 	"style" :                                                                                    
+			// 	{
+			// 		"navigationBarTitleText": "发布举报",
+			// 		"enablePullDownRefresh": false
+			// 	}	
+			// }
 		]
 	},
 	{
@@ -190,6 +174,36 @@
 						"navigationBarBackgroundColor": "#4390f7",
 						"navigationBarTextStyle": "white"
 					}
+				},
+				{
+					"path" : "center/center",
+					"style" :                                                                                    
+					{
+						"navigationBarTitleText": "举报中心",
+						"enablePullDownRefresh": false,
+						"navigationBarBackgroundColor": "#4390f7",
+						"navigationBarTextStyle": "white"
+					}
+				},
+				{
+					"path" : "report/report",
+					"style" :                                                                                    
+						{
+							"navigationBarTitleText": "发布举报",
+							"enablePullDownRefresh": false,
+							"navigationBarBackgroundColor": "#4390f7",
+							"navigationBarTextStyle": "white"
+						}
+				}
+				,{
+						"path" : "messageList/messageList",
+						"style" :                                                                                    
+					{
+						"navigationBarTitleText": "网信信息列表",
+						"enablePullDownRefresh": true,
+						"navigationBarBackgroundColor": "#4390f7",
+						"navigationBarTextStyle": "white"
+					}
 				}
 			]
 	}]
diff --git a/pages/center/center.vue b/pages/center/center.vue
index 8c3939b..300e81e 100644
--- a/pages/center/center.vue
+++ b/pages/center/center.vue
@@ -9,13 +9,13 @@
 			
 			<view class="title">
 				<view class="left">
-					<u-icon name="play-left-fill" color="#0096e0" size="12"></u-icon>
-					<u-icon name="play-left-fill" color="#0096e0" size="12"></u-icon>
+					<u-icon name="play-left-fill" color="#408bf6" size="12"></u-icon>
+					<u-icon name="play-left-fill" color="#408bf6" size="12"></u-icon>
 				</view>
 				<text>举报入口</text>
 				<view class="right">
-					<u-icon name="play-right-fill" color="#0096e0" size="12"></u-icon>
-					<u-icon name="play-right-fill" color="#0096e0" size="12"></u-icon>
+					<u-icon name="play-right-fill" color="#408bf6" size="12"></u-icon>
+					<u-icon name="play-right-fill" color="#408bf6" size="12"></u-icon>
 				</view>
 			</view>
 			
@@ -119,7 +119,7 @@
 			text-align: center;
 			font-size: 42rpx;
 			font-weight: 600;
-			color: #0096e0;
+			color: #408bf6;
 			letter-spacing: 20rpx;
 			box-sizing: border-box;
 			.left {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 736b220..4b08bc9 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,19 +1,19 @@
 <!-- 首页 -->
 <template>
 	<view class="index">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<image src="../../static/index/back_complete.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="swiper-area">
-			<swiper class="swiper-box" :indicator-dots="true" :autoplay="true" :circular="circular">
+			<swiper class="swiper-box" style="height: 300rpx;" :indicator-dots="true" :autoplay="true" :circular="circular">
 				<swiper-item v-for="(item ,index) in swiperList" :key="index">
 					<view class="swiper-item">
-						<image :src="item.url" style="width:100%;height: 360rpx;"></image>
+						<image :src="item.url" style="width:100%;height: 300rpx;"></image>
 					</view>
 				</swiper-item>
 			</swiper>
 		</view>
 		<view class="tab-area">
 			<view class="tab">
-				<u-row customStyle="" >
+				<u-row>
 					<u-col span="6" v-for="item in tabList_first" :key="item.id">
 						<view class="tab-item" @click="handleClick(item.id)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
@@ -21,7 +21,7 @@
 						</view>
 					</u-col>
 				</u-row>
-				<u-row customStyle="" >
+				<u-row>
 					<u-col span="6" v-for="item in tabList_second" :key="item.id">
 						<view class="tab-item" @click="handleClick(item.id)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
@@ -29,7 +29,7 @@
 						</view>
 					</u-col>
 				</u-row>
-				<u-row customStyle="" >
+				<u-row>
 					<u-col span="6" v-for="item in tabList_third" :key="item.id">
 						<view class="tab-item" @click="handleClick(item.id)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
@@ -51,9 +51,9 @@
 			return {
 				tabList_first: [
 					{
-						id: 'will',
-						name: '我要举报',
-						icon: '../../static/index/will.png',
+						id: 'search',
+						name: '举报查询',
+						icon: '../../static/index/search.png',
 					},
 					{
 						id: 'guide',
@@ -63,19 +63,6 @@
 				],
 				tabList_second: [
 					{
-						id: 'search',
-						name: '举报查询',
-						icon: '../../static/index/search.png',
-					},
-					{
-						id: 'jdy',
-						name: '成为监督员',
-						icon: '../../static/index/jdy.png',
-					},
-					
-				],
-				tabList_third: [
-					{
 						id: 'status',
 						name: '工作动态',
 						icon: '../../static/index/status.png',
@@ -86,19 +73,31 @@
 						icon: '../../static/index/rules.png',
 					},
 				],
+				tabList_third: [
+					{
+						id: 'will',
+						name: '我要举报',
+						icon: '../../static/index/will.png',
+					},
+					{
+						id: 'jdy',
+						name: '成为监督员',
+						icon: '../../static/index/jdy.png',
+					},
+				],
 				//轮播图信息
 				swiperList: [
 					{
-						url: '../../static/share.png'
+						url: 'http://111.198.10.15:11604/png/swiper1.png'
 					},
 					{
-						url: '../../static/code.jpg'
+						url: 'http://111.198.10.15:11604/png/swiper2.png'
 					},
 					{
-						url: '../../static/share.png'
+						url: 'http://111.198.10.15:11604/png/swiper3.png'
 					},
 					{
-						url: '../../static/code.jpg'
+						url: 'http://111.198.10.15:11604/png/swiper4.png'
 					},
 				]
 			}
@@ -133,7 +132,12 @@
 					wx.navigateTo({
 						url: '/packageB/guide/guide'
 					})
-				} else if(val === 'rule' || val === 'status' || val === 'net') {
+				} else if(val === 'will') { // 我要举报
+					wx.navigateTo({
+						url: '/packageB/center/center'
+					})
+				}
+				else if(val === 'rule' || val === 'status') { // 法律法规、工作动态
 					let tabIndex = 0;
 					if(val === 'status') {
 						tabIndex = 1;
@@ -141,9 +145,9 @@
 						tabIndex = 2;
 					}
 					wx.navigateTo({
-						url: `/packageA/pages/messageList/messageList?tabIndex=${tabIndex}`
+						url: `/packageB/messageList/messageList?tabIndex=${tabIndex}`
 					})
-				} else if(val === 'search') {
+				} else if(val === 'search') { // 成为监督员
 					wx.navigateTo({
 						url: `/packageA/pages/search/search`
 					})
@@ -159,6 +163,7 @@
 		width: 100%;
 		box-sizing: border-box;
 		padding: 60rpx 0;
+		padding-top: 192rpx;
 		.swiper-area {
 			padding: 0 40rpx;
 		}
diff --git a/pages/mine/mine.vue b/pages/mine/mine.vue
index 5899307..f592534 100644
--- a/pages/mine/mine.vue
+++ b/pages/mine/mine.vue
@@ -14,7 +14,7 @@
 					 	<text>举报中心</text>
 					 	<view class="icon-text">
 							<text class="text">全部</text>
-							<u-icon name="arrow-right-double" color="#0096e0" size="18"></u-icon>
+							<u-icon name="arrow-right-double" color="#408bf6" size="18"></u-icon>
 						</view>
 					</view>
 					 
@@ -34,7 +34,7 @@
 			<!-- 平台账号 -->
 			<view class="account" @click="changePage">
 				<view class="title">
-					<u-icon name="account-fill" color="#0096e0" size="28"></u-icon>
+					<u-icon name="account-fill" color="#408bf6" size="28"></u-icon>
 					<text class="text">平台账号</text>
 				</view>
 				
@@ -44,7 +44,7 @@
 			<!-- 举报电话 -->
 			<view class="account" @click="call">
 				<view class="title">
-					<u-icon name="phone-fill" color="#0096e0" size="28"></u-icon>
+					<u-icon name="phone-fill" color="#408bf6" size="28"></u-icon>
 					<text class="text">举报电话</text>
 				</view>
 				
@@ -173,7 +173,7 @@
 							align-items: center;
 							font-size: 34rpx;
 							font-weight: 400;
-							color: #0096e0;
+							color: #408bf6;
 							.text {
 								margin-right: 16rpx;
 							}
diff --git a/static/center/other.png b/static/center/other.png
index f2e76ae..c23c35f 100644
--- a/static/center/other.png
+++ b/static/center/other.png
Binary files differ
diff --git a/static/center/special.png b/static/center/special.png
index 4eab119..8c9f6f2 100644
--- a/static/center/special.png
+++ b/static/center/special.png
Binary files differ

diff --git a/components/base/message.vue b/components/base/message.vue
index 3d7367e..d712ebd 100644
--- a/components/base/message.vue
+++ b/components/base/message.vue
@@ -7,11 +7,11 @@
 			:showCancelButton="true"
 			:title-style="{
 
-				color: '#0096e0'
+				color: '#408bf6'
 			}"
 			@confirm="confirm"
 			@cancel="cancel"
-			confirmColor="#0096e0"
+			confirmColor="#408bf6"
 			confirmText="同意"
 			cancelText="拒绝"
 		></u-modal>
diff --git a/packageA/pages/accountBound/accountBound.vue b/packageA/pages/accountBound/accountBound.vue
index 8624e79..50e1145 100644
--- a/packageA/pages/accountBound/accountBound.vue
+++ b/packageA/pages/accountBound/accountBound.vue
@@ -149,15 +149,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/accountInfo/accountInfo.vue b/packageA/pages/accountInfo/accountInfo.vue
index 82af7c6..c64d39f 100644
--- a/packageA/pages/accountInfo/accountInfo.vue
+++ b/packageA/pages/accountInfo/accountInfo.vue
@@ -174,15 +174,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -208,8 +208,8 @@
 		.u-button--primary {
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0 !important;
-			border-color: #0096e0 !important;
+			background-color: #408bf6 !important;
+			border-color: #408bf6 !important;
 			margin: 64rpx 0 32rpx 0;
 		}
 		.u-button--normal {
diff --git a/packageA/pages/changePassword/changePassword.vue b/packageA/pages/changePassword/changePassword.vue
index c39eb37..fc9793e 100644
--- a/packageA/pages/changePassword/changePassword.vue
+++ b/packageA/pages/changePassword/changePassword.vue
@@ -142,15 +142,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 	}
diff --git a/packageA/pages/messageList/messageList.vue b/packageA/pages/messageList/messageList.vue
index a10e163..8432690 100644
--- a/packageA/pages/messageList/messageList.vue
+++ b/packageA/pages/messageList/messageList.vue
@@ -6,7 +6,7 @@
 				:list="tabList" 
 				:scrollable="false" 
 				:current="currentTab"
-				lineColor="#0096e0"
+				lineColor="#408bf6"
 				lineWidth="50"
 				lineHeight="5"
 				@click="clickTab">
diff --git a/packageA/pages/register/register.vue b/packageA/pages/register/register.vue
index 43fe95c..278e9c3 100644
--- a/packageA/pages/register/register.vue
+++ b/packageA/pages/register/register.vue
@@ -315,15 +315,15 @@
 			color: #fff;
 			font-weight: 600;
 			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
 			border-radius: 10rpx;
 			margin: 64rpx 0 32rpx 0;
 			white-space: nowrap;
 			box-sizing: border-box;
 			&:active {
 				background-color: #fff;
-				color: #0096e0;
+				color: #408bf6;
 			}
 		}
 		.button-bottom {
@@ -342,7 +342,7 @@
 				font-weight: 500;
 				padding: 20rpx 40rpx;
 				margin-top: 0;
-				color: #0096e0;
+				color: #408bf6;
 				background-color: #fff;
 				&:active {
 					background-color: #d5e0ea;
diff --git a/packageA/pages/report/report.vue b/packageA/pages/report/report.vue
deleted file mode 100644
index 1e04a97..0000000
--- a/packageA/pages/report/report.vue
+++ /dev/null
@@ -1,712 +0,0 @@
-<!-- 发布举报 -->
-<template>
-	<view class="report">
-		<view class="title-area">
-			<image :src="`../${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
-			<view class="title">
-				<text>
-					举报类目：
-				</text>
-				<text class="title-text">{{typeMap[reportType]}}</text>
-			</view>
-		</view>
-		<view class="content-area">
-			<view class="content">
-				<u--form
-					labelPosition="left"
-					:model="form"
-					:rules="rules"
-					labelWidth="100"
-					ref="form">
-					<u-form-item label="举报人" borderBottom @click="message('举报人')">
-						<u--input
-							v-model="reportName"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
-						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
-					</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>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
-						<u--input
-							placeholder="请输入网站网址" 
-							v-model="form.url"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
-						<u--input
-							v-model="form.zt"
-							border="none"
-							disabled
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
-						<u-radio-group v-model="form.isNewMedia" placement="row">
-							<u-radio activeColor="#0096e0" label="是" :name="true"></u-radio>
-							<u-radio activeColor="#0096e0" label="否" :name="false"></u-radio>
-						</u-radio-group>
-					</u-form-item>
-					
-					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
-						<u--textarea 
-							v-model="form.desc" 
-							placeholder="描述不超过200个字符" 
-							autoHeight 
-							maxlength='200'
-							:showConfirmBar='true'
-						></u--textarea>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人" 
-							v-model="form.publishName"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
-						<u--input
-							placeholder="请输入发布人ID" 
-							v-model="form.publishId"
-							border="none"
-							clearable
-						></u--input>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
-						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
-					</u-form-item>
-					
-					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
-						<u-upload
-							accep="image"
-							:fileList="form.picture"
-							@afterRead="afterRead"
-							@delete="deletePic"
-							name="1"
-							:deletable="true"
-							:maxCount="10"
-							:previewFullImage="true"
-						></u-upload>
-					</u-form-item>
-					
-					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
-						<view>
-							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
-							<uni-file-picker 
-								v-model="form.affix"
-								limit="1" 
-								file-mediatype="all" 
-								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
-								ref="affix"
-								@select="affixUpload"
-							></uni-file-picker>
-						</view>
-		
-					</u-form-item>
-				</u--form>
-			</view>
-		</view>
-		<view class="button-bottom">
-			<view class="button button-left" @click="submit">举 报</view>
-			<view class="button button-right" @click="reset">重 置</view>
-		</view>
-		<!-- 发布平台 -->
-		<u-picker
-			ref="uPicker"
-			:show="placeShow" 
-			:columns="placeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmPlace"
-			@change="changeHandler"
-			immediateChange
-		></u-picker>
-		<!-- 举报类型 -->
-		<u-picker
-			:show="typeShow" 
-			:columns="reportTypeColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmReportType"
-		></u-picker>
-		
-		<!-- 信息来源 -->
-		<u-picker
-			:show="infoSourceShow" 
-			:columns="infoSourceColumns"
-			keyName="label"
-			@cancel	="cancle"
-			@confirm="confirmInfoSource"
-		></u-picker>
-		
-		<!-- 举报须知 -->
-		<Message
-			:show="showMessage" 
-			title="举报须知" 
-			:content="messageContent" 
-			@close="close"
-			@refuse="refuse"/>
-	</view>
-</template>
-
-<script>
-	import { getLocationParams } from '../../../common/utils.js';
-	import Message from '../../../components/base/message.vue';
-	export default {
-		components: {
-			Message
-		},
-		data() {
-			return {
-				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
-				showMessage: false, //举报须知弹窗显隐
-				reportType: '', //举报类型
-				reportIcon: '', //举报icon url
-				typeMap: {
-					web: '网站类型举报',
-					special: '专项举报',
-					other: '其他类型举报',
-				},
-				rules: {
-					// 手机号验证规则
-					'phone': [
-						{
-							required: true, 
-							message: '请输入手机号',
-							trigger: ['change','blur'],
-						},
-						{
-							// 自定义验证函数
-							validator: (rule, value, callback) => {
-								// 上面有说，返回true表示校验通过，返回false表示不通过
-								// uni.$u.test.mobile()就是返回true或者false的
-								return uni.$u.test.mobile(value);
-							},
-							message: '请输入正确的手机号',
-							// 触发器可以同时用blur和change
-							trigger: ['change','blur'],
-						}
-					],
-					// 举报类型
-					'type': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//信息来源
-					'source': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择举报类型',
-							trigger: ['blur', 'change']
-						},
-					],
-					//网站网址
-					'url': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入网站网址',
-							trigger: ['change','blur'],
-						},
-						{
-							validator: (rule, value, callback) => {
-								return uni.$u.test.url(value);
-							},
-							message: '请输入正确的网址',
-							trigger: ['change','blur'],
-						}
-					],
-					// 描述
-					'desc': [
-						{
-							type: 'string',
-							required: true,
-							message: '请输入内容描述',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人
-					'publishName': [
-						{
-							type: 'string',
-							required: true,
-							message: '请填写确认密码',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 发布人ID
-					'publishId': [
-						{
-							type: 'string',
-							required: true, 
-							message: '请输入发布人ID',
-							trigger: ['change','blur'],
-						},
-					],
-					// 发布平台
-					'place': [
-						{
-							type: 'string',
-							required: true,
-							message: '请选择发布平台',
-							trigger: ['blur', 'change']
-						},
-					],
-					// 内容截图
-					'picture': [
-						{
-							type: 'array',
-							required: true,
-							message: '请添加内容截图',
-							trigger: ['blur', 'change']
-						},
-					],
-				},
-				reportName: '', //举报人
-				form: {
-					phone: '', //手机号
-					type: '', //举报类型
-					url: '', //网站网址
-					zt: '涉疆扫黑除恶', //专题
-					isNewMedia: false,  //是否是新媒体
-					desc: '', //内容描述
-					publishName: '', //发布人
-					publishId: '', //发布人id
-					place: '', //发布平台
-					picture: [], //内容截图
-					source: '', //信息来源
-					affix: [], //附件
-				},
-				typeShow: false, //控制举报类型显隐
-				reportTypeColumns: [[  //举报类型
-					{
-						id: 'sldrl',
-						label: '涉领导人类'
-					},
-					{
-						id: 'sdjzl',
-						label: '涉党军政类'
-					},
-					{
-						id: 'sbskl',
-						label: '涉爆涉恐类'
-					},
-					{
-						id: 'mzzjl',
-						label: '民族宗教类'
-					},
-					{
-						id: 'zjzcl',
-						label: '治疆政策类'
-					},
-					{
-						id: 'sjasjl',
-						label: '涉疆案（事）件类'
-					},
-					{
-						id: 'ggaql',
-						label: '公共安全类'
-					},
-					{
-						id: 'zzrsl',
-						label: '组织人事类'
-					},
-					{
-						id: 'shmsl',
-						label: '社会民生类'
-					},
-					{
-						id: 'qtl',
-						label: '其他类'
-					},
-				]],
-				placeShow: false, //控制发布平台显隐
-				placeColumns: [ //发布平台第一列数据
-					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
-					['新浪微博', '腾讯微博'],
-				],
-				placeColumnsData: [ //发布平台第二列数据
-					['新浪微博', '腾讯微博'],
-					['微信公众号', 'QQ空间、群', '微信个人号'],
-					['贴吧', '普通网站', '天涯', '凯迪'],
-					['新浪博客', '腾讯博客'],
-					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
-					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
-					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
-					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
-				],
-				infoSourceColumns: [[
-					{
-						id: 'chart',
-						label: '聊天工具'
-					},
-					{
-						id: 'APP',
-						label: '移动APP'
-					},
-					{
-						id: 'wp',
-						label: '网盘'
-					},
-					{
-						id: 'ssyq',
-						label: '搜索引擎'
-					},
-					{
-						id: 'other',
-						label: '其他'
-					},
-				]],
-				infoSourceShow: false, //控制举报类型显隐
-			}
-		},
-		mounted() {
-			this.reportType = getLocationParams('reportType');
-			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
-			console.log(this.reportIcon)
-			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
-		},
-		onReady() {
-			this.showMessage = true; //显示举报须知
-			this.$refs.form.setRules(this.rules);
-		},
-		methods: {
-			//点击选择器取消按钮
-			cancle() {
-				this.typeShow = false;
-				this.placeShow = false;
-				this.infoSourceShow = false;
-			},
-			//多列联动
-			changeHandler(e) {
-				const {
-						columnIndex,
-						value,
-						values, // values为当前变化列的数组内容
-						index,
-						// 微信小程序无法将picker实例传出来，只能通过ref操作
-						picker = this.$refs.uPicker
-				} = e
-				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
-				if (columnIndex === 0) {
-					// picker为选择器this实例，变化第二列对应的选项
-					picker.setColumnValues(1, this.placeColumnsData[index])
-				}
-			},
-			//确定举报类型
-			confirmReportType(val) {
-				this.cancle();
-				this.form.type = val.value[0].label;
-				console.log(val.value[0].label)
-			},
-			//确定发布平台
-			confirmPlace(val) {
-				this.cancle();
-				this.form.place = val.value[1];
-				console.log(val.value[1])
-			},
-			//确定选择信息来源
-			confirmInfoSource(val) {
-				this.cancle();
-				this.form.source = val.value[0].label;
-			},
-			// 删除图片
-			deletePic(event) {
-				this.form.picture.splice(event.index, 1)
-			},
-			// 新增图片
-			async afterRead(event) {
-				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-				let lists = [].concat(event.file)
-				let fileListLen = this.form.picture.length
-				lists.map((item) => {
-					this.form.picture.push({
-						...item,
-						status: 'uploading',
-						message: '上传中'
-					})
-				})
-				for (let i = 0; i < lists.length; i++) {
-					const result = await this.uploadFilePromise(lists[i].url)
-					let item = this.form.picture[fileListLen]
-					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
-						status: 'success',
-						message: '',
-						url: result
-					}))
-					fileListLen++
-				}
-			},
-			uploadFilePromise(url) {
-				return new Promise((resolve, reject) => {
-					let a = wx.uploadFile({
-						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
-						filePath: url,
-						name: 'file',
-						formData: {
-							//图片张数
-							// 'length': 上边的filelist.length
-						},
-						header: {
-							"Content-Type": "multipart/form-data"
-						},
-						success: (res) => {
-							setTimeout(() => {
-								resolve(res.data.data)
-							}, 1000)
-						}
-					});
-				})
-			},
-			//点击举报
-			submit() {
-				if(this.form.reportName === '') {
-					wx.showToast({
-					  title: '请先注册',
-					  icon: 'none',
-					  duration: 2000
-					})
-					setTimeout(() => {
-						wx.navigateTo({
-							url: '/packageA/pages/register/register'
-						})
-					}, 2000)
-				} else {
-					this.$refs.form.validate().then(res => {
-						uni.$u.toast('举报成功')
-						wx.navigateTo({
-							url: '/packageA/pages/myReport/myReport'
-						})
-					}).catch(errors => {
-						uni.$u.toast('校验失败')
-					})
-				}
-			},
-			//点击重置
-			reset() {
-				for(let key in this.form) {
-					if(key !== 'zt') {
-						let type = typeof this.form[key];
-						if(type === 'string') {
-							this.form[key] = '';
-						} else if(type === 'object') {
-							this.form[key] = []
-						} else if(type === 'boolean') {
-							this.form[key] = false
-						}
-					}
-				}
-				this.$refs.affix.clearFiles();  //清除附件
-			},
-			//提醒禁止修改举报人
-			message(val) {
-				wx.showToast({
-				  title: `不允许修改${val}`,
-				  icon: 'none',
-				  duration: 2000
-				})
-			},
-			//拒绝举报须知
-			refuse(val) {
-				wx.switchTab({
-					url: '/pages/center/center'
-				})
-			},
-			close(val) {
-				this.showMessage = val;
-			},
-			//附件上传
-			affixUpload(val) {
-				console.log('------', val)
-				wx.uploadFile({
-					url: '你的接口地址',
-					filePath: tempFilePaths[0].path,
-					name: "file",
-					formData: {
-						token: '123', // 这里是传给后端的参数
-					},
-					success: (res) => {
-						const req = JSON.parse(res.data);
-						alert(req.msg);
-					},
-					fail: (err) => {
-						console.log("出错了");
-						console.log(err);
-						alert("上传失败");
-					},
-				});　
-				// wx.chooseMessageFile({
-				// 	count: 1,
-				// 	success: (res) => {
-				// 		const tempFilePaths = res.tempFiles;
-				// 		console.log('上传的文件', tempFilePaths)
-				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
-				// 			wx.showToast({
-				// 			  title: `文件不允许大于50M`,
-				// 			  icon: 'none',
-				// 			  duration: 3000
-				// 			})
-				// 		} else {
-				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
-				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
-				// 			console.log(isPass)
-				// 			if(!isPass) {
-				// 				wx.showToast({
-				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
-				// 				  icon: 'none',
-				// 				  duration: 5000
-				// 				})
-				// 			} else {
-				// 				wx.uploadFile({
-				// 					url: '你的接口地址',
-				// 					filePath: tempFilePaths[0].path,
-				// 					name: "file",
-				// 					formData: {
-				// 						token: '123', // 这里是传给后端的参数
-				// 					},
-				// 					success: (res) => {
-				// 						const req = JSON.parse(res.data);
-				// 						alert(req.msg);
-				// 					},
-				// 					fail: (err) => {
-				// 						console.log("出错了");
-				// 						console.log(err);
-				// 						alert("上传失败");
-				// 					},
-				// 				});　
-				// 			}
-				// 		}
-				// 	},
-				// });
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.report {
-		box-sizing: border-box;
-		padding-bottom: 60rpx;
-		.title-area {
-			display: flex;
-			align-items: center;
-			padding: 20rpx;
-			background-color: #fff;
-			.title {
-				margin-left: 32rpx;
-				.title-text {
-					font-weight: 600;
-				}
-			}
-		}	
-		.content-area {
-			padding: 20rpx;
-			.content {
-				background-color: #fff;
-				border-radius: 16rpx;
-				padding: 50rpx 20rpx;
-				box-sizing: border-box;
-			}
-		}
-		.button {
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 20rpx;
-			color: #fff;
-			font-weight: 600;
-			letter-spacing: 4rpx;
-			background-color: #0096e0;
-			border: 2rpx solid #0096e0;
-			border-radius: 10rpx;
-			margin: 64rpx 0 32rpx 0;
-			white-space: nowrap;
-			box-sizing: border-box;
-			&:active {
-				background-color: #fff;
-				color: #0096e0;
-			}
-		}
-		.button-bottom {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
-			align-items: center;
-			margin-top: 40rpx;
-			.button-left {
-				width: fit-content;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-			}
-			.button-right {
-				width: fit-content;
-				font-weight: 500;
-				padding: 20rpx 64rpx;
-				margin-top: 0;
-				color: #0096e0;
-				background-color: #fff;
-				&:active {
-					background-color: #d5e0ea;
-					font-weight: 600;
-				}
-			}
-		}
-	}
-</style>
-
-<style lang="scss">
-	.report {
-		.u-form-item__body {
-			// padding: 40rpx 0 !important;
-		}
-		.u-toolbar__wrapper__confirm {
-			color: #0096e0 !important;
-		}
-		.u-radio {
-			margin-right: 54rpx;
-		}
-		.u-form-item__body__left__content__label {
-			white-space: nowrap;
-			font-weight: 600;
-		}
-		.u-form-item__body__right__content__slot {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-		}
-		.u-input--radius, .u-input--square {
-			background-color: transparent !important;
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
new file mode 100644
index 0000000..3986ff0
--- /dev/null
+++ b/packageB/center/center.vue
@@ -0,0 +1,121 @@
+<!-- 举报中心 -->
+<template>
+	<view class="center">
+		<image src="../../static/index/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="content">
+			<view v-for="(item,index) in tabList" :key="item.id" class="content-main"  @click="changePage(item.id, item.icon)">
+				<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>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'center',
+		components: {
+		},
+		data() {
+			return {
+				tabList: [
+					{
+						id: 'web',
+						title: '网站类型举报',
+						dec: '网站地址',
+						icon: '../../static/center/web.png',
+						span: '6',
+						style: 'width: 52px;height: 60px;'
+					},
+					{
+						id: 'special',
+						title: '专项举报',
+						dec: '扫黑除恶专题举报',
+						icon: '../../static/center/special.png',
+						span: '6',
+						style: 'width: 52px;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)
+				wx.navigateTo({
+					url: `/packageB/report/report?reportType=${val}&icon=` + encodeURIComponent(icon)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.center {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		padding: 40rpx;
+		padding-top: 380rpx;
+		box-sizing: border-box;
+		.center-title {
+			position: absolute;
+			top: 40rpx;
+			left: 40rpx;
+			color: #fff;
+			font-size: 48rpx;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+		}
+		.content {
+			display: flex;
+			flex-direction: column;
+			background-color: #fff;
+			border-radius: 16rpx;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.content-main {
+				display: flex;
+				align-items: center;
+				background: red;
+				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
+				margin-top: 40rpx;
+				padding: 20rpx;
+				padding-left: 60rpx;
+				border-radius: 20rpx;
+				color: #fff;
+				.text-area {
+					flex: 1;
+					margin-left: 40rpx;
+					text-align: center;
+					font-weight: 600;
+					&:last-child {
+						margin-left: 32rpx;
+					}
+					.content-title {
+						margin-right: 20rpx;
+					}
+				}
+				
+			}
+		}
+	}
+</style>
+<style lang="scss">
+	.center {
+		.u-icon__icon {
+			margin-right: -20rpx;
+		}
+	}
+</style>
diff --git a/packageB/guide/guide.vue b/packageB/guide/guide.vue
index 5f2d370..6a031f7 100644
--- a/packageB/guide/guide.vue
+++ b/packageB/guide/guide.vue
@@ -1,7 +1,7 @@
 <!-- 举报指南 -->
 <template>
 	<view class="guide">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
 		<view class="title">遇到互联网违法和不良信息该怎么举报？</view>
 		<view class="time">
 			时间： 2022-08-18 17:42:00  
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
new file mode 100644
index 0000000..58a4a51
--- /dev/null
+++ b/packageB/messageList/messageList.vue
@@ -0,0 +1,248 @@
+<!-- 网信信息列表 -->
+<template>
+	<view class="message-list">
+		<image src="../../static/index/back.png" style="position:fixed;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="tab-area">
+			<u-tabs 
+				:list="tabList" 
+				:scrollable="false" 
+				:current="currentTab"
+				lineColor="#fff"
+				lineWidth="50"
+				lineHeight="5"
+				:activeStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				:inactiveStyle="{
+					color: '#fff',
+					fontWeight: 'bold',
+				}"
+				@click="clickTab">
+			</u-tabs>
+		</view>
+		
+		<view class="event-area">
+			<EventList :list="eventList"/>
+		</view>
+		<u-loadmore :status="status" loadmoreText=" "/>
+		<!-- 返回顶部 -->
+		<u-back-top 
+			:scroll-top="scrollTop" 
+			icon="arrow-up" 
+			customStyle="background: #4390f7;"
+			:iconStyle="iconStyle"
+			duration="200"
+		></u-back-top>
+		
+		<!-- 空 -->
+		<u-empty
+			v-if="isEmpty"
+			mode="search"
+			text="暂无结果"
+			:show="true"
+			iconColor="#77797d"
+			textColor="#77797d"
+			marginTop="80"
+		></u-empty>
+	</view>
+</template>
+
+<script>
+	import EventList from '../../components/index/eventList.vue';
+	import { getLocationParams } from '../../common/utils.js';
+	export default {
+		name: 'MessageList',
+		components: {
+			EventList
+		},
+		data() {
+			return {
+				isEmpty: false,   //数据是否为空
+				iconStyle: {
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				},
+				scrollTop: 0,
+				currentTab: '0', //当前选中的标签的索引
+				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
+				tabList: [
+					{
+						name: '法律法规'
+					},
+					{
+						name: '工作动态'
+					},
+				],
+				eventList: [],  //事件数据
+			}
+		},
+		watch: {
+			eventList: {
+				handler(val){
+					if(val.length) {
+						this.isEmpty = false;
+					} else {
+						this.isEmpty = true;
+					}
+				},
+				deep: true,
+				// immediate: true,
+			}
+		},
+		mounted() {
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+			
+			this.currentTab = getLocationParams('tabIndex');
+			this.clickTab(null, this.currentTab);
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: ' ',
+				// imageUrl: '../../static/share.png',
+				path: "/pages/messageList/messageList",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: '新疆网络举报',
+			}
+		},
+		// 监听滚动条位置
+		onPageScroll(e) {
+			this.scrollTop = e.scrollTop;
+		},
+		//下拉刷新
+		onPullDownRefresh() {
+			console.log('refresh');
+			setTimeout(function () {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+		//上滑加载
+		onReachBottom() {
+			
+		},
+		methods: {
+			clickTab(val, currentTab) {
+				console.log(val)
+				if((val && val.index === 0) || currentTab === '0') {
+					this.eventList = [
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '法律法规法律法规法律法规法律法规',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				} else if((val && val.index === 1) || currentTab === '1') {
+					this.eventList = [
+						
+					]
+				} else if((val && val.index === 2) || currentTab === '2') {
+					this.eventList = [
+						{
+							title: '网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+						{
+							title: '网络辟谣网络辟谣网络辟谣',
+							time: '2121-12-12 12:02:20',
+							img: '../../static/share.png'
+						},
+					]
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-list {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 40rpx;
+		padding-top: 146rpx;
+		.tab-area {
+			position: fixed;
+			box-sizing: border-box;
+			top: 0;
+			left: 0;
+			width: 100%;
+			padding: 20rpx;
+			background-color: #4390f7;
+		}
+	}
+
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/recordDetail/recordDetail.vue b/packageB/recordDetail/recordDetail.vue
index 888ae54..215e6be 100644
--- a/packageB/recordDetail/recordDetail.vue
+++ b/packageB/recordDetail/recordDetail.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="record-detail">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="main">
 			<u--form labelPosition="left" :model="form">
 				<u-form-item label="操作" prop="staffCode" borderBottom labelWidth="100">
diff --git a/packageB/report/report.vue b/packageB/report/report.vue
new file mode 100644
index 0000000..142139f
--- /dev/null
+++ b/packageB/report/report.vue
@@ -0,0 +1,719 @@
+<!-- 发布举报 -->
+<template>
+	<view class="report">
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<view class="title-area">
+			<image :src="`${reportIcon}`" style="width: 80rpx;height: 80rpx;" mode=""></image>
+			<view class="title">
+				<text>
+					举报类目：
+				</text>
+				<text class="title-text">{{typeMap[reportType]}}</text>
+			</view>
+		</view>
+		<view class="content-area">
+			<view class="content">
+				<u--form
+					labelPosition="left"
+					:model="form"
+					:rules="rules"
+					labelWidth="100"
+					ref="form">
+					<u-form-item label="举报人" borderBottom @click="message('举报人')">
+						<u--input
+							v-model="reportName"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="手机号" prop="phone" borderBottom :required="true">
+						<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--input placeholder="请选择举报类型" suffixIcon="arrow-right" disabled v-model="form.type" border="none"></u--input>
+					</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>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="网站网址" prop="url" borderBottom :required="true">
+						<u--input
+							placeholder="请输入网站网址" 
+							v-model="form.url"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					<u-form-item v-if="reportType === 'special'" label="专题" borderBottom @click="message('专题')">
+						<u--input
+							v-model="form.zt"
+							border="none"
+							disabled
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item label="新媒体" prop="isNewMedia" borderBottom>
+						<u-radio-group v-model="form.isNewMedia" placement="row">
+							<u-radio activeColor="#408bf6" label="是" :name="true"></u-radio>
+							<u-radio activeColor="#408bf6" label="否" :name="false"></u-radio>
+						</u-radio-group>
+					</u-form-item>
+					
+					<u-form-item label="内容描述" prop="desc" borderBottom :required="true">
+						<u--textarea 
+							v-model="form.desc" 
+							placeholder="描述不超过200个字符" 
+							autoHeight 
+							maxlength='200'
+							:showConfirmBar='true'
+						></u--textarea>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人" prop="publishName" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人" 
+							v-model="form.publishName"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布人ID" prop="publishId" borderBottom :required="true">
+						<u--input
+							placeholder="请输入发布人ID" 
+							v-model="form.publishId"
+							border="none"
+							clearable
+						></u--input>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType !== 'other'" label="发布平台" prop="place" borderBottom :required="true" @click="placeShow=true">
+						<u--input placeholder="请选择发布平台" 	suffixIcon="arrow-right" disabled v-model="form.place" border="none"></u--input>
+					</u-form-item>
+					
+					<u-form-item label="内容截图" prop="picture" borderBottom :required="true">
+						<u-upload
+							accep="image"
+							:fileList="form.picture"
+							@afterRead="afterRead"
+							@delete="deletePic"
+							name="1"
+							:deletable="true"
+							:maxCount="10"
+							:previewFullImage="true"
+						></u-upload>
+					</u-form-item>
+					
+					<u-form-item v-if="reportType === 'other'"  label="附件" prop="affix" borderBottom>
+						<view>
+							<text style="word-break: break-all;color: red;display: block;margin-bottom: 16rpx;font-size: 26rpx;">50M以内，类型：mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx</text>
+							<uni-file-picker 
+								v-model="form.affix"
+								limit="1" 
+								file-mediatype="all" 
+								file-extname="mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx"
+								ref="affix"
+								@select="affixUpload"
+							></uni-file-picker>
+						</view>
+		
+					</u-form-item>
+				</u--form>
+			</view>
+		</view>
+		<view class="button-bottom">
+			<view class="button button-left" @click="submit">举 报</view>
+			<view class="button button-right" @click="reset">重 置</view>
+		</view>
+		<!-- 发布平台 -->
+		<u-picker
+			ref="uPicker"
+			:show="placeShow" 
+			:columns="placeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmPlace"
+			@change="changeHandler"
+			immediateChange
+		></u-picker>
+		<!-- 举报类型 -->
+		<u-picker
+			:show="typeShow" 
+			:columns="reportTypeColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmReportType"
+		></u-picker>
+		
+		<!-- 信息来源 -->
+		<u-picker
+			:show="infoSourceShow" 
+			:columns="infoSourceColumns"
+			keyName="label"
+			@cancel	="cancle"
+			@confirm="confirmInfoSource"
+		></u-picker>
+		
+		<!-- 举报须知 -->
+		<Message
+			:show="showMessage" 
+			title="举报须知" 
+			:content="messageContent" 
+			@close="close"
+			@refuse="refuse"/>
+	</view>
+</template>
+
+<script>
+	import { getLocationParams } from '../../common/utils.js';
+	import Message from '../../components/base/message.vue';
+	export default {
+		components: {
+			Message
+		},
+		data() {
+			return {
+				messageContent: '互联网违法不良信息公众举报平台以高度的责任感对待每一条公众举报内容。举报平台核查线索后，及时将违法和不良信息转交执法部门处置，或通知网站清理，举报人可通过提交举报时反馈的查询码在举报查询中查询处理进度。',
+				showMessage: false, //举报须知弹窗显隐
+				reportType: '', //举报类型
+				reportIcon: '', //举报icon url
+				typeMap: {
+					web: '网站类型举报',
+					special: '专项举报',
+					other: '其他类型举报',
+				},
+				rules: {
+					// 手机号验证规则
+					'phone': [
+						{
+							required: true, 
+							message: '请输入手机号',
+							trigger: ['change','blur'],
+						},
+						{
+							// 自定义验证函数
+							validator: (rule, value, callback) => {
+								// 上面有说，返回true表示校验通过，返回false表示不通过
+								// uni.$u.test.mobile()就是返回true或者false的
+								return uni.$u.test.mobile(value);
+							},
+							message: '请输入正确的手机号',
+							// 触发器可以同时用blur和change
+							trigger: ['change','blur'],
+						}
+					],
+					// 举报类型
+					'type': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//信息来源
+					'source': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择举报类型',
+							trigger: ['blur', 'change']
+						},
+					],
+					//网站网址
+					'url': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入网站网址',
+							trigger: ['change','blur'],
+						},
+						{
+							validator: (rule, value, callback) => {
+								return uni.$u.test.url(value);
+							},
+							message: '请输入正确的网址',
+							trigger: ['change','blur'],
+						}
+					],
+					// 描述
+					'desc': [
+						{
+							type: 'string',
+							required: true,
+							message: '请输入内容描述',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人
+					'publishName': [
+						{
+							type: 'string',
+							required: true,
+							message: '请填写确认密码',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 发布人ID
+					'publishId': [
+						{
+							type: 'string',
+							required: true, 
+							message: '请输入发布人ID',
+							trigger: ['change','blur'],
+						},
+					],
+					// 发布平台
+					'place': [
+						{
+							type: 'string',
+							required: true,
+							message: '请选择发布平台',
+							trigger: ['blur', 'change']
+						},
+					],
+					// 内容截图
+					'picture': [
+						{
+							type: 'array',
+							required: true,
+							message: '请添加内容截图',
+							trigger: ['blur', 'change']
+						},
+					],
+				},
+				reportName: '', //举报人
+				form: {
+					phone: '', //手机号
+					type: '', //举报类型
+					url: '', //网站网址
+					zt: '涉疆扫黑除恶', //专题
+					isNewMedia: false,  //是否是新媒体
+					desc: '', //内容描述
+					publishName: '', //发布人
+					publishId: '', //发布人id
+					place: '', //发布平台
+					picture: [], //内容截图
+					source: '', //信息来源
+					affix: [], //附件
+				},
+				typeShow: false, //控制举报类型显隐
+				reportTypeColumns: [[  //举报类型
+					{
+						id: 'sldrl',
+						label: '涉领导人类'
+					},
+					{
+						id: 'sdjzl',
+						label: '涉党军政类'
+					},
+					{
+						id: 'sbskl',
+						label: '涉爆涉恐类'
+					},
+					{
+						id: 'mzzjl',
+						label: '民族宗教类'
+					},
+					{
+						id: 'zjzcl',
+						label: '治疆政策类'
+					},
+					{
+						id: 'sjasjl',
+						label: '涉疆案（事）件类'
+					},
+					{
+						id: 'ggaql',
+						label: '公共安全类'
+					},
+					{
+						id: 'zzrsl',
+						label: '组织人事类'
+					},
+					{
+						id: 'shmsl',
+						label: '社会民生类'
+					},
+					{
+						id: 'qtl',
+						label: '其他类'
+					},
+				]],
+				placeShow: false, //控制发布平台显隐
+				placeColumns: [ //发布平台第一列数据
+					['微博', '微信和QQ', '论坛、贴吧', '博客', '音视频', 'PC新闻', '普通网站', '客户端新闻和WAP新闻'],
+					['新浪微博', '腾讯微博'],
+				],
+				placeColumnsData: [ //发布平台第二列数据
+					['新浪微博', '腾讯微博'],
+					['微信公众号', 'QQ空间、群', '微信个人号'],
+					['贴吧', '普通网站', '天涯', '凯迪'],
+					['新浪博客', '腾讯博客'],
+					['抖音', '火山小视频', '西瓜视频', '哔哩哔哩', '快手'],
+					['普通网站', '新浪', '腾讯', '网易', '搜狐', '今日头条'],
+					['普通网站', '百度', '百度文库', '知乎', '搜狗问问', '小红书', '境外网站'],
+					['新浪', '腾讯', '网易', '搜狐', '今日头条', '普通网站'],
+				],
+				infoSourceColumns: [[
+					{
+						id: 'chart',
+						label: '聊天工具'
+					},
+					{
+						id: 'APP',
+						label: '移动APP'
+					},
+					{
+						id: 'wp',
+						label: '网盘'
+					},
+					{
+						id: 'ssyq',
+						label: '搜索引擎'
+					},
+					{
+						id: 'other',
+						label: '其他'
+					},
+				]],
+				infoSourceShow: false, //控制举报类型显隐
+			}
+		},
+		mounted() {
+			this.reportType = getLocationParams('reportType');
+			this.reportIcon = decodeURIComponent(getLocationParams('icon'));
+			console.log(this.reportIcon)
+			//在这里先获取举报人信息，有举报人正常，没有举报人提示去注册
+		},
+		onReady() {
+			this.showMessage = true; //显示举报须知
+			this.$refs.form.setRules(this.rules);
+		},
+		methods: {
+			//点击选择器取消按钮
+			cancle() {
+				this.typeShow = false;
+				this.placeShow = false;
+				this.infoSourceShow = false;
+			},
+			//多列联动
+			changeHandler(e) {
+				const {
+						columnIndex,
+						value,
+						values, // values为当前变化列的数组内容
+						index,
+						// 微信小程序无法将picker实例传出来，只能通过ref操作
+						picker = this.$refs.uPicker
+				} = e
+				// 当第一列值发生变化时，变化第二列(后一列)对应的选项
+				if (columnIndex === 0) {
+					// picker为选择器this实例，变化第二列对应的选项
+					picker.setColumnValues(1, this.placeColumnsData[index])
+				}
+			},
+			//确定举报类型
+			confirmReportType(val) {
+				this.cancle();
+				this.form.type = val.value[0].label;
+				console.log(val.value[0].label)
+			},
+			//确定发布平台
+			confirmPlace(val) {
+				this.cancle();
+				this.form.place = val.value[1];
+				console.log(val.value[1])
+			},
+			//确定选择信息来源
+			confirmInfoSource(val) {
+				this.cancle();
+				this.form.source = val.value[0].label;
+			},
+			// 删除图片
+			deletePic(event) {
+				this.form.picture.splice(event.index, 1)
+			},
+			// 新增图片
+			async afterRead(event) {
+				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
+				let lists = [].concat(event.file)
+				let fileListLen = this.form.picture.length
+				lists.map((item) => {
+					this.form.picture.push({
+						...item,
+						status: 'uploading',
+						message: '上传中'
+					})
+				})
+				for (let i = 0; i < lists.length; i++) {
+					const result = await this.uploadFilePromise(lists[i].url)
+					let item = this.form.picture[fileListLen]
+					this.form.picture.splice(fileListLen, 1, Object.assign(item, {
+						status: 'success',
+						message: '',
+						url: result
+					}))
+					fileListLen++
+				}
+			},
+			uploadFilePromise(url) {
+				return new Promise((resolve, reject) => {
+					let a = wx.uploadFile({
+						url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
+						filePath: url,
+						name: 'file',
+						formData: {
+							//图片张数
+							// 'length': 上边的filelist.length
+						},
+						header: {
+							"Content-Type": "multipart/form-data"
+						},
+						success: (res) => {
+							setTimeout(() => {
+								resolve(res.data.data)
+							}, 1000)
+						}
+					});
+				})
+			},
+			//点击举报
+			submit() {
+				if(this.form.reportName === '') {
+					wx.showToast({
+					  title: '请先注册',
+					  icon: 'none',
+					  duration: 2000
+					})
+					setTimeout(() => {
+						wx.navigateTo({
+							url: '/packageA/pages/register/register'
+						})
+					}, 2000)
+				} else {
+					this.$refs.form.validate().then(res => {
+						uni.$u.toast('举报成功')
+						wx.navigateTo({
+							url: '/packageA/pages/myReport/myReport'
+						})
+					}).catch(errors => {
+						uni.$u.toast('校验失败')
+					})
+				}
+			},
+			//点击重置
+			reset() {
+				for(let key in this.form) {
+					if(key !== 'zt') {
+						let type = typeof this.form[key];
+						if(type === 'string') {
+							this.form[key] = '';
+						} else if(type === 'object') {
+							this.form[key] = []
+						} else if(type === 'boolean') {
+							this.form[key] = false
+						}
+					}
+				}
+				this.$refs.affix.clearFiles();  //清除附件
+			},
+			//提醒禁止修改举报人
+			message(val) {
+				wx.showToast({
+				  title: `不允许修改${val}`,
+				  icon: 'none',
+				  duration: 2000
+				})
+			},
+			//拒绝举报须知
+			refuse(val) {
+				wx.switchTab({
+					url: '/pages/center/center'
+				})
+			},
+			close(val) {
+				this.showMessage = val;
+			},
+			//附件上传
+			affixUpload(val) {
+				console.log('------', val)
+				wx.uploadFile({
+					url: '你的接口地址',
+					filePath: tempFilePaths[0].path,
+					name: "file",
+					formData: {
+						token: '123', // 这里是传给后端的参数
+					},
+					success: (res) => {
+						const req = JSON.parse(res.data);
+						alert(req.msg);
+					},
+					fail: (err) => {
+						console.log("出错了");
+						console.log(err);
+						alert("上传失败");
+					},
+				});　
+				// wx.chooseMessageFile({
+				// 	count: 1,
+				// 	success: (res) => {
+				// 		const tempFilePaths = res.tempFiles;
+				// 		console.log('上传的文件', tempFilePaths)
+				// 		if(tempFilePaths[0].size > 50 * 1024 * 1024) {
+				// 			wx.showToast({
+				// 			  title: `文件不允许大于50M`,
+				// 			  icon: 'none',
+				// 			  duration: 3000
+				// 			})
+				// 		} else {
+				// 			let isPass = tempFilePaths[0].path.indexOf(".mp4") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".avi") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".wma") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".rmvb") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".mp3") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xls") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".xlsx") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".doc") > -1 ||
+				// 			tempFilePaths[0].path.indexOf(".docx") > -1 ||
+				// 			console.log(isPass)
+				// 			if(!isPass) {
+				// 				wx.showToast({
+				// 				  title: `只允许上传 mp4,avi,wma,rmvb,mp3,xls,xlsx,doc,docx类型`,
+				// 				  icon: 'none',
+				// 				  duration: 5000
+				// 				})
+				// 			} else {
+				// 				wx.uploadFile({
+				// 					url: '你的接口地址',
+				// 					filePath: tempFilePaths[0].path,
+				// 					name: "file",
+				// 					formData: {
+				// 						token: '123', // 这里是传给后端的参数
+				// 					},
+				// 					success: (res) => {
+				// 						const req = JSON.parse(res.data);
+				// 						alert(req.msg);
+				// 					},
+				// 					fail: (err) => {
+				// 						console.log("出错了");
+				// 						console.log(err);
+				// 						alert("上传失败");
+				// 					},
+				// 				});　
+				// 			}
+				// 		}
+				// 	},
+				// });
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.report {
+		box-sizing: border-box;
+		padding: 20rpx;
+		padding-bottom: 60rpx;
+		.title-area {
+			display: flex;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			.title {
+				margin-left: 32rpx;
+				.title-text {
+					font-weight: 600;
+				}
+			}
+		}	
+		.content-area {
+			padding: 20rpx;
+			.content {
+				background-color: #fff;
+				border-radius: 16rpx;
+				padding: 50rpx 20rpx;
+				box-sizing: border-box;
+			}
+		}
+		.button {
+			width: 100%;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			padding: 20rpx;
+			color: #fff;
+			font-weight: 600;
+			letter-spacing: 4rpx;
+			background-color: #408bf6;
+			border: 2rpx solid #408bf6;
+			border-radius: 10rpx;
+			margin: 64rpx 0 32rpx 0;
+			white-space: nowrap;
+			box-sizing: border-box;
+			&:active {
+				background-color: #fff;
+				color: #408bf6;
+			}
+		}
+		.button-bottom {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-around;
+			align-items: center;
+			margin-top: 40rpx;
+			.button-left {
+				width: fit-content;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+			}
+			.button-right {
+				width: fit-content;
+				font-weight: 500;
+				padding: 20rpx 64rpx;
+				margin-top: 0;
+				color: #408bf6;
+				background-color: #fff;
+				&:active {
+					background-color: #d5e0ea;
+					font-weight: 600;
+				}
+			}
+		}
+	}
+</style>
+
+<style lang="scss">
+	.report {
+		.u-form-item__body {
+			// padding: 40rpx 0 !important;
+		}
+		.u-toolbar__wrapper__confirm {
+			color: #408bf6 !important;
+		}
+		.u-radio {
+			margin-right: 54rpx;
+		}
+		.u-form-item__body__left__content__label {
+			white-space: nowrap;
+			font-weight: 600;
+		}
+		.u-form-item__body__right__content__slot {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			align-items: center;
+		}
+		.u-input--radius, .u-input--square {
+			background-color: transparent !important;
+		}
+	}
+</style>
+<style>
+	page {
+		background-color: #f0f0f0;
+	}
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 5bf4a61..32ca911 100644
--- a/pages.json
+++ b/pages.json
@@ -9,14 +9,6 @@
 				"enablePullDownRefresh": false
 			}
 		},
-		{
-			"path" : "pages/center/center",
-			"style" :                                                                                    
-			{
-				"navigationBarTitleText": "举报中心",
-				"enablePullDownRefresh": false
-			}   
-		},
 			{
 				"path" : "pages/mine/mine",
 				"style" :                                                                                    
@@ -47,8 +39,8 @@
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "新疆网络举报",
-		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#fff"
+		"navigationBarBackgroundColor": "#4390f7",
+		"backgroundColor": "#4390f7"
 	},
 	"tabBar": {
 		"color": "#424242",
@@ -86,14 +78,6 @@
 		"root": "packageA",//分包名
 		"pages": [
 			{
-				"path" : "pages/messageList/messageList",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "网信信息列表",
-					"enablePullDownRefresh": true
-				}    
-			},
-			{
 				"path" : "pages/messageDetail/messageDetail",
 				"style" :                                                                                    
 				{
@@ -148,15 +132,15 @@
 					"navigationBarTitleText": "账号绑定",
 					"enablePullDownRefresh": false
 				}	
-			},
-			{
-				"path" : "pages/report/report",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "发布举报",
-					"enablePullDownRefresh": false
-				}	
 			}
+			// {
+			// 	"path" : "pages/report/report",
+			// 	"style" :                                                                                    
+			// 	{
+			// 		"navigationBarTitleText": "发布举报",
+			// 		"enablePullDownRefresh": false
+			// 	}	
+			// }
 		]
 	},
 	{
@@ -190,6 +174,36 @@
 						"navigationBarBackgroundColor": "#4390f7",
 						"navigationBarTextStyle": "white"
 					}
+				},
+				{
+					"path" : "center/center",
+					"style" :                                                                                    
+					{
+						"navigationBarTitleText": "举报中心",
+						"enablePullDownRefresh": false,
+						"navigationBarBackgroundColor": "#4390f7",
+						"navigationBarTextStyle": "white"
+					}
+				},
+				{
+					"path" : "report/report",
+					"style" :                                                                                    
+						{
+							"navigationBarTitleText": "发布举报",
+							"enablePullDownRefresh": false,
+							"navigationBarBackgroundColor": "#4390f7",
+							"navigationBarTextStyle": "white"
+						}
+				}
+				,{
+						"path" : "messageList/messageList",
+						"style" :                                                                                    
+					{
+						"navigationBarTitleText": "网信信息列表",
+						"enablePullDownRefresh": true,
+						"navigationBarBackgroundColor": "#4390f7",
+						"navigationBarTextStyle": "white"
+					}
 				}
 			]
 	}]
diff --git a/pages/center/center.vue b/pages/center/center.vue
index 8c3939b..300e81e 100644
--- a/pages/center/center.vue
+++ b/pages/center/center.vue
@@ -9,13 +9,13 @@
 			
 			<view class="title">
 				<view class="left">
-					<u-icon name="play-left-fill" color="#0096e0" size="12"></u-icon>
-					<u-icon name="play-left-fill" color="#0096e0" size="12"></u-icon>
+					<u-icon name="play-left-fill" color="#408bf6" size="12"></u-icon>
+					<u-icon name="play-left-fill" color="#408bf6" size="12"></u-icon>
 				</view>
 				<text>举报入口</text>
 				<view class="right">
-					<u-icon name="play-right-fill" color="#0096e0" size="12"></u-icon>
-					<u-icon name="play-right-fill" color="#0096e0" size="12"></u-icon>
+					<u-icon name="play-right-fill" color="#408bf6" size="12"></u-icon>
+					<u-icon name="play-right-fill" color="#408bf6" size="12"></u-icon>
 				</view>
 			</view>
 			
@@ -119,7 +119,7 @@
 			text-align: center;
 			font-size: 42rpx;
 			font-weight: 600;
-			color: #0096e0;
+			color: #408bf6;
 			letter-spacing: 20rpx;
 			box-sizing: border-box;
 			.left {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 736b220..4b08bc9 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,19 +1,19 @@
 <!-- 首页 -->
 <template>
 	<view class="index">
-		<image src="../../static/index/back.png" style="position:absolute;top: 0;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
+		<image src="../../static/index/back_complete.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="swiper-area">
-			<swiper class="swiper-box" :indicator-dots="true" :autoplay="true" :circular="circular">
+			<swiper class="swiper-box" style="height: 300rpx;" :indicator-dots="true" :autoplay="true" :circular="circular">
 				<swiper-item v-for="(item ,index) in swiperList" :key="index">
 					<view class="swiper-item">
-						<image :src="item.url" style="width:100%;height: 360rpx;"></image>
+						<image :src="item.url" style="width:100%;height: 300rpx;"></image>
 					</view>
 				</swiper-item>
 			</swiper>
 		</view>
 		<view class="tab-area">
 			<view class="tab">
-				<u-row customStyle="" >
+				<u-row>
 					<u-col span="6" v-for="item in tabList_first" :key="item.id">
 						<view class="tab-item" @click="handleClick(item.id)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
@@ -21,7 +21,7 @@
 						</view>
 					</u-col>
 				</u-row>
-				<u-row customStyle="" >
+				<u-row>
 					<u-col span="6" v-for="item in tabList_second" :key="item.id">
 						<view class="tab-item" @click="handleClick(item.id)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
@@ -29,7 +29,7 @@
 						</view>
 					</u-col>
 				</u-row>
-				<u-row customStyle="" >
+				<u-row>
 					<u-col span="6" v-for="item in tabList_third" :key="item.id">
 						<view class="tab-item" @click="handleClick(item.id)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
@@ -51,9 +51,9 @@
 			return {
 				tabList_first: [
 					{
-						id: 'will',
-						name: '我要举报',
-						icon: '../../static/index/will.png',
+						id: 'search',
+						name: '举报查询',
+						icon: '../../static/index/search.png',
 					},
 					{
 						id: 'guide',
@@ -63,19 +63,6 @@
 				],
 				tabList_second: [
 					{
-						id: 'search',
-						name: '举报查询',
-						icon: '../../static/index/search.png',
-					},
-					{
-						id: 'jdy',
-						name: '成为监督员',
-						icon: '../../static/index/jdy.png',
-					},
-					
-				],
-				tabList_third: [
-					{
 						id: 'status',
 						name: '工作动态',
 						icon: '../../static/index/status.png',
@@ -86,19 +73,31 @@
 						icon: '../../static/index/rules.png',
 					},
 				],
+				tabList_third: [
+					{
+						id: 'will',
+						name: '我要举报',
+						icon: '../../static/index/will.png',
+					},
+					{
+						id: 'jdy',
+						name: '成为监督员',
+						icon: '../../static/index/jdy.png',
+					},
+				],
 				//轮播图信息
 				swiperList: [
 					{
-						url: '../../static/share.png'
+						url: 'http://111.198.10.15:11604/png/swiper1.png'
 					},
 					{
-						url: '../../static/code.jpg'
+						url: 'http://111.198.10.15:11604/png/swiper2.png'
 					},
 					{
-						url: '../../static/share.png'
+						url: 'http://111.198.10.15:11604/png/swiper3.png'
 					},
 					{
-						url: '../../static/code.jpg'
+						url: 'http://111.198.10.15:11604/png/swiper4.png'
 					},
 				]
 			}
@@ -133,7 +132,12 @@
 					wx.navigateTo({
 						url: '/packageB/guide/guide'
 					})
-				} else if(val === 'rule' || val === 'status' || val === 'net') {
+				} else if(val === 'will') { // 我要举报
+					wx.navigateTo({
+						url: '/packageB/center/center'
+					})
+				}
+				else if(val === 'rule' || val === 'status') { // 法律法规、工作动态
 					let tabIndex = 0;
 					if(val === 'status') {
 						tabIndex = 1;
@@ -141,9 +145,9 @@
 						tabIndex = 2;
 					}
 					wx.navigateTo({
-						url: `/packageA/pages/messageList/messageList?tabIndex=${tabIndex}`
+						url: `/packageB/messageList/messageList?tabIndex=${tabIndex}`
 					})
-				} else if(val === 'search') {
+				} else if(val === 'search') { // 成为监督员
 					wx.navigateTo({
 						url: `/packageA/pages/search/search`
 					})
@@ -159,6 +163,7 @@
 		width: 100%;
 		box-sizing: border-box;
 		padding: 60rpx 0;
+		padding-top: 192rpx;
 		.swiper-area {
 			padding: 0 40rpx;
 		}
diff --git a/pages/mine/mine.vue b/pages/mine/mine.vue
index 5899307..f592534 100644
--- a/pages/mine/mine.vue
+++ b/pages/mine/mine.vue
@@ -14,7 +14,7 @@
 					 	<text>举报中心</text>
 					 	<view class="icon-text">
 							<text class="text">全部</text>
-							<u-icon name="arrow-right-double" color="#0096e0" size="18"></u-icon>
+							<u-icon name="arrow-right-double" color="#408bf6" size="18"></u-icon>
 						</view>
 					</view>
 					 
@@ -34,7 +34,7 @@
 			<!-- 平台账号 -->
 			<view class="account" @click="changePage">
 				<view class="title">
-					<u-icon name="account-fill" color="#0096e0" size="28"></u-icon>
+					<u-icon name="account-fill" color="#408bf6" size="28"></u-icon>
 					<text class="text">平台账号</text>
 				</view>
 				
@@ -44,7 +44,7 @@
 			<!-- 举报电话 -->
 			<view class="account" @click="call">
 				<view class="title">
-					<u-icon name="phone-fill" color="#0096e0" size="28"></u-icon>
+					<u-icon name="phone-fill" color="#408bf6" size="28"></u-icon>
 					<text class="text">举报电话</text>
 				</view>
 				
@@ -173,7 +173,7 @@
 							align-items: center;
 							font-size: 34rpx;
 							font-weight: 400;
-							color: #0096e0;
+							color: #408bf6;
 							.text {
 								margin-right: 16rpx;
 							}
diff --git a/static/center/other.png b/static/center/other.png
index f2e76ae..c23c35f 100644
--- a/static/center/other.png
+++ b/static/center/other.png
Binary files differ
diff --git a/static/center/special.png b/static/center/special.png
index 4eab119..8c9f6f2 100644
--- a/static/center/special.png
+++ b/static/center/special.png
Binary files differ
diff --git a/static/center/web.png b/static/center/web.png
index 7abf397..5407859 100644
--- a/static/center/web.png
+++ b/static/center/web.png
Binary files differ