diff --git a/.env b/.env
index 79153fd..104e2c6 100644
--- a/.env
+++ b/.env
@@ -2,7 +2,7 @@ VITE_APP_TITLE=金融产品设计及数字化营销沙盘
 VITE_PORT=9520
 # VITE_PROXY=http://192.168.31.125:8080
 VITE_PUBLIC_PATH=./
-VITE_BASE_API=http://192.168.31.51:9000
+VITE_BASE_API=http://192.168.31.217:9000
 # VITE_BASE_API=http://121.37.12.51
 # VITE_BASE_API=https://www.occupationlab.com
 VITE_I18N_LOCALE=zh-cn
diff --git a/src/views/product/bank/Config.vue b/src/views/product/bank/Config.vue
index 01af00e..16de986 100644
--- a/src/views/product/bank/Config.vue
+++ b/src/views/product/bank/Config.vue
@@ -1088,11 +1088,8 @@ const addRecord = async (data: Record<string, any>) => {
     data.enterpriseMaterial && lcRule.push(handleId(1258, 48, data.enterpriseMaterial, preIds + ',113,124,1258', 1));
 
     form.borrowerMaterialSelectedStatus && lcRule.push(handleId(1294, 325, form.borrowerMaterialSelectedStatus, preIds + ',113,123,1294', 1));
-    const borrowerMaterial = [];
-    form.borrowerMaterial.forEach((e) => {
-      borrowerMaterial.push(e);
-    });
-    borrowerMaterial.length && lcRule.push(handleId(316, 47, borrowerMaterial.join(), preIds + ',113,123,316', 1));
+
+    data.borrowerMaterial && lcRule.push(handleId(316, 47, data.borrowerMaterial, preIds + ',113,123,316', 1));
 
     data.mortgagedPropertySelectedStatus && lcRule.push(handleId(1294, 325, data.mortgagedPropertySelectedStatus, preIds + ',113,125,1294', 1));
     data.collateral && lcRule.push(handleId(1259, 49, data.collateral, preIds + ',113,125,1259', 1));
@@ -1103,20 +1100,64 @@ const addRecord = async (data: Record<string, any>) => {
     data.runBatchObjectSelectedStatus && lcRule.push(handleId(1302, 327, data.runBatchObjectSelectedStatus, preIds + ',114,127,1302', 1));
     data.runBatchObject && lcRule.push(handleId(1261, 51, data.runBatchObject, preIds + ',114,127,1261', 1));
 
-    // data.accessPolicySelectedStatus && lcRule.push(handleId(1302, 327, data.accessPolicySelectedStatus, preIds + ',114,128,1302', 1));
-    // data.accessStrategy && lcRule.push(handleId(1262, 52, data.accessStrategy, preIds + ',114,128,1262', 1));
+    // 准入策略
+    const list1 = data.bankRiskControlAllocationTacticsList;
+    if (list1.length) {
+      const list = config.value[2].recordChildren[1].recordChildren;
+      list1[0].tacticsSelectedStatus && lcRule.push(handleId(1376, 327, list1[0].tacticsSelectedStatus, `${preIds},114,128,1369,1376`, 1));
+      list1[0].tacticsId &&
+        lcRule.push(handleId(1377, 331, list[0].blackList.find((e) => e.strategyId === list1[0].tacticsId)?.strategyName || '', `${preIds},114,128,1369,1377`, 3));
+
+      list1[1].tacticsSelectedStatus && lcRule.push(handleId(1378, 327, list1[1].tacticsSelectedStatus, `${preIds},114,128,1370,1378`, 1));
+      list1[1].tacticsId &&
+        lcRule.push(handleId(1379, 332, list[1].blackList.find((e) => e.strategyId === list1[1].tacticsId)?.strategyName || '', `${preIds},114,128,1370,1379`, 3));
+
+      list1[2].tacticsSelectedStatus && lcRule.push(handleId(1380, 327, list1[2].tacticsSelectedStatus, `${preIds},114,128,1371,1380`, 1));
+      list1[2].tacticsId &&
+        lcRule.push(handleId(1381, 333, list[2].blackList.find((e) => e.strategyId === list1[2].tacticsId)?.strategyName || '', `${preIds},114,128,1371,1381`, 3));
+
+      list1[3].tacticsSelectedStatus && lcRule.push(handleId(1382, 327, list1[3].tacticsSelectedStatus, `${preIds},114,128,1372,1382`, 1));
+      list1[3].tacticsId &&
+        lcRule.push(handleId(1383, 334, list[3].blackList.find((e) => e.strategyId === list1[3].tacticsId)?.strategyName || '', `${preIds},114,128,1372,1383`, 3));
+
+      list1[4].tacticsSelectedStatus && lcRule.push(handleId(1384, 327, list1[4].tacticsSelectedStatus, `${preIds},114,128,1373,1384`, 1));
+      list1[4].tacticsId &&
+        lcRule.push(handleId(1385, 335, list[4].blackList.find((e) => e.strategyId === list1[4].tacticsId)?.strategyName || '', `${preIds},114,128,1373,1385`, 3));
+
+      list1[5].tacticsSelectedStatus && lcRule.push(handleId(1386, 327, list1[5].tacticsSelectedStatus, `${preIds},114,128,1374,1386`, 1));
+      list1[5].tacticsId &&
+        lcRule.push(handleId(1387, 336, list[5].blackList.find((e) => e.strategyId === list1[5].tacticsId)?.strategyName || '', `${preIds},114,128,1374,1387`, 3));
+
+      list1[6].tacticsSelectedStatus && lcRule.push(handleId(1388, 327, list1[6].tacticsSelectedStatus, `${preIds},114,128,1375,1388`, 1));
+      list1[6].tacticsId &&
+        lcRule.push(handleId(1389, 337, list[6].blackList.find((e) => e.strategyId === list1[6].tacticsId)?.strategyName || '', `${preIds},114,128,1375,1389`, 3));
+    }
+
+    // 信用评分策略
+    const list2 = data.creditScoringStrategyList;
+    list2[0].tacticsSelectedStatus && lcRule.push(handleId(1307, 327, list2[0].tacticsSelectedStatus, `${preIds},114,129,1046,1307`, 1));
+    // list2[0].tacticsId && lcRule.push(handleId(1390, 339, list2[0].tacticsId, `${preIds},114,129,1046,1390`, 3));
+
+    list2[1].tacticsSelectedStatus && lcRule.push(handleId(1391, 327, list2[1].tacticsSelectedStatus, `${preIds},114,129,1047,1391`, 1));
+    // list2[1].tacticsId && lcRule.push(handleId(1392, 339, list2[1].tacticsId, `${preIds},114,129,1047,1392`, 3));
+
+    // 风险度策略
+    data.personalRiskDegreeStrategySelectedStatus && lcRule.push(handleId(1301, 327, data.personalRiskDegreeStrategySelectedStatus, preIds + ',114,130,1301', 1));
+    data.enterpriseRiskDegreeStrategySelectedStatus && lcRule.push(handleId(1393, 327, data.enterpriseRiskDegreeStrategySelectedStatus, preIds + ',114,130,1393', 1));
+
+    // 利率定价模型
+    const list3 = data.interestRatePricingModelList;
+    list3[0].tacticsSelectedStatus && lcRule.push(handleId(1398, 327, list3[0].tacticsSelectedStatus, `${preIds},114,131,1394,1398`, 1));
+    // list3[0].tacticsId && lcRule.push(handleId(1399, 339, list3[0].tacticsId, `${preIds},114,131,1394,1399`, 3));
 
-    // data.personalCreditScoringStrategySelectedStatus && lcRule.push(handleId(1306, 325, data.personalCreditScoringStrategySelectedStatus, preIds + ',114,129,1046,1306', 1));
-    // data.personalCreditScoringStrategies && lcRule.push(handleId(1307, 329, data.personalCreditScoringStrategies, preIds + ',114,129,1046,1307', 3));
-    // data.enterpriseCreditScoringStrategySelectedStatus && lcRule.push(handleId(1306, 325, data.enterpriseCreditScoringStrategySelectedStatus, preIds + ',114,129,1047,1306', 1));
-    // data.corporateCreditScoringStrategies && lcRule.push(handleId(1307, 329, data.corporateCreditScoringStrategies, preIds + ',114,129,1047,1307', 3));
+    list3[1].tacticsSelectedStatus && lcRule.push(handleId(1400, 327, list3[1].tacticsSelectedStatus, `${preIds},114,131,1395,1400`, 1));
+    // list3[1].tacticsId && lcRule.push(handleId(1401, 339, list3[1].tacticsId, `${preIds},114,131,1395,1401`, 3));
 
-    // data.riskDegreePolicySelectedStatus && lcRule.push(handleId(1302, 327, data.riskDegreePolicySelectedStatus, preIds + ',114,130,1302', 1));
-    // data.riskDegreeStrategy && lcRule.push(handleId(1301, 54, data.riskDegreeStrategy, preIds + ',114,130,1301', 1));
+    data.enterpriseQuotaModelSelectedStatus && lcRule.push(handleId(1402, 327, data.enterpriseQuotaModelSelectedStatus, preIds + ',114,131,1396,1402', 1));
+    data.enterpriseQuotaModel && lcRule.push(handleId(1403, 338, data.enterpriseQuotaModel, preIds + ',114,131,1396,1403', 1));
 
-    // data.individualCreditModelSelectedStatus && lcRule.push(handleId(1302, 327, data.individualCreditModelSelectedStatus, preIds + ',114,131,305,1302', 1));
-    // data.interestRatePricingModel && lcRule.push(handleId(1314, 55, data.interestRatePricingModel, preIds + ',114,131,305,1314', 1));
-    // data.individualInterestRateModel && lcRule.push(handleId(304, 327, data.individualInterestRateModel, preIds + ',114,131,304', 1));
+    list3[2].tacticsSelectedStatus && lcRule.push(handleId(1404, 327, list3[2].tacticsSelectedStatus, `${preIds},114,131,1397,1404`, 1));
+    // list3[2].tacticsId && lcRule.push(handleId(1405, 339, list3[2].tacticsId, `${preIds},114,131,1397,1405`, 3));
 
     data.dueDiligenceMode && lcRule.push(handleId(132, 56, data.dueDiligenceMode, preIds + ',115,132', 1));
     data.dueDiligenceContent && lcRule.push(handleId(133, 57, data.dueDiligenceContent, preIds + ',115,133', 1));
@@ -1139,9 +1180,6 @@ const addRecord = async (data: Record<string, any>) => {
 
     data.guaranteeContractSelectedStatus && lcRule.push(handleId(1273, 325, data.guaranteeContractSelectedStatus, preIds + ',118,139,309,1273', 1));
     data.guaranteeContract && lcRule.push(handleId(1272, 144, data.guaranteeContract, preIds + ',118,139,309,1272', 1));
-
-    // data.postLoanManagementSelectPolicySelectStatus && lcRule.push(handleId(1302, 327, data.postLoanManagementSelectPolicySelectStatus, preIds + ',119,140,1302', 1));
-    // data.selectionStrategy && lcRule.push(handleId(1315, 64, data.selectionStrategy, preIds + ',119,140,1315', 1));
   } else {
     data.provideMaterialSelectedStatus && lcRule.push(handleId(1294, 325, data.provideMaterialSelectedStatus, preIds + ',72,75,1294', 1));
     data.accountMaterials && lcRule.push(handleId(1295, 20, data.accountMaterials, preIds + ',72,75,1295', 1));
@@ -1151,11 +1189,8 @@ const addRecord = async (data: Record<string, any>) => {
     data.loanApplicationMethod && lcRule.push(handleId(1289, 22, data.loanApplicationMethod, preIds + ',73,77,1289', 1));
 
     form.borrowerMaterialSelectedStatus && lcRule.push(handleId(1294, 325, form.borrowerMaterialSelectedStatus, preIds + ',73,78,1294', 1));
-    const borrowerMaterial = [];
-    form.borrowerMaterial.forEach((e) => {
-      borrowerMaterial.push(e);
-    });
-    borrowerMaterial.length && lcRule.push(handleId(314, 23, borrowerMaterial.join(), preIds + ',73,78,314', 1));
+
+    data.borrowerMaterial && lcRule.push(handleId(314, 23, data.borrowerMaterial, preIds + ',73,78,314', 1));
 
     data.mateMaterialSelectedStatus && lcRule.push(handleId(1294, 325, data.mateMaterialSelectedStatus, preIds + ',73,79,1294', 1));
     data.mateMaterial && lcRule.push(handleId(1291, 24, data.mateMaterial, preIds + ',73,79,1291', 1));
@@ -1171,34 +1206,44 @@ const addRecord = async (data: Record<string, any>) => {
 
     // 准入策略
     const list1 = data.bankRiskControlAllocationTacticsList;
-    list1[0].tacticsSelectedStatus && lcRule.push(handleId(1325, 327, list1[0].tacticsSelectedStatus, `${preIds},74,83,1318,1325`, 1));
-    list1[0].tacticsId && lcRule.push(handleId(1326, 331, list1[0].blackList.find((e) => e.strategyId === list1[0].tacticsId)?.strategyName || '', `${preIds},74,83,1318,1326`, 3));
-
-    list1[1].tacticsSelectedStatus && lcRule.push(handleId(1327, 327, list1[1].tacticsSelectedStatus, `${preIds},74,83,1319,1327`, 1));
-    list1[1].tacticsId && lcRule.push(handleId(1328, 332, list1[1].blackList.find((e) => e.strategyId === list1[1].tacticsId)?.strategyName || '', `${preIds},74,83,1319,1328`, 3));
-
-    list1[2].tacticsSelectedStatus && lcRule.push(handleId(1329, 327, list1[2].tacticsSelectedStatus, `${preIds},74,83,1320,1329`, 1));
-    list1[2].tacticsId && lcRule.push(handleId(1330, 333, list1[2].blackList.find((e) => e.strategyId === list1[2].tacticsId)?.strategyName || '', `${preIds},74,83,1320,1330`, 3));
-
-    list1[3].tacticsSelectedStatus && lcRule.push(handleId(1331, 327, list1[3].tacticsSelectedStatus, `${preIds},74,83,1321,1331`, 1));
-    list1[3].tacticsId && lcRule.push(handleId(1332, 334, list1[3].blackList.find((e) => e.strategyId === list1[3].tacticsId)?.strategyName || '', `${preIds},74,83,1321,1332`, 3));
-
-    list1[4].tacticsSelectedStatus && lcRule.push(handleId(1333, 327, list1[4].tacticsSelectedStatus, `${preIds},74,83,1322,1333`, 1));
-    list1[4].tacticsId && lcRule.push(handleId(1334, 335, list1[4].blackList.find((e) => e.strategyId === list1[4].tacticsId)?.strategyName || '', `${preIds},74,83,1322,1334`, 3));
-
-    list1[5].tacticsSelectedStatus && lcRule.push(handleId(1335, 327, list1[5].tacticsSelectedStatus, `${preIds},74,83,1323,1335`, 1));
-    list1[5].tacticsId && lcRule.push(handleId(1336, 336, list1[5].blackList.find((e) => e.strategyId === list1[5].tacticsId)?.strategyName || '', `${preIds},74,83,1323,1336`, 3));
-
-    list1[6].tacticsSelectedStatus && lcRule.push(handleId(1337, 327, list1[6].tacticsSelectedStatus, `${preIds},74,83,1324,1337`, 1));
-    list1[6].tacticsId && lcRule.push(handleId(1338, 337, list1[6].blackList.find((e) => e.strategyId === list1[6].tacticsId)?.strategyName || '', `${preIds},74,83,1324,1338`, 3));
+    if (list1.length) {
+      const list = config.value[2].recordChildren[1].recordChildren;
+      list1[0].tacticsSelectedStatus && lcRule.push(handleId(1325, 327, list1[0].tacticsSelectedStatus, `${preIds},74,83,1318,1325`, 1));
+      list1[0].tacticsId &&
+        lcRule.push(handleId(1326, 331, list[0].blackList.find((e) => e.strategyId === list1[0].tacticsId)?.strategyName || '', `${preIds},74,83,1318,1326`, 3));
+
+      list1[1].tacticsSelectedStatus && lcRule.push(handleId(1327, 327, list1[1].tacticsSelectedStatus, `${preIds},74,83,1319,1327`, 1));
+      list1[1].tacticsId &&
+        lcRule.push(handleId(1328, 332, list[1].blackList.find((e) => e.strategyId === list1[1].tacticsId)?.strategyName || '', `${preIds},74,83,1319,1328`, 3));
+
+      list1[2].tacticsSelectedStatus && lcRule.push(handleId(1329, 327, list1[2].tacticsSelectedStatus, `${preIds},74,83,1320,1329`, 1));
+      list1[2].tacticsId &&
+        lcRule.push(handleId(1330, 333, list[2].blackList.find((e) => e.strategyId === list1[2].tacticsId)?.strategyName || '', `${preIds},74,83,1320,1330`, 3));
+
+      list1[3].tacticsSelectedStatus && lcRule.push(handleId(1331, 327, list1[3].tacticsSelectedStatus, `${preIds},74,83,1321,1331`, 1));
+      list1[3].tacticsId &&
+        lcRule.push(handleId(1332, 334, list[3].blackList.find((e) => e.strategyId === list1[3].tacticsId)?.strategyName || '', `${preIds},74,83,1321,1332`, 3));
+
+      list1[4].tacticsSelectedStatus && lcRule.push(handleId(1333, 327, list1[4].tacticsSelectedStatus, `${preIds},74,83,1322,1333`, 1));
+      list1[4].tacticsId &&
+        lcRule.push(handleId(1334, 335, list[4].blackList.find((e) => e.strategyId === list1[4].tacticsId)?.strategyName || '', `${preIds},74,83,1322,1334`, 3));
+
+      list1[5].tacticsSelectedStatus && lcRule.push(handleId(1335, 327, list1[5].tacticsSelectedStatus, `${preIds},74,83,1323,1335`, 1));
+      list1[5].tacticsId &&
+        lcRule.push(handleId(1336, 336, list[5].blackList.find((e) => e.strategyId === list1[5].tacticsId)?.strategyName || '', `${preIds},74,83,1323,1336`, 3));
+
+      list1[6].tacticsSelectedStatus && lcRule.push(handleId(1337, 327, list1[6].tacticsSelectedStatus, `${preIds},74,83,1324,1337`, 1));
+      list1[6].tacticsId &&
+        lcRule.push(handleId(1338, 337, list[6].blackList.find((e) => e.strategyId === list1[6].tacticsId)?.strategyName || '', `${preIds},74,83,1324,1338`, 3));
+    }
 
     // 信用评分策略
     const list2 = data.creditScoringStrategyList;
     list2[0].tacticsSelectedStatus && lcRule.push(handleId(1364, 327, list2[0].tacticsSelectedStatus, `${preIds},74,84,1304,1364`, 1));
-    list2[0].tacticsId && lcRule.push(handleId(1366, 327, list2[0].tacticsId, `${preIds},74,84,1304,1366`, 3));
+    // list2[0].tacticsId && lcRule.push(handleId(1366, 327, list2[0].tacticsId, `${preIds},74,84,1304,1366`, 3));
 
     list2[1].tacticsSelectedStatus && lcRule.push(handleId(1365, 327, list2[1].tacticsSelectedStatus, `${preIds},74,84,1305,1365`, 1));
-    list2[1].tacticsId && lcRule.push(handleId(1367, 339, list2[1].tacticsId, `${preIds},74,84,1305,1367`, 3));
+    // list2[1].tacticsId && lcRule.push(handleId(1367, 339, list2[1].tacticsId, `${preIds},74,84,1305,1367`, 3));
 
     // 风险度策略
     data.personalRiskDegreeStrategySelectedStatus && lcRule.push(handleId(1339, 327, data.personalRiskDegreeStrategySelectedStatus, preIds + '74,85,1339', 1));
@@ -1207,16 +1252,16 @@ const addRecord = async (data: Record<string, any>) => {
     // 利率定价模型
     const list3 = data.interestRatePricingModelList;
     list3[0].tacticsSelectedStatus && lcRule.push(handleId(1310, 327, list3[0].tacticsSelectedStatus, `${preIds},74,86,1308,1310`, 1));
-    list3[0].tacticsId && lcRule.push(handleId(1360, 339, list3[0].tacticsId, `${preIds},74,86,1308,1360`, 3));
+    // list3[0].tacticsId && lcRule.push(handleId(1360, 339, list3[0].tacticsId, `${preIds},74,86,1308,1360`, 3));
 
     list3[1].tacticsSelectedStatus && lcRule.push(handleId(1311, 327, list3[1].tacticsSelectedStatus, `${preIds},74,86,1309,1311`, 1));
-    list3[1].tacticsId && lcRule.push(handleId(1361, 339, list3[1].tacticsId, `${preIds},74,86,1309,1361`, 3));
+    // list3[1].tacticsId && lcRule.push(handleId(1361, 339, list3[1].tacticsId, `${preIds},74,86,1309,1361`, 3));
 
     data.enterpriseQuotaModelSelectedStatus && lcRule.push(handleId(1343, 327, data.enterpriseQuotaModelSelectedStatus, preIds + '74,86,1341,1343', 1));
     data.enterpriseQuotaModel && lcRule.push(handleId(1362, 338, data.enterpriseQuotaModel, preIds + ',74,86,1341,1362', 1));
 
     list3[2].tacticsSelectedStatus && lcRule.push(handleId(1344, 327, list3[2].tacticsSelectedStatus, `${preIds},74,86,1342,1344`, 1));
-    list3[2].tacticsId && lcRule.push(handleId(1363, 339, list3[2].tacticsId, `${preIds},74,86,1342,1363`, 3));
+    // list3[2].tacticsId && lcRule.push(handleId(1363, 339, list3[2].tacticsId, `${preIds},74,86,1342,1363`, 3));
 
     data.dueDiligenceMode && lcRule.push(handleId(88, 32, data.dueDiligenceMode, preIds + ',87,88', 1));
     data.dueDiligenceContent && lcRule.push(handleId(89, 33, data.dueDiligenceContent, preIds + ',87,89', 1));
diff --git a/src/views/product/bank/Info.vue b/src/views/product/bank/Info.vue
index 39748be..246c438 100644
--- a/src/views/product/bank/Info.vue
+++ b/src/views/product/bank/Info.vue
@@ -68,8 +68,21 @@
          class="text">贷款申请-提供材料-补充材料：{{ riskInfo?.supplementaryMaterials }}</p>
       <p v-if="riskInfo?.runBatchObject"
          class="text">系统跑批准入风控策略-跑批对象：{{ riskInfo?.runBatchObject }}</p>
-      <p v-if="riskInfo?.accessStrategy"
-         class="text">系统跑批准入风控策略-准入策略：{{ riskInfo?.accessStrategy }}</p>
+
+      <template v-if="info.bankRiskControlAllocationTacticsList && info.bankRiskControlAllocationTacticsList.length">
+        <p v-for="(item, i) in info.bankRiskControlAllocationTacticsList"
+           :key="i"
+           class="text flex">
+          系统跑批{{ item.pointName }}：{{ item.tacticsName }}
+
+          <img v-if="item.tacticsId"
+               src="@/assets/svgs/preview.svg"
+               alt=""
+               class="cursor-pointer ml-2"
+               @click="preview(item, i)">
+        </p>
+      </template>
+
       <p v-if="riskInfo?.personalCreditScoringStrategies"
          class="text">系统跑批准入风控策略-信用评分策略：{{ riskInfo?.personalCreditScoringStrategies }}</p>
       <p v-if="riskInfo?.riskDegreeStrategy"
@@ -135,18 +148,25 @@
       <p class="mb-2 text-sm text-[#333] text-right">审查员：{{ userName }}</p>
     </div>
   </div>
+
+  <el-drawer v-model="visible"
+             :title="curPreviewTitle"
+             size="100%"
+             custom-class="model-drawer">
+    <component :is="curPreview"
+               v-model:row="curRow"
+               disabled
+               :key="curRow.strategyId" />
+  </el-drawer>
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, defineExpose } from 'vue';
+import { ref, computed, watch, defineExpose, defineAsyncComponent, getCurrentInstance } from 'vue';
 import { findById, approvalRecord } from '@/api/bank';
 import { useRouter, useRoute } from 'vue-router';
 import { getStatus } from '@/store/useProduct';
 import { getUsername } from '@/utils/common';
 
-// const props = defineProps({
-//   tab: String,
-// });
 const emit = defineEmits(['updateAudits']);
 const router = useRouter();
 const route = useRoute();
@@ -156,6 +176,29 @@ const riskInfo = ref<Record<string, any>>(null);
 const approvals = ref<Record<string, any>[]>([]);
 const userName = ref<string>();
 
+const visible = ref<boolean>(false);
+const curRow = ref<Record<string, any>>();
+const curPreview = ref<string>('150');
+const curPreviewTitle = ref<string>();
+const assessNames = ['政务黑名单', '征信黑名单', '商采黑名单', '行内黑名单', '企业黑名单', '反欺诈策略', '负面行业黑名单策略'];
+const dynamicComponentMap = {
+  '150': defineAsyncComponent(() => import('../strategy/150/Detail.vue')),
+  '151': defineAsyncComponent(() => import('../strategy/151/Detail.vue')),
+  '152': defineAsyncComponent(() => import('../strategy/152/Detail.vue')),
+  '153': defineAsyncComponent(() => import('../strategy/153/Detail.vue')),
+  '154': defineAsyncComponent(() => import('../strategy/154/Detail.vue')),
+  '155': defineAsyncComponent(() => import('../strategy/155/Detail.vue')),
+  '156': defineAsyncComponent(() => import('../strategy/156/Detail.vue')),
+  // '148': defineAsyncComponent(() => import('./Credit.vue')),
+  // '702': defineAsyncComponent(() => import('./Risk1.vue')),
+  // '703': defineAsyncComponent(() => import('./Risk2.vue')),
+  // '704': defineAsyncComponent(() => import('./Risk3.vue')),
+};
+const app = getCurrentInstance().appContext.app;
+for (const [name, asyncComponent] of Object.entries(dynamicComponentMap)) {
+  app.component(name, asyncComponent);
+}
+
 // 详情
 const getDetail = async () => {
   userName.value = await getUsername();
@@ -185,6 +228,17 @@ watch(
   },
 );
 
+// 预览策略
+const preview = (row: Record<string, any>, i: number) => {
+  curRow.value = {
+    strategyId: row.tacticsId,
+    strategyName: row.tacticsName,
+  };
+  curPreview.value = Object.keys(dynamicComponentMap)[i];
+  curPreviewTitle.value = `查看${assessNames[i]}策略`;
+  visible.value = true;
+};
+
 defineExpose({
   info,
 });
diff --git a/src/views/product/strategy/CardList.vue b/src/views/product/strategy/CardList.vue
index cd6b0ec..2d3b06e 100644
--- a/src/views/product/strategy/CardList.vue
+++ b/src/views/product/strategy/CardList.vue
@@ -62,11 +62,11 @@ const getList = async () => {
   list.value = process;
 };
 onMounted(getList);
-onBeforeUnmount(() => {
-  console.log('🚀 ~ onBeforeUnmount ~ app:', app);
-  app.component('148', null);
-  app.component('150', null);
-});
+// onBeforeUnmount(() => {
+//   console.log('🚀 ~ onBeforeUnmount ~ app:', app);
+//   app.component('148', null);
+//   app.component('150', null);
+// });
 const handleSelect = (key: string) => {
   curMenu.value = key;
   router.push(`/product/strategy?i=${route.query.i}&role=${route.query.role}&id=${key}`);