diff --git a/packageB/center/center.vue b/packageB/center/center.vue
index 2fbe064..cc6d8aa 100644
--- a/packageB/center/center.vue
+++ b/packageB/center/center.vue
@@ -9,7 +9,7 @@
 			<view class="tab">
 				<u-row>
 					<u-col span="4" v-for="item in TypeList1" :key="item.id">
-						<view class="tab-item" @click="changePage(item.id, item.icon, item.label, item.type)">
+						<view class="tab-item" @click="goSelectActionSheet(item.id, item.icon, item.label, item.type)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
 							<text class="grid-text">{{item.label}}</text>
 						</view>
@@ -17,7 +17,7 @@
 				</u-row>
 				<u-row>
 					<u-col span="4" v-for="item in TypeList2" :key="item.id">
-						<view class="tab-item" @click="changePage(item.id, item.icon, item.label, item.type)">
+						<view class="tab-item" @click="goSelectActionSheet(item.id, item.icon, item.label, item.type)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
 							<text class="grid-text">{{item.label}}</text>
 						</view>
@@ -25,7 +25,7 @@
 				</u-row>
 				<u-row>
 					<u-col span="4" v-for="item in TypeList3" :key="item.id">
-						<view class="tab-item" @click="changePage(item.id, item.icon, item.label, item.type)">
+						<view class="tab-item" @click="goSelectActionSheet(item.id, item.icon, item.label, item.type)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
 							<text class="grid-text">{{item.label}}</text>
 						</view>
@@ -33,7 +33,7 @@
 				</u-row>
 				<u-row>
 					<u-col span="4" v-for="item in TypeList4" :key="item.id">
-						<view class="tab-item" @click="changePage(item.id, item.icon, '', item.type)">
+						<view class="tab-item" @click="goSelectActionSheet(item.id, item.icon, item.label, item.type)">
 							<image style="width: 120rpx;height: 120rpx;margin-bottom: 12rpx;" :src="item.icon" mode=""></image>
 							<text class="grid-text">{{item.label}}</text>
 						</view>
@@ -51,6 +51,16 @@
 				</view>
 			</view>
 		</view>
+		<u-action-sheet 
+			:actions="actionSheetList" 
+			@select="selectClick" 
+			title="举报类型" 
+			:show="actionSheetShow"
+			:closeOnClickOverlay="true" 
+			:closeOnClickAction="true"
+			cancelText="取消"
+			@close="closeActionSheet"
+		></u-action-sheet>
 	</view>
 </template>
 
@@ -61,6 +71,15 @@
 		},
 		data() {
 			return {
+				actionSheetShow: false, // 选择其他还是网站的选项卡
+				actionSheetList: [
+					{
+						name: '网站类型举报',
+					},
+					{
+						name: '其他类型举报',
+					}
+				],
 				TypeList1: [
 					{
 						id: '1',
@@ -155,7 +174,8 @@
 					// 	span: '12',
 					// 	style: 'width: 53px;height: 60px;'
 					// },
-				]
+				],
+				tempParamForm: {}
 			}
 		},
 		methods: {
@@ -164,6 +184,31 @@
 					url: `/packageB/report/report?reportTypeValue=${reportTypeValue}&icon=` + encodeURIComponent(icon) + '&label=' + encodeURIComponent(label) + `&reportType=${type}`
 				})
 			},
+			goSelectActionSheet(reportTypeValue, icon, label, type) {
+				this.tempParamForm = {
+					reportTypeValue: reportTypeValue,
+					icon: icon,
+					label: label,
+				}
+				this.actionSheetShow = true
+			},
+			// 选择好
+			selectClick(val) {
+				console.log(val)
+				let type = 'web'
+				if(val.name === '网站类型举报') {
+					type = 'web'
+				} else {
+					type = 'other'
+				}
+				wx.navigateTo({
+					url: `/packageB/report/report?reportTypeValue=${this.tempParamForm.reportTypeValue}&icon=` + encodeURIComponent(this.tempParamForm.icon) + '&label=' + encodeURIComponent(this.tempParamForm.label) + `&reportType=${type}`
+				})
+			},
+			// 点取消按钮
+			closeActionSheet() {
+				this.actionSheetShow = false
+			}
 		}
 	}
 </script>