CMC修改

src/views/finance/commercialControlList/components/sanctionsOverview/components/introductionPage/index.vue

@@ -4,7 +4,7 @@
 			<div class="left-top">
 				<AnalysisBox title="基本信息" :showAllBtn="false">
 					<div class="left-top-main">
-						<div class="left-top-main-title">{{ CCLInfo.description }}</div>
+						<div class="left-top-main-title">{{ CCLInfo.name + CCLInfo.description }}</div>
 						<div class="left-top-main-content">
 							<div class="content-item">
 								<span class="label">法律依据：</span>

src/views/finance/commercialControlList/components/sanctionsOverview/index.vue

@@ -5,81 +5,80 @@
  * @LastEditTime: 2026-01-07 09:58:04
 -->
 <template>
-  <div class="sanctions-overview">
-    <div class="side-nav">
-        <div v-for="(item, index) in activeTab" :key="index" class="tab-item" :class="{'active': index === activeIndex}" @click="activeIndex = index">
-            {{item}}
-            <span v-if="index === activeIndex" class="arrow"></span>
-        </div>
-    </div>
-    <div class="content-box">
-        <introductionPage v-if="activeIndex === 0"></introductionPage>
-        <listPage v-if="activeIndex === 1"></listPage>
-    </div>
-  </div>
+	<div class="sanctions-overview">
+		<div class="side-nav">
+			<div
+				v-for="(item, index) in activeTab"
+				:key="index"
+				class="tab-item"
+				:class="{ active: index === activeIndex }"
+				@click="activeIndex = index"
+			>
+				{{ item }}
+				<span v-if="index === activeIndex" class="arrow"></span>
+			</div>
+		</div>
+		<div class="content-box">
+			<introductionPage v-if="activeIndex === 0"></introductionPage>
+			<listPage v-if="activeIndex === 1"></listPage>
+		</div>
+	</div>
 </template>
 
 <script setup>
-import { ref } from 'vue'
-import introductionPage from "./components/introductionPage/index.vue"
-import listPage from "./components/listPage/index.vue"
-
-const activeTab = ref(["CCL清单简介", "CCL清单列表"])
-const activeIndex = ref(0)
-
-
+import { ref } from "vue";
+import introductionPage from "./components/introductionPage/index.vue";
+import listPage from "./components/listPage/index.vue";
 
+const activeTab = ref(["CMC清单简介", "CMC清单列表"]);
+const activeIndex = ref(0);
 </script>
 
 <style scoped lang="scss">
-*{
-    margin: 0;
-    padding: 0;
-}
-.sanctions-overview{
-    width: 1601px;
-    margin: 0 auto;
-    position: relative;
-    // min-height: 800px;
-    .side-nav {
-      position: absolute;
-      top: 27px;
-      right: 100%;
-      margin-right: 12px;
-      display: flex;
-      flex-direction: column;
-      gap: 16px;
-      .tab-item {
-        cursor: pointer;
-        padding: 4px 20px;
-        border-radius: 22px;
-        font-size: 16px;
-        font-weight: 400;
-        font-family: "Microsoft YaHei";
-        line-height: 24px;
-        color: rgb(95, 101, 108);
-        white-space: nowrap;
-        display: flex;
-        align-items: center;
-        
-        &.active {
-          background-color: rgb(5, 95, 194);
-          color: #fff;
-          
-          .arrow {
-            display: inline-block;
-            width: 0;
-            height: 0;
-            border-top: 5px solid transparent;
-            border-bottom: 5px solid transparent;
-            border-left: 6px solid #fff;
-            margin-left: 8px;
-          }
-        }
-      }
-    }
-    .content-box {
-        width: 100%;
-    }
+.sanctions-overview {
+	width: 1601px;
+	margin: 0 auto;
+	position: relative;
+	// min-height: 800px;
+	.side-nav {
+		position: absolute;
+		top: 27px;
+		right: 100%;
+		margin-right: 12px;
+		display: flex;
+		flex-direction: column;
+		gap: 16px;
+		.tab-item {
+			cursor: pointer;
+			padding: 4px 20px;
+			border-radius: 22px;
+			font-size: 16px;
+			font-weight: 400;
+			font-family: "Microsoft YaHei";
+			line-height: 24px;
+			color: rgb(95, 101, 108);
+			white-space: nowrap;
+			display: flex;
+			align-items: center;
+
+			&.active {
+				background-color: rgb(5, 95, 194);
+				color: #fff;
+
+				.arrow {
+					display: inline-block;
+					width: 0;
+					height: 0;
+					border-top: 5px solid transparent;
+					border-bottom: 5px solid transparent;
+					border-left: 6px solid #fff;
+					margin-left: 8px;
+				}
+			}
+		}
+	}
+	.content-box {
+		width: 100%;
+	}
 }
 </style>

src/views/finance/commercialControlList/index.vue

@@ -55,21 +55,42 @@ import icon2Active from "../assets/icons/icon2_active.png";
 import icon3 from "../assets/icons/icon3.png";
 import icon3Active from "../assets/icons/icon3_active.png";
 
+import { getCCLInfo } from "@/api/exportControlV2.0.js";
+
 const route = useRoute();
 const sanTypeId = ref("");
 onMounted(() => {
 	// 获取路由参数sanTypeId
 	sanTypeId.value = route.query.sanTypeId;
 	console.log("CommercialControlList 页面接收到的 sanTypeId:", sanTypeId.value);
+	getCCLInfoFn();
 });
 
 const headerTitle = ref({
-	img: title,
-	title: "商业管制清单（CCL）",
-	titleEn: "Commercial Control List",
-	department: "美国商务部工业与安全局"
+	img: "",
+	title: "",
+	titleEn: "",
+	department: ""
 });
 
+const getCCLInfoFn = async () => {
+	try {
+		const res = await getCCLInfo(route.query.sanTypeId || 13);
+		if (res && res.code === 200) {
+			const info = res.data;
+			headerTitle.value = {
+				img: info.orgLogoUrl,
+				title: `${info.name}（${info.shortName}）`,
+				titleEn: info.originalName,
+				department: info.orgName
+			};
+			console.log("getCCLInfoFn", info);
+		}
+	} catch (error) {
+		console.error("获取商业管制清单基本信息失败:", error);
+	}
+};
+
 const activeIndex = ref(0);
 
 const headerNavList = ref([