通报模型配置v1.0版本

src/plugins/dictData.ts

@@ -23,3 +23,4 @@ export const bj_status = outTypeList('bj_status'); // 状态
 export const bj_international_domestic = outTypeList('bj_international_domestic'); // 国际/国内
 export const bj_illegal_information = outTypeList('bj_illegal_information'); // 违法信息
 export const bj_nl_released_status = outTypeList('bj_nl_released_status'); //通报事项清单发布状态
+export const bj_scope_inspection = outTypeList('bj_scope_inspection'); // 检查范围

src/views/notificationAnalysis/mattersStatistics/components/pageContent.vue

@@ -111,6 +111,7 @@
 											v-bind="itx"
 											:prop="itx.prop"
 											:sortable="itx.sortable || false"
+											:header-cell-style="{ background: 'red', color: '#606266' }"
 											:column-key="itx.prop"
 										/>
 										<!-- 倒序类 -->
@@ -213,7 +214,14 @@
 									:prop="itx.prop"
 									:sortable="itx.sortable || false"
 									:column-key="itx.prop"
-								/>
+								>
+									<template #header>
+										<!-- 注意：自己包一层 th，scope 里拿到 column 对象 -->
+										<th :title="itx.label" class="header-custom-th">
+											<span class="corner-blue" v-if="itx.isDiy"></span><span>{{ itx.label }}</span>
+										</th>
+									</template>
+								</el-table-column>
 								<!-- 倒序类 -->
 								<el-table-column
 									:fixed="itx.fixed"
@@ -419,7 +427,6 @@ watch(
 	() => pageList,
 	(newValue: any) => {
 		calcMergeMap();
-		props.contentConfig.propsList[2].children[0].label = '测试';
 		if (clearFlag.value) {
 			multipleTableRef.value!.clearSelection();
 			subtotal.value = 0;
@@ -531,4 +538,33 @@ defineExpose({
 :deep .el-table__footer {
 	width: 100% !important;
 }
+:deep .el-table__header .is-group .el-table__cell {
+	position: relative;
+}
+.header-custom-th {
+	overflow: hidden;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+}
+
+.corner-blue {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	border-style: solid;
+	border-width: 30px 30px 0 0; /* 三角大小 */
+	border-color: #1890ff transparent transparent transparent;
+	font-size: x-small;
+	color: #fff;
+	pointer-events: none;
+}
+.corner-blue::after {
+	content: '专';
+	position: absolute;
+	left: 2px;
+	top: -30px;
+	transform-origin: left top;
+	font-weight: 400;
+}
 </style>

src/views/notificationAnalysis/mattersStatistics/components/statisticsItem.vue

@@ -7,6 +7,7 @@
 		<div class="statistics-container">
 			<!-- 固定首列 -->
 			<div class="fixed-first start-card card-border-total">
+				<span class="corner-blue"></span>
 				<div class="card-title card-title-total">
 					<div>{{ dataList?.[0].title }}</div>
 				</div>
@@ -24,13 +25,8 @@
 			<!-- 可滚动内容 -->
 			<div class="scroll-content-wrapper">
 				<div class="scroll-content">
-					<div
-						v-for="(item, index) in dataList?.slice(1)"
-						:key="index"
-						class="start-card"
-						:class="item.isMain ? 'card-border-total' : 'card-border-point'"
-					>
-						<div class="card-title" :class="item.isMain ? 'card-title-total' : 'card-title-point'">
+					<div v-for="(item, index) in dataList?.slice(1)" :key="index" class="start-card card-border-point">
+						<div class="card-title card-title-point">
 							<div>{{ item.title }}</div>
 						</div>
 						<div class="card-body">
@@ -221,4 +217,24 @@ async function getReportItemTotalCardData() {
 .card-text {
 	color: #666666;
 }
+
+.corner-blue {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	border-style: solid;
+	border-width: 30px 30px 0 0; /* 三角大小 */
+	border-color: #1890ff transparent transparent transparent;
+	font-size: x-small;
+	color: #fff;
+	pointer-events: none;
+}
+.corner-blue::after {
+	content: '专';
+	position: absolute;
+	left: 2px;
+	top: -28px;
+	transform-origin: left top;
+	font-weight: 400;
+}
 </style>

src/views/notificationAnalysis/mattersStatistics/config/content.config.ts

@@ -80,13 +80,13 @@ const contentConfig = {
 				},
 				{
 					type: 'normal',
-					label: '长三角1',
+					label: '长三角',
 					prop: 'contactNumber',
 					width: 140,
 					children: [
 						{
 							type: 'custom',
-							label: '合计2',
+							label: '合计',
 							sortable: true,
 							prop: 'contactName',
 							slotName: 'contactName1',
@@ -104,8 +104,264 @@ const contentConfig = {
 			sortable: false,
 			width: 140,
 			children: [
-				{ type: 'normal', label: '暂无', sortable: false, prop: 'belongsDeptStr', width: 140 },
-				{ type: 'normal', label: '暂无', sortable: false, prop: 'position', width: 140 },
+				{
+					type: 'normal',
+					label: '涉客船舶相关违法违规行为(包括客船、12人以下小型涉客船艇、夜游船、电池动力客船等)',
+					sortable: false,
+					prop: 'belongsDeptStr',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '从事休闲活动船舶相关违法违规行为(包括游艇、乡镇船舶、农(自)用船等船舶)',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '渔船相关违法违规信息',
+					sortable: false,
+					isDiy: true,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '水上新业态风险隐患信息',
+					sortable: false,
+					isDiy: true,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '通航水域船舶碰撞桥梁垮塌风险',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '10人以上未按规定洗舱清舱作业',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '水上交通安全重大风险隐患',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '托运人托运危险货物相关违法违规信息',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '载运危险货物的船舶相关违法违规信息',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船舶油料供给单位未按照有关安全和防治污染规范要求从事供受油作业，或者所提供的船舶油料超标的',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船舶、码头等相关防污染违法违规行为',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label:
+						'船舶存在检验重大质量问题、因发生事故，影响船舶适航性能或者存在重大安全缺陷影响航行和环境安全，海事管理机构责成检验的',
+					sortable: false,
+					isDiy: true,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船舶建造、改造存在重大问题的',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船舶修造企业相关违法违规行为',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船舶登记相关违法违规行为',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '外国籍船舶进入领海未报告',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船舶被滞留、禁止船舶进港或责令船舶离港的',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船舶超核定载重线装载货物',
+					sortable: false,
+					isDiy: true,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船舶被列入或脱离重点跟踪船舶的',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '违规进入船舶危险密闭空间等专项行动中发现的违法违规信息',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船舶注销登记相关信息',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '航运公司安全管理相关信息及突出违法行为',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '被列入或脱离重点跟踪航运公司的',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船员违规获取船员证书或违规获取船员健康证明',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船员培训机构相关违法违规信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label:
+						'船员用人单位或船员服务机构存在违反劳动和社会保障法律、行政法规规定的行为的、海员外派机构不及时准确报备外派海员信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '从事国内沿海及内河的船员服务相关业务违法违规行为处理',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '违法行为涉嫌构成犯罪，依法需要追究刑事责任的',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '水上无线电秩序干扰及违法行为',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '水上导助航设施标志异常情况',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '内地一香港一澳门三地通报事项',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '涉外水上交通安全信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
 			],
 		},
 		{
@@ -115,8 +371,126 @@ const contentConfig = {
 			sortable: false,
 			width: 140,
 			children: [
-				{ type: 'normal', label: '暂无', sortable: false, prop: 'belongsDeptStr', width: 140 },
-				{ type: 'normal', label: '暂无', sortable: false, prop: 'position', width: 140 },
+				{
+					type: 'normal',
+					label: '渤海重点水域、重点时段安全与防污染监管信息',
+					sortable: false,
+					prop: 'belongsDeptStr',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '涉客船舶安全监管风险隐患相关信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '电煤、LNG等能源物资运输船舶协同保障',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '环渤海水上交通异常情况',
+					sortable: false,
+					isDiy: true,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '海上搜救应急相关信息',
+					sortable: false,
+					isDiy: true,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '环渤海区域内航行作业船舶的安全与防止污染风险隐患信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '渤海海上石油勘探有关信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '海上平台作业船舶和油田作业船舶监管风险隐患',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '新能源汽车海运出口申报信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船籍港管理相关信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '海砂采运船舶风险隐患信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '商渔共治相关通报信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '燃料供应单位和供应船舶相关信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '环渤海内支线集装箱船舶相关信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '渤西海事协同示范区相关通报事项',
+					sortable: false,
+					prop: 'position',
+					width: 140,
+					isDiy: true,
+				},
 			],
 		},
 		{
@@ -126,26 +500,232 @@ const contentConfig = {
 			sortable: false,
 			width: 140,
 			children: [
-				{ type: 'normal', label: '暂无', sortable: false, prop: 'belongsDeptStr', width: 140 },
-				{ type: 'normal', label: '暂无', sortable: false, prop: 'position', width: 140 },
+				{
+					type: 'normal',
+					label: '外国籍船舶因紧急情况进入琼州海峡水域或违反《外国籍非军用船舶通过琼州海峡管理规则',
+					sortable: false,
+					prop: 'belongsDeptStr',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '琼州海峡客滚船常见违法行为',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '琼州海峡水域过路船舶安全信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '琼州海峡水域船舶载运危险货物进出海口港、徐闻港、北海港许可信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '暂琼州海峡水域污染物接收单位防污染违法违规信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '琼州海峡客滚船监管信息',
+					sortable: false,
+					isDiy: true,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '违反琼州海峡定线制航行规则',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '违反琼州海峡报告制航行规则',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '琼州海峡水域内运动、娱乐船艇违法违规信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '琼州海峡水域发现涉嫌走私或非法运输的违法信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '为琼州海峡客滚船提供检修检测的服务机构违规开展检修检测服务信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '琼州海峡发现“三无”船舶违法行为',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '琼州海峡海上油气平台防台人员大规模撤离',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '游艇码头的港口污染应急防治能力不足',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '渔船点检未应答',
+					sortable: false,
+					isDiy: true,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '在琼州海峡定线制水域下渔网、捕鱼',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
 			],
 		},
 		{
 			type: 'normal',
-			label: '珠三角2',
+			label: '珠三角',
 			prop: 'contactName',
 			sortable: false,
 			width: 140,
 			children: [
 				{
 					type: 'custom',
-					label: '暂无',
+					label: '未经许可的龙舟活动影响通航安全',
 					sortable: false,
 					slotName: 'contactName2',
 					prop: 'belongsDeptStr',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船籍港管理相关信息',
+					sortable: false,
+					isDiy: true,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '桥区水域相关违法违规信息',
+					sortable: false,
+					isDiy: true,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '水上水下活动安全信息通报',
+					sortable: false,
+					isDiy: true,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '未遵守港珠澳大桥广东水域通航安全管理办法规定',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '渡运安全生产隐患',
+					sortable: false,
+					isDiy: true,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '未经许可向海洋倾倒废弃物',
+					isDiy: true,
+					sortable: false,
+					prop: 'position',
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '未按规定落实防台风预案和要求的',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '河道非法采砂相关违法违规行为',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船舶违反通航建筑物运行相关规定',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船舶非法从事洗砂洗泥活动相关违法违规行为',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
 					width: 140,
 				},
-				{ type: 'normal', label: '暂无', sortable: false, prop: 'position', width: 140 },
 			],
 		},
 		{
@@ -155,8 +735,70 @@ const contentConfig = {
 			sortable: false,
 			width: 140,
 			children: [
-				{ type: 'normal', label: '暂无', sortable: false, prop: 'belongsDeptStr', width: 140 },
-				{ type: 'normal', label: '暂无', sortable: false, prop: 'position', width: 140 },
+				{
+					type: 'normal',
+					label: '国际邮轮、省际客船相关违法违规行为',
+					sortable: false,
+					prop: 'belongsDeptStr',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '与公安机关、海警机构、法院相关信息通报',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '水上水下施工作业和活动相关违法违规信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '引航员在引领船舶期间未按规定操纵船舶',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船舶试航、拖航作业相关信息通报',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '船舶不符合安全开航条件冒险开航等违法违规行为',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '码头岸电配备、使用和供应方面违法违规信息的',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
+				{
+					type: 'normal',
+					label: '载运食用油船舶违法违规信息',
+					sortable: false,
+					prop: 'position',
+					isDiy: true,
+					width: 140,
+				},
 			],
 		},
 	],

src/views/notificationAnalysis/situationOverdueStatistics/components/industryOverdueStatistics.vue

@@ -24,13 +24,8 @@
 			<!-- 可滚动内容 -->
 			<div class="scroll-content-wrapper">
 				<div class="scroll-content">
-					<div
-						v-for="(item, index) in dataList?.slice(1)"
-						:key="index"
-						class="start-card"
-						:class="item.isMain ? 'card-border-total' : 'card-border-point'"
-					>
-						<div class="card-title" :class="item.isMain ? 'card-title-total' : 'card-title-point'">
+					<div v-for="(item, index) in dataList?.slice(1)" :key="index" class="start-card card-border-point">
+						<div class="card-title card-title-point">
 							<div>{{ item.title }}</div>
 						</div>
 						<div class="card-body">

src/views/notificationAnalysis/situationOverdueStatistics/components/overdueStatistics.vue

@@ -27,10 +27,10 @@
 					<div
 						v-for="(item, index) in dataList?.slice(1)"
 						:key="index"
-						class="start-card"
+						class="start-card card-border-point"
 						:class="item.isMain ? 'card-border-total' : 'card-border-point'"
 					>
-						<div class="card-title" :class="item.isMain ? 'card-title-total' : 'card-title-point'">
+						<div class="card-title card-title-point">
 							<div>{{ item.title }}</div>
 						</div>
 						<div class="card-body">

src/views/notifyModelCfg/components/treeSelect.vue

@@ -107,9 +107,23 @@ treeData.value = [
 		parentId: 0,
 		label: '重点跟踪航运公司通报信息模型',
 		value: 6,
-		type: '1',
+		type: '6',
 		children: [{ parentId: 6, label: '被列入后脱离重点跟踪航运公司的', value: 22, type: '6' }],
 	},
+	{
+		parentId: 0,
+		label: '进出口岸报告通报信息模型',
+		value: 7,
+		type: '7',
+		children: [{ parentId: 7, label: '被列入后脱离重点跟踪航运公司的', value: 23, type: '7' }],
+	},
+	{
+		parentId: 0,
+		label: '现场安全监督检查通报信息模型',
+		value: 8,
+		type: '8',
+		children: [{ parentId: 8, label: '船籍港管理相关信息', value: 24, type: '8' }],
+	},
 ];
 const expandedKeys: any = ref([]);
 // const deptStore = useDeptStore();

src/views/notifyModelCfg/config/administrative.penalty.detail.config.ts

@@ -1,3 +1,7 @@
+interface OptionsType {
+	label: string;
+	value: string;
+}
 const modalConfig = {
 	pageName: 'lonm',
 	addTitle: '行政处罚通报信息模型',
@@ -34,96 +38,102 @@ const modalConfig = {
 		{
 			label: '通报标准或具体行为列举',
 			prop: 'notificationStandards',
-			type: 'select',
-			multiple: false,
+			type: 'textarea',
 			span: 24,
-			placeholder: '请选择通报标准或具体行为列举',
+			placeholder: '请输入通报标准或具体行为列举',
 		},
 		{
 			label: '处罚决定时间',
-			prop: 'scopeInspection',
+			prop: 'penalty_decision_time',
 			type: 'select',
 			span: 12,
 			multiple: false,
-			placeholder: '请选择检查范围',
+			options: [] as OptionsType[],
+			placeholder: '请选择处罚决定时间',
 		},
 		{
 			label: '案件状态',
-			prop: 'cfcbz',
+			prop: 'case_status',
 			type: 'select',
 			multiple: false,
 			disabled: true,
 			span: 12,
+			options: [] as OptionsType[],
 			placeholder: '请选择案件状态',
 		},
 		{
 			label: '水域类别',
-			prop: 'cbzl',
+			prop: 'water_category',
 			type: 'select',
 			multiple: true,
 			span: 12,
+			options: [] as OptionsType[],
 			placeholder: '请选择水域类别',
 		},
 		{
 			label: '船舶种类',
-			prop: 'cbzl',
+			prop: 'shipType',
 			type: 'select',
 			multiple: true,
 			span: 12,
+			options: [] as OptionsType[],
 			placeholder: '请选择船舶种类',
 		},
 		{
 			label: '海内河船',
-			prop: 'cbzl',
+			prop: 'maritime_and_river_vessels',
 			type: 'select',
 			multiple: true,
 			span: 12,
+			options: [] as OptionsType[],
 			placeholder: '请选择海内河船',
 		},
 		{
 			label: '省际客船',
-			prop: 'cbzl',
+			prop: 'interprovincial_passenger_ships',
 			type: 'select',
 			multiple: true,
 			span: 12,
+			options: [] as OptionsType[],
 			placeholder: '请选择省际客船',
 		},
 
 		{
 			label: '海上案号和案由',
-			prop: 'cbzl',
+			prop: 'maritime_case_number_cause_of_action',
 			type: 'select',
 			multiple: true,
 			span: 24,
+			options: [] as OptionsType[],
 			placeholder: '请选择海上案号和案由',
 		},
 		{
 			label: '内河案号和案由',
-			prop: 'cbzl',
+			prop: 'inland_river_case_number_cause_of_action',
 			type: 'select',
 			multiple: true,
 			span: 24,
+			options: [] as OptionsType[],
 			placeholder: '请选择内河案号和案由',
 		},
 
 		{
 			label: '违法事实及证据信息',
-			prop: 'cbzl',
+			prop: 'illegal_facts_and_evidence_info',
 			type: 'textarea',
 			span: 24,
 			placeholder: '请输入违法事实及证据信息',
 		},
-
 		{
 			label: '业务规则识别',
-			prop: 'cbzl',
+			prop: 'business_rule_recognition',
 			type: 'textarea',
 			span: 24,
 			placeholder: '请输入业务规则识别',
 		},
 		{
 			label: '业务规则识别样例',
-			prop: 'cbzl',
+			prop: 'business_rule_recognition_demo',
 			type: 'textarea',
 			span: 24,
 			placeholder: '请输入业务规则识别样例',

src/views/notifyModelCfg/config/focus.track.ship.detail.config.ts

@@ -1,3 +1,7 @@
+interface OptionsType {
+	label: string;
+	value: string;
+}
 const modalConfig = {
 	pageName: 'lonm',
 	addTitle: '重点跟踪船舶通报信息模型',
@@ -32,12 +36,11 @@ const modalConfig = {
 	},
 	formItems: [
 		{
-			label: '通报标准或具体行为列举4',
+			label: '通报标准或具体行为列举',
 			prop: 'notificationStandards',
-			type: 'select',
-			multiple: false,
+			type: 'textarea',
 			span: 24,
-			placeholder: '请选择通报标准或具体行为列举',
+			placeholder: '请输入通报标准或具体行为列举',
 		},
 		{
 			label: '检查范围',
@@ -45,14 +48,16 @@ const modalConfig = {
 			type: 'select',
 			multiple: false,
 			span: 12,
+			options: [] as OptionsType[],
 			placeholder: '请选择检查范围',
 		},
 		{
 			label: '审核状态',
-			prop: 'cfcbz',
+			prop: 'review_status',
 			type: 'select',
 			multiple: false,
 			span: 12,
+			options: [] as OptionsType[],
 			placeholder: '请选择审核状态',
 		},
 

src/views/notifyModelCfg/config/import.export.port.report.detail.config.ts

@@ -0,0 +1,116 @@
+interface OptionsType {
+	label: string;
+	value: string;
+}
+const modalConfig = {
+	pageName: 'lonm',
+	addTitle: '进出口岸报告通报信息模型',
+	editTitle: '进出口岸报告通报信息模型',
+	detailTitle: '进出口岸报告通报信息模型',
+	labelWidth: '200px',
+	formRules: {
+		notificationStandards: [{ required: true, message: '请选择通报标准或具体行为列举', trigger: 'change' }],
+		scopeInspection: [{ required: true, message: '请选择检查范围', trigger: 'change' }],
+		cfcbz: [{ required: true, message: '请选择初复查标志', trigger: 'change' }],
+		cbzl: [{ required: true, message: '请选择船舶种类', trigger: 'change' }],
+		position: [{ required: true, message: '请选择所属职位', trigger: 'change' }],
+		// contactNumber: [
+		// 	{ required: true, message: '输入正确的联系电话', trigger: 'change' },
+		// 	{
+		// 		validator: (_, val, cb) => {
+		// 			const digits = (val || '').replace(/\D/g, '');
+		// 			if (!/^1[3-9]\d{9}$/.test(digits)) {
+		// 				cb(new Error('请输入正确的 11 位联系电话'));
+		// 			} else {
+		// 				cb();
+		// 			}
+		// 		},
+		// 		trigger: 'blur',
+		// 	},
+		// ],
+		msgRecipient: [{ required: true, message: '请选择短信接收人', trigger: 'change' }],
+	},
+	pageListParams: {
+		type: 1,
+		id: 1,
+	},
+	formItems: [
+		{
+			label: '通报标准或具体行为列举',
+			prop: 'notificationStandards',
+			type: 'textarea',
+			span: 24,
+			placeholder: '请输入通报标准或具体行为列举',
+		},
+		{
+			label: '申请范围',
+			prop: 'scope_application',
+			type: 'select',
+			multiple: false,
+			span: 12,
+			options: [] as OptionsType[],
+			placeholder: '请选择申请范围',
+		},
+		{
+			label: '报给机构',
+			prop: 'report_to_institutions',
+			type: 'select',
+			multiple: false,
+			span: 12,
+			options: [] as OptionsType[],
+			placeholder: '请选择报给机构',
+		},
+		{
+			label: '进出港',
+			prop: 'arrival_and_departure',
+			type: 'select',
+			multiple: false,
+			span: 12,
+			options: [] as OptionsType[],
+			placeholder: '请选择进出港',
+		},
+		{
+			label: '滞留',
+			prop: 'detain',
+			type: 'select',
+			multiple: false,
+			span: 12,
+			options: [] as OptionsType[],
+			placeholder: '请选择滞留',
+		},
+		{
+			label: '校验结果描述',
+			prop: 'verify_result_desc',
+			type: 'select',
+			multiple: false,
+			span: 24,
+			options: [] as OptionsType[],
+			placeholder: '请选择校验结果描述',
+		},
+		{
+			label: '六个月无进出口港报告申请日期',
+			prop: 'six_months_without_application_data',
+			type: 'select',
+			multiple: false,
+			span: 24,
+			options: [] as OptionsType[],
+			placeholder: '请选择六个月无进出口港报告申请日期',
+		},
+		{
+			label: '业务规则识别',
+			prop: 'business_rule_recognition',
+			type: 'textarea',
+			span: 24,
+			placeholder: '请输入业务规则识别',
+		},
+		{
+			label: '业务规则识别样例',
+			prop: 'business_rule_recognition_demo',
+			type: 'textarea',
+			span: 24,
+			placeholder: '请输入业务规则识别样例',
+		},
+	],
+};
+
+export default modalConfig;

src/views/notifyModelCfg/config/key.ship.company.detail.config.ts

@@ -1,3 +1,7 @@
+interface OptionsType {
+	label: string;
+	value: string;
+}
 const modalConfig = {
 	pageName: 'lonm',
 	addTitle: '重点跟踪航运公司通报信息模型',
@@ -34,37 +38,38 @@ const modalConfig = {
 		{
 			label: '通报标准或具体行为列举',
 			prop: 'notificationStandards',
-			type: 'select',
+			type: 'textarea',
 			span: 24,
-			multiple: false,
-			placeholder: '请选择通报标准或具体行为列举',
+			placeholder: '请输入通报标准或具体行为列举',
 		},
 		{
 			label: '入列时间范围',
-			prop: 'scopeInspection',
+			prop: 'inclusion_time_range',
 			type: 'select',
-			multiple: false,
+			multiple: true,
 			span: 12,
-			placeholder: '请选择入列时间范围',
+			options: [] as OptionsType[],
+			placeholder: '请选择检查范围',
 		},
 		{
 			label: '审核状态',
-			prop: 'cfcbz',
+			prop: 'review_status',
 			type: 'select',
 			multiple: false,
 			span: 12,
+			options: [] as OptionsType[],
 			placeholder: '请选择审核状态',
 		},
 		{
 			label: '业务规则识别',
-			prop: 'cbzl',
+			prop: 'business_rule_recognition',
 			type: 'textarea',
 			span: 24,
 			placeholder: '请输入业务规则识别',
 		},
 		{
 			label: '业务规则识别样例',
-			prop: 'cbzl',
+			prop: 'business_rule_recognition_demo',
 			type: 'textarea',
 			span: 24,
 			placeholder: '请输入业务规则识别样例',

src/views/notifyModelCfg/config/security.check.detail.config.ts

@@ -1,3 +1,8 @@
+interface OptionsType {
+	label: string;
+	value: string;
+}
+
 const modalConfig = {
 	pageName: 'lonm',
 	addTitle: '安全检查通报信息模型',
@@ -32,7 +37,7 @@ const modalConfig = {
 	},
 	formItems: [
 		{
-			label: '通报标准或具体行为列举1',
+			label: '通报标准或具体行为列举',
 			prop: 'notificationStandards',
 			type: 'select',
 			span: 24,
@@ -45,56 +50,60 @@ const modalConfig = {
 			type: 'select',
 			multiple: false,
 			span: 12,
+			options: [] as OptionsType[],
 			placeholder: '请选择检查范围',
 		},
 		{
 			label: '初复查标志',
-			prop: 'cfcbz',
+			prop: 'initial_review_mark',
 			type: 'select',
 			multiple: false,
 			span: 12,
+			options: [] as OptionsType[],
 			placeholder: '请选择初复查标志',
 		},
 		{
 			label: '船舶种类',
-			prop: 'cbzl',
+			prop: 'shipType',
 			type: 'select',
 			multiple: true,
 			span: 24,
+			options: [] as OptionsType[],
 			placeholder: '请选择船舶种类',
 		},
 		{
-			label: '缺陷代码和描述',
-			prop: 'cbzl',
+			label: '缺陷代码',
+			prop: 'defect_code_and_desc',
 			type: 'select',
 			multiple: true,
 			span: 24,
+			options: [] as OptionsType[],
 			placeholder: '请选择缺陷代码和描述',
 		},
 		{
 			label: '备注',
-			prop: 'cbzl',
+			prop: 'remark',
 			type: 'textarea',
 			span: 24,
 			placeholder: '请输入备注',
 		},
 		{
 			label: '处理意见代码和说明',
-			prop: 'cbzl',
+			prop: 'handle_suggestion_code_explanation',
 			type: 'textarea',
 			span: 24,
 			placeholder: '请输入处理意见代码和说明',
 		},
 		{
 			label: '业务规则识别',
-			prop: 'cbzl',
+			prop: 'business_rule_recognition',
 			type: 'textarea',
 			span: 24,
 			placeholder: '请输入业务规则识别',
 		},
 		{
 			label: '业务规则识别样例',
-			prop: 'cbzl',
+			prop: 'business_rule_recognition_demo',
 			type: 'textarea',
 			span: 24,
 			placeholder: '请输入业务规则识别样例',

src/views/notifyModelCfg/config/ship.inspection.detail.config.ts

@@ -1,3 +1,7 @@
+interface OptionsType {
+	label: string;
+	value: string;
+}
 const modalConfig = {
 	pageName: 'lonm',
 	addTitle: '船舶检验通报信息模型',
@@ -43,12 +47,11 @@ const modalConfig = {
 			placeholder: '请选择业务数据来源',
 		},
 		{
-			label: '通报标准或具体行为列举5',
+			label: '通报标准或具体行为列举',
 			prop: 'notificationStandards',
-			type: 'select',
-			multiple: false,
+			type: 'textarea',
 			span: 24,
-			placeholder: '请选择通报标准或具体行为列举',
+			placeholder: '请输入通报标准或具体行为列举',
 		},
 		{
 			label: '检查范围',
@@ -56,35 +59,37 @@ const modalConfig = {
 			multiple: false,
 			type: 'select',
 			span: 12,
+			options: [] as OptionsType[],
 			placeholder: '请选择检查范围',
 		},
 		{
 			label: '检查状态',
-			prop: 'cfcbz',
+			prop: 'check_status',
 			type: 'select',
 			multiple: false,
 			span: 12,
+			options: [] as OptionsType[],
 			placeholder: '请选择检查状态',
 		},
 		{
 			label: '检查结论',
-			prop: 'cbzl',
+			prop: 'inspection_conclusion',
 			type: 'select',
 			multiple: false,
 			span: 24,
-			placeholder: '请选择船舶种类',
+			options: [] as OptionsType[],
+			placeholder: '请选择检查结论',
 		},
-
 		{
 			label: '业务规则识别',
-			prop: 'cbzl',
+			prop: 'business_rule_recognition',
 			type: 'textarea',
 			span: 24,
 			placeholder: '请输入业务规则识别',
 		},
 		{
 			label: '业务规则识别样例',
-			prop: 'cbzl',
+			prop: 'business_rule_recognition_demo',
 			type: 'textarea',
 			span: 24,
 			placeholder: '请输入业务规则识别样例',

src/views/notifyModelCfg/config/ship.registration.detail.config.ts

@@ -1,3 +1,7 @@
+interface OptionsType {
+	label: string;
+	value: string;
+}
 const modalConfig = {
 	pageName: 'lonm',
 	addTitle: '船舶登记通报信息模型',
@@ -34,45 +38,47 @@ const modalConfig = {
 		{
 			label: '通报标准或具体行为列举',
 			prop: 'notificationStandards',
-			type: 'select',
-			multiple: false,
+			type: 'textarea',
 			span: 24,
-			placeholder: '请选择通报标准或具体行为列举',
+			placeholder: '请输入通报标准或具体行为列举',
 		},
 		{
 			label: '检查范围',
-			prop: 'scopeInspection',
+			prop: 'check_scope',
 			type: 'select',
 			multiple: false,
 			span: 12,
+			options: [] as OptionsType[],
 			placeholder: '请选择检查范围',
 		},
 		{
 			label: '船舶登记状态',
-			prop: 'cfcbz',
+			prop: 'ship_registration_status',
 			type: 'select',
 			multiple: false,
 			span: 12,
+			options: [] as OptionsType[],
 			placeholder: '请选择船舶登记状态',
 		},
 		{
 			label: '注销原因',
-			prop: 'cbzl',
+			prop: 'logout_reason',
 			type: 'select',
 			multiple: false,
 			span: 24,
+			options: [] as OptionsType[],
 			placeholder: '请选择注销原因',
 		},
 		{
 			label: '业务规则识别',
-			prop: 'cbzl',
+			prop: 'business_rule_recognition',
 			type: 'textarea',
 			span: 24,
 			placeholder: '请输入业务规则识别',
 		},
 		{
 			label: '业务规则识别样例',
-			prop: 'cbzl',
+			prop: 'business_rule_recognition_demo',
 			type: 'textarea',
 			span: 24,
 			placeholder: '请输入业务规则识别样例',

src/views/notifyModelCfg/config/site.safety.supervision.inspection.detail.config.ts

@@ -0,0 +1,117 @@
+interface OptionsType {
+	label: string;
+	value: string;
+}
+const modalConfig = {
+	pageName: 'lonm',
+	addTitle: '现场安全监督检查通报信息模型',
+	editTitle: '现场安全监督检查通报信息模型',
+	detailTitle: '现场安全监督检查通报信息模型',
+	labelWidth: '200px',
+	formRules: {
+		notificationStandards: [{ required: true, message: '请选择通报标准或具体行为列举', trigger: 'change' }],
+		scopeInspection: [{ required: true, message: '请选择检查范围', trigger: 'change' }],
+		cfcbz: [{ required: true, message: '请选择初复查标志', trigger: 'change' }],
+		cbzl: [{ required: true, message: '请选择船舶种类', trigger: 'change' }],
+		position: [{ required: true, message: '请选择所属职位', trigger: 'change' }],
+		// contactNumber: [
+		// 	{ required: true, message: '输入正确的联系电话', trigger: 'change' },
+		// 	{
+		// 		validator: (_, val, cb) => {
+		// 			const digits = (val || '').replace(/\D/g, '');
+		// 			if (!/^1[3-9]\d{9}$/.test(digits)) {
+		// 				cb(new Error('请输入正确的 11 位联系电话'));
+		// 			} else {
+		// 				cb();
+		// 			}
+		// 		},
+		// 		trigger: 'blur',
+		// 	},
+		// ],
+		msgRecipient: [{ required: true, message: '请选择短信接收人', trigger: 'change' }],
+	},
+	pageListParams: {
+		type: 1,
+		id: 1,
+	},
+	formItems: [
+		{
+			label: '通报标准或具体行为列举',
+			prop: 'notificationStandards',
+			type: 'textarea',
+			span: 24,
+			placeholder: '请输入通报标准或具体行为列举',
+		},
+		{
+			label: '检查范围',
+			prop: 'scopeInspection',
+			type: 'select',
+			multiple: false,
+			span: 12,
+			options: [] as OptionsType[],
+			placeholder: '请选择检查范围',
+		},
+		{
+			label: '初复查标志',
+			prop: 'initial_review_mark',
+			type: 'select',
+			multiple: false,
+			span: 12,
+			options: [] as OptionsType[],
+			placeholder: '请选择初复查标志',
+		},
+		{
+			label: '报给机构',
+			prop: 'report_to_institutions',
+			type: 'select',
+			multiple: false,
+			span: 12,
+			options: [] as OptionsType[],
+			placeholder: '请选择报给机构',
+		},
+		{
+			label: '滞留',
+			prop: 'detain',
+			type: 'select',
+			multiple: false,
+			span: 12,
+			options: [] as OptionsType[],
+			placeholder: '请选择滞留',
+		},
+		{
+			label: '六个月无进出口港报告申请日期',
+			prop: 'six_months_without_application_data',
+			type: 'select',
+			multiple: false,
+			span: 24,
+			options: [] as OptionsType[],
+			placeholder: '请选择六个月无进出口港报告申请日期',
+		},
+		{
+			label: '检查内容',
+			prop: 'inspection_content',
+			type: 'select',
+			multiple: false,
+			span: 24,
+			options: [] as OptionsType[],
+			placeholder: '请选择检查内容',
+		},
+
+		{
+			label: '业务规则识别',
+			prop: 'business_rule_recognition',
+			type: 'textarea',
+			span: 24,
+			placeholder: '请输入业务规则识别',
+		},
+		{
+			label: '业务规则识别样例',
+			prop: 'business_rule_recognition_demo',
+			type: 'textarea',
+			span: 24,
+			placeholder: '请输入业务规则识别样例',
+		},
+	],
+};
+
+export default modalConfig;

src/views/notifyModelCfg/index.vue

@@ -12,10 +12,38 @@ import administrativePenaltyDetailConfig from '@/views/notifyModelCfg/config/adm
 import focusTrackShipDetailConfig from './config/focus.track.ship.detail.config';
 import shipInspectionDetailConfig from './config/ship.inspection.detail.config';
 import keyShipCompanyDetailConfig from './config/key.ship.company.detail.config';
+import importExportPortReportDetailConfig from './config/import.export.port.report.detail.config';
+import siteSafetySupervisionInspectionDetailConfig from './config/site.safety.supervision.inspection.detail.config';
 
+import { outTypeList } from '@/libs/commonMeth';
 import pageDetail from './components/detail.vue';
 import useSystemStore from '@/store/main';
 import TreeSelect from './components/treeSelect.vue';
+import {
+	bj_ship_type,
+	bj_scope_inspection,
+	bj_inspection_conclusion,
+	bj_reason_deregistration,
+	bj_initial_review_mark,
+	bj_review_status,
+} from '@/plugins/dictData';
+const bj_defect_code_and_desc = outTypeList('bj_defect_code_and_desc'); // 缺陷代码和描述
+const bj_ship_registration_status = outTypeList('bj_ship_registration_status'); // 船舶登记状态
+const bj_case_status = outTypeList('bj_case_status'); // 案件状态
+const bj_water_category = outTypeList('bj_water_category'); // 水域类别
+const bj_maritime_and_river_vessels = outTypeList('bj_maritime_and_river_vessels'); // 海内河船
+const bj_maritime_case_number_cause_of_action = outTypeList('bj_maritime_case_number_cause_of_action'); // 海上案号和案由
+const bj_inland_river_case_number_cause_of_action = outTypeList(
+	'bj_inland_river_case_number_cause_of_action'
+); // 内河案号和案由
+const bj_check_status = outTypeList('bj_check_status'); // 检查状态
+const bj_scope_application = outTypeList('bj_scope_application'); // 申请范围
+const bj_report_to_institutions = outTypeList('bj_report_to_institutions'); // 报给机构
+const bj_arrival_and_departure = outTypeList('bj_arrival_and_departure'); // 进出港
+const bj_detain = outTypeList('bj_detain'); // 滞留
+const bj_verify_result_desc = outTypeList('bj_verify_result_desc'); // 校验结果描述
+const bj_six_months_without_application_data = outTypeList('bj_six_months_without_application_data'); // 六个月无进出口港报告申请日期
+const bj_inspection_content = outTypeList('bj_inspection_content'); // 检查内容
 
 // 使用pinia数据
 const systemStore = useSystemStore();
@@ -34,22 +62,194 @@ const getTreeCheck = async data => {
 	typeKey.value = data[1];
 	switch (data[1]) {
 		case '1':
+			securityCheckDetailConfig.formItems?.forEach(item => {
+				// --------- 安全检查通报信息模型 ------------
+				// 检查范围
+				if (item.prop === 'scopeInspection') {
+					item.options = bj_scope_inspection;
+				}
+				// 初复查标志
+				if (item.prop === 'initial_review_mark') {
+					item.options = bj_initial_review_mark;
+				}
+				// 船舶种类
+				if (item.prop === 'shipType') {
+					item.options = bj_ship_type;
+				}
+				// 缺陷代码和描述
+				if (item.prop === 'defect_code_and_desc') {
+					item.options = bj_defect_code_and_desc;
+				}
+			});
 			detailConfig.value = securityCheckDetailConfig;
+
 			break;
 		case '2':
+			shipRegistratioDdetailConfig.formItems?.forEach(item => {
+				// ---------船舶登记通报信息模型----------
+
+				// 检查范围
+				if (item.prop === 'scopeInspection') {
+					item.options = bj_scope_inspection;
+				}
+				// 船舶登记状态
+				if (item.prop === 'ship_registration_status') {
+					item.options = bj_ship_registration_status;
+				}
+				// 注销原因
+				if (item.prop === 'logout_reason') {
+					item.options = bj_reason_deregistration;
+				}
+			});
 			detailConfig.value = shipRegistratioDdetailConfig;
+
 			break;
 		case '3':
+			administrativePenaltyDetailConfig?.formItems?.forEach(item => {
+				// -------- 行政处罚通报信息模型 -----------
+
+				// 处罚决定时间
+				if (item.prop === 'penalty_decision_time') {
+					item.options = bj_scope_inspection;
+				}
+				// 案件状态
+				if (item.prop === 'case_status') {
+					item.options = bj_case_status;
+				}
+				// 水域类别
+				if (item.prop === 'water_category') {
+					item.options = bj_water_category;
+				}
+				// 船舶种类
+				if (item.prop === 'shipType') {
+					item.options = bj_ship_type;
+				}
+				// 海内河船
+				if (item.prop === 'maritime_and_river_vessels') {
+					item.options = bj_maritime_and_river_vessels;
+				}
+				// 海上案号和案由
+				if (item.prop === 'maritime_case_number_cause_of_action') {
+					item.options = bj_maritime_case_number_cause_of_action;
+				}
+				// 内河案号和案由
+				if (item.prop === 'inland_river_case_number_cause_of_action') {
+					item.options = bj_inland_river_case_number_cause_of_action;
+				}
+			});
 			detailConfig.value = administrativePenaltyDetailConfig;
+
 			break;
 		case '4':
+			focusTrackShipDetailConfig?.formItems?.forEach(item => {
+				// -------- 重点跟踪船舶通报信息模型-----------
+				// 检查范围
+				if (item.prop === 'scopeInspection') {
+					item.options = bj_scope_inspection;
+				}
+				// 审核状态
+				if (item.prop === 'review_status') {
+					item.options = bj_review_status;
+				}
+			});
 			detailConfig.value = focusTrackShipDetailConfig;
+
 			break;
 		case '5':
+			shipInspectionDetailConfig?.formItems?.forEach(item => {
+				// -------- 船舶检验通报信息模型 -----------
+				// 检查范围
+				if (item.prop === 'scopeInspection') {
+					item.options = bj_scope_inspection;
+				}
+				// 检查状态
+				if (item.prop === 'check_status') {
+					item.options = bj_check_status;
+				}
+				// 检查结论
+				if (item.prop === 'inspection_conclusion') {
+					item.options = bj_inspection_conclusion;
+				}
+			});
 			detailConfig.value = shipInspectionDetailConfig;
+
 			break;
 		case '6':
+			keyShipCompanyDetailConfig?.formItems?.forEach(item => {
+				// -------- 重点跟踪航运公司通报信息模型-----------
+				// 入列时间范围
+				if (item.prop === 'inclusion_time_range') {
+					item.options = bj_scope_inspection;
+				}
+				// 检查状态
+				if (item.prop === 'check_status') {
+					item.options = bj_check_status;
+				}
+			});
 			detailConfig.value = keyShipCompanyDetailConfig;
+
+			break;
+		case '7':
+			importExportPortReportDetailConfig?.formItems?.forEach(item => {
+				// -------- 进出口岸报告通报信息模型 -----------
+				// 申请范围
+				if (item.prop === 'scope_application') {
+					item.options = bj_scope_application;
+				}
+				// 报给机构
+				if (item.prop === 'report_to_institutions') {
+					item.options = bj_report_to_institutions;
+				}
+				// 进出港
+				if (item.prop === 'arrival_and_departure') {
+					item.options = bj_arrival_and_departure;
+				}
+				// 滞留
+				if (item.prop === 'detain') {
+					item.options = bj_detain;
+				}
+				// 校验结果描述
+				if (item.prop === 'verify_result_desc') {
+					item.options = bj_verify_result_desc;
+				}
+				// 六个月无进出口港报告申请日期
+				if (item.prop === 'six_months_without_application_data') {
+					item.options = bj_six_months_without_application_data;
+				}
+			});
+			detailConfig.value = importExportPortReportDetailConfig;
+
+			break;
+		case '8':
+			siteSafetySupervisionInspectionDetailConfig?.formItems?.forEach(item => {
+				// -------- 现场安全监督检查通报信息模型 -----------
+				// 检查范围
+				if (item.prop === 'check_scope') {
+					item.options = bj_scope_application;
+				}
+				// 初复查标志
+				if (item.prop === 'initial_review_mark') {
+					item.options = bj_initial_review_mark;
+				}
+				// 报给机构
+				if (item.prop === 'report_to_institutions') {
+					item.options = bj_report_to_institutions;
+				}
+				// 滞留
+				if (item.prop === 'detain') {
+					item.options = bj_detain;
+				}
+				// 六个月无进出口港报告申请日期
+				if (item.prop === 'six_months_without_application_data') {
+					item.options = bj_six_months_without_application_data;
+				}
+				// 检查内容
+				if (item.prop === 'inspection_content') {
+					item.options = bj_inspection_content;
+				}
+			});
+			detailConfig.value = siteSafetySupervisionInspectionDetailConfig;
+
 			break;
 
 		default: