From 8e63fe4b83807e3e460f5ca85b1f1c99806fd0ff Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Thu, 2 Nov 2023 15:54:30 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A9=E7=8E=87=E6=A8=A1=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                        |   4 +-
 src/api/model.ts                            |   8 +-
 src/styles/index.scss                       |   4 +
 src/views/config/level/Index.vue            |  22 +-
 src/views/product/interestRate/772.vue      |  25 +-
 src/views/product/interestRate/773.vue      |  15 +-
 src/views/product/interestRate/935.vue      | 258 +++++++++++++++++
 src/views/product/interestRate/936.vue      | 306 ++++++++++++++++++++
 src/views/product/interestRate/CardList.vue |  30 +-
 9 files changed, 621 insertions(+), 51 deletions(-)
 create mode 100644 src/views/product/interestRate/935.vue
 create mode 100644 src/views/product/interestRate/936.vue

diff --git a/.env b/.env
index 783e5c0..0c43f01 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.217:9000
-VITE_BASE_API=http://121.37.12.51
+VITE_BASE_API=http://192.168.31.51:9000
+# VITE_BASE_API=http://121.37.12.51
 VITE_I18N_LOCALE=zh-cn
 VITE_I18N_FALLBACK_LOCALE=zh-cn
diff --git a/src/api/model.ts b/src/api/model.ts
index 8f25ead..bba6cb6 100644
--- a/src/api/model.ts
+++ b/src/api/model.ts
@@ -45,12 +45,12 @@ export const detailRick = async (data: Record<string, any>): Promise<any> =>
   (await axios.post(`/product/riskDegreeStrategy/details?checkpointId=${data.checkpointId}&projectId=${data.projectId}&type=${data.type}`)).data;
 export const saveRick = async (data: Record<string, any>): Promise<any> => (await axios.post(`/product/riskDegreeStrategy/saveOrUpdate`, data)).data;
 
-export const businessInterestRateDetails = async (data: Record<string, any>): Promise<any> =>
-  (await axios.post(`/product/interestRateModel/businessInterestRateDetails?checkpointId=${data.checkpointId}&projectId=${data.projectId}`)).data;
+export const businessInterestRateDetails = async (checkpointId: number, projectId: number): Promise<any> =>
+  (await axios.post(`/product/interestRateModel/businessInterestRateDetails?checkpointId=${checkpointId}&projectId=${projectId}`)).data;
 export const businessInterestRateSaveOrUpdate = async (data: Record<string, any>): Promise<any> =>
   (await axios.post(`/product/interestRateModel/businessInterestRateSaveOrUpdate`, data)).data;
-export const personalInterestRateDetails = async (data: Record<string, any>): Promise<any> =>
-  (await axios.post(`/product/interestRateModel/personalInterestRateDetails?checkpointId=${data.checkpointId}&projectId=${data.projectId}`)).data;
+export const personalInterestRateDetails = async (checkpointId: number, projectId: number): Promise<any> =>
+  (await axios.post(`/product/interestRateModel/personalInterestRateDetails?checkpointId=${checkpointId}&projectId=${projectId}`)).data;
 export const personalInterestRateSaveOrUpdate = async (data: Record<string, any>): Promise<any> =>
   (await axios.post(`/product/interestRateModel/personalInterestRateSaveOrUpdate`, data)).data;
 
diff --git a/src/styles/index.scss b/src/styles/index.scss
index cc47c08..aab7a16 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -101,5 +101,9 @@ body {
     .icon {
       @apply mr-[8px];
     }
+    &.not-allow {
+      background: none;
+      @apply cursor-not-allowed bg-[#b1b1b1];
+    }
   }
 }
diff --git a/src/views/config/level/Index.vue b/src/views/config/level/Index.vue
index e6565cb..16b5945 100644
--- a/src/views/config/level/Index.vue
+++ b/src/views/config/level/Index.vue
@@ -19,9 +19,10 @@
                class="icon" />
         </div>
         <el-popconfirm :title="delTitle"
+                       :disabled="!multipleSelection.length"
                        @confirm.stop="delAll">
           <template #reference>
-            <div class="add-btn mr-2">
+            <div :class="['add-btn mr-2', {'cursor-not-allowed': !multipleSelection.length}]">
               <el-icon :size="24"
                        color="#fff">
                 <Delete />
@@ -93,15 +94,15 @@
                         placeholder="请输入关卡名称"
                         v-model="row.customsPassName"></el-input>
               <span v-else>{{ row.customsPassName }}</span>
-              <el-icon class="mx-2 cursor-pointer"
+              <el-icon v-if="!row.editing"
+                       class="mx-2 cursor-pointer"
                        :size="16"
                        color="#877c7c"
                        @click="edit(row)">
-                <Check v-if="row.editing" />
-                <Edit v-else />
+                <Edit />
               </el-icon>
               <el-icon v-if="row.editing"
-                       class="cursor-pointer"
+                       class="ml-2 cursor-pointer"
                        :size="16"
                        color="#877c7c"
                        @click="cancel(row)">
@@ -122,7 +123,8 @@
             <el-switch v-if="row.checkpointId"
                        v-model="row.isEnable"
                        :active-value="1"
-                       :inactive-value="0" />
+                       :inactive-value="0"
+                       @change="hadChange = 1;" />
           </template>
         </el-table-column>
         <el-table-column label="操作"
@@ -141,7 +143,7 @@
       </el-table>
     </div>
     <div class="filter flex justify-end mt-3">
-      <div class="add-btn"
+      <div :class="['add-btn', {'not-allow': !hadChange}]"
            @click="save"
            v-loading="saveLoading">
         保存
@@ -163,7 +165,7 @@ const router = useRouter();
 const route = useRoute();
 const projectId = +Cookies.get('sand-projectId');
 const levelId = +Cookies.get('sand-level');
-const height = window.innerHeight - 270;
+const hadChange = ref<number>(0);
 const delTitle: string = '删除关卡后，这个关卡的数据将被删除，确定删除吗？';
 const params = reactive({
   platformId: 3,
@@ -221,11 +223,12 @@ const save = async () => {
     });
   await updatePass(param);
   // 新增
-  const addList = list.value.filter((e) => !e.checkpointId);
+  const addList = list.value.filter((e) => !e.checkpointId && e.customsPassName);
   await savePass(addList);
   getList();
   ElMessage.success('保存成功！');
   saveLoading.value = false;
+  hadChange.value = 0;
 };
 // 输入序号排序
 const submitSerial = (row: Record<string, any>, oldIndex: number, newIndex: number) => {
@@ -233,6 +236,7 @@ const submitSerial = (row: Record<string, any>, oldIndex: number, newIndex: numb
     const temp = list.value.splice(oldIndex, 1);
     row.serialNumber = newIndex;
     list.value.splice(newIndex - 1, 0, temp[0]);
+    hadChange.value = 1;
   }
 };
 // 多选
diff --git a/src/views/product/interestRate/772.vue b/src/views/product/interestRate/772.vue
index 89167e0..f137ddf 100644
--- a/src/views/product/interestRate/772.vue
+++ b/src/views/product/interestRate/772.vue
@@ -240,18 +240,7 @@ const span = ({ row, column, rowIndex, columnIndex }: SpanMethodProps) => {
     }
   }
 };
-// 提交
-const submit = async () => {
-  let param = JSON.parse(JSON.stringify(form.value));
-  param?.individualCreditModels.forEach((e, i) => {
-    delete e.recordChildren;
-    delete e.subject;
-  });
-  await personalCreditModelSaveOrUpdate(param);
-  addRecord(param);
-  getDetail();
-  ElMessage.success('提交成功！');
-};
+
 const getItemId = (name: string): number | string => {
   if (!name) return '';
   return formProcess.value[0]?.recordChildren[0]?.subject?.itemList.find((e) => e.options === name)?.itemId;
@@ -289,6 +278,18 @@ const addRecord = async (data: Record<string, any>) => {
     projectId,
   });
 };
+// 提交
+const submit = async () => {
+  const param = JSON.parse(JSON.stringify(form.value));
+  param?.individualCreditModels.forEach((e, i) => {
+    delete e.recordChildren;
+    delete e.subject;
+  });
+  await personalCreditModelSaveOrUpdate(param);
+  addRecord(param);
+  getDetail();
+  ElMessage.success('提交成功！');
+};
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/product/interestRate/773.vue b/src/views/product/interestRate/773.vue
index e22e7ab..18ef1fb 100644
--- a/src/views/product/interestRate/773.vue
+++ b/src/views/product/interestRate/773.vue
@@ -132,14 +132,6 @@ onMounted(() => {
   getDetail();
 });
 
-// 提交
-const submit = async () => {
-  let param = JSON.parse(JSON.stringify(form.value));
-  await businessQuotaModelSaveOrUpdate(param);
-  addRecord(param);
-  getDetail();
-  ElMessage.success('提交成功！');
-};
 const getItemId = (name: string): number | string => {
   if (!name) return '';
   return info.value[0]?.recordChildren[0]?.subject?.itemList.find((e) => e.options === name)?.itemId;
@@ -164,6 +156,13 @@ const addRecord = async (data: Record<string, any>) => {
     projectId,
   });
 };
+// 提交
+const submit = async () => {
+  await businessQuotaModelSaveOrUpdate(form.value);
+  addRecord(form.value);
+  getDetail();
+  ElMessage.success('提交成功！');
+};
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/product/interestRate/935.vue b/src/views/product/interestRate/935.vue
new file mode 100644
index 0000000..0a98c74
--- /dev/null
+++ b/src/views/product/interestRate/935.vue
@@ -0,0 +1,258 @@
+<template>
+  <!-- 个人利率模型 -->
+  <el-form label-width="100px"
+           class="form"
+           status-icon>
+    <el-form-item label="利率模型">
+      <el-table class="c-table"
+                :data="form.individualInterestRateModels"
+                :span-method="span"
+                border>
+        <el-table-column prop="indexName"
+                         label="指标名称"
+                         min-width="100"
+                         align="center">
+          <template #default="{ row, $index }">
+            <span :class="{'text-[#006bff]': !$index}">{{ row?.indexName }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="描述"
+                         min-width="150">
+          <template #default="{ row, $index }">
+            <span :class="{'text-[#006bff]': !$index}">{{ row?.description }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="分值"
+                         min-width="150">
+          <template #default="{ row, $index }">
+            <el-select v-if="$index !== 12 && $index !== 13"
+                       class="w-full"
+                       v-model="row.score">
+              <el-option v-for="item in row?.subject?.itemList"
+                         :key="item"
+                         :value="item.options" />
+            </el-select>
+            <el-input v-else
+                      placeholder="请输入"
+                      v-model="row.score"></el-input>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-form-item>
+
+    <el-form-item :label="formProcess[0]?.name">
+      <div class="flex-1">
+        <p class="mb-1">{{ formProcess[0]?.recordChildren[0]?.name }}</p>
+        <el-select v-model="form.finalFloatingRatioEqual"
+                   clearable>
+          <el-option v-for="item in formProcess[0]?.recordChildren[0]?.subject?.itemList"
+                     :key="item"
+                     :value="item.options" />
+        </el-select>
+        <p class="mt-3 mb-1">{{ formProcess[0]?.recordChildren[1]?.name }}</p>
+        <el-select v-model="form.finalFloatingRatioLess"
+                   clearable>
+          <el-option v-for="item in formProcess[0]?.recordChildren[1]?.subject?.itemList"
+                     :key="item"
+                     :value="item.options" />
+        </el-select>
+        <p class="mt-3 mb-1">{{ formProcess[0]?.recordChildren[2]?.name }}</p>
+        <el-select v-model="form.finalFloatingRatioGreater"
+                   clearable>
+          <el-option v-for="item in formProcess[0]?.recordChildren[2]?.subject?.itemList"
+                     :key="item"
+                     :value="item.options" />
+        </el-select>
+      </div>
+    </el-form-item>
+
+    <el-form-item :label="formProcess[1]?.name">
+      <div class="flex-1">
+        <p class="mb-1">{{ formProcess[1]?.recordChildren[0]?.name }}</p>
+        <el-select v-model="form.finalInterestRateEqual">
+          <el-option v-for="item in formProcess[1]?.recordChildren[0]?.subject?.itemList"
+                     :key="item"
+                     :value="item.options" />
+        </el-select>
+      </div>
+    </el-form-item>
+  </el-form>
+
+  <div class="flex justify-end">
+    <div class="submit"
+         @click="submit">确认完成配置</div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { ElMessage } from 'element-plus';
+import { personalInterestRateDetails, personalInterestRateSaveOrUpdate } from '@/api/model';
+import { getProcessInformationBasedOnRoles, addOperation } from '@/api/judgment';
+import type { TableColumnCtx } from 'element-plus';
+import { useRouter, useRoute } from 'vue-router';
+import { handleId } from '@/utils/common';
+import Cookies from 'js-cookie';
+
+const router = useRouter();
+const route = useRoute();
+const projectId = +Cookies.get('sand-projectId');
+const levelId = +Cookies.get('sand-level');
+const form = ref<Record<string, any>>({
+  projectId,
+  checkpointId: levelId,
+  finalFloatingRatioEqual: '',
+  finalFloatingRatioGreater: '',
+  finalFloatingRatioLess: '',
+  finalInterestRateEqual: '',
+  type: 1,
+  individualInterestRateModels: [],
+});
+const formProcess = ref<Record<string, any>[]>([]);
+const info = ref<Record<string, any>[]>([]);
+const len = ref<number>(0);
+// 配置项
+const getConfig = async () => {
+  const { process } = await getProcessInformationBasedOnRoles(935);
+  formProcess.value = process.slice(1);
+  const list = process[0]?.recordChildren;
+  const result = [];
+  list?.forEach((e, i) => {
+    let temp = {
+      indexName: e.name,
+      recordChildren: e.recordChildren || [],
+      stRecordId: e.id,
+      ruleId: e.recordChildren ? e?.recordChildren[0]?.id : '',
+      description: e.recordChildren ? e?.recordChildren[0]?.name : e.remark || '--',
+      subject: e.recordChildren ? e?.recordChildren[0]?.subject : e.subject || [],
+      score: '',
+    };
+
+    result.push(temp);
+    e?.recordChildren?.forEach((n, j) => {
+      if (j) {
+        temp = JSON.parse(JSON.stringify(temp));
+        temp.description = n.name;
+        temp.subject = n.subject;
+        temp.ruleId = n.id;
+        result.push(temp);
+      }
+    });
+  });
+  len.value = result.length - 1;
+  if (info.value.length) {
+    result.forEach((e, i) => {
+      result[i].score = info.value[i].score;
+      result[i].id = info.value[i].id;
+      result[i].modelId = info.value[i].modelId;
+    });
+  }
+  form.value.individualInterestRateModels = result;
+  console.log('🚀 ~ file: 935.vue:173 ~ getConfig ~ result:', result);
+};
+// 详情
+const getDetail = async () => {
+  try {
+    const { data } = await personalInterestRateDetails(levelId, projectId);
+    if (data) {
+      form.value = data;
+      info.value = data.individualInterestRateModels;
+    }
+    getConfig();
+  } finally {
+  }
+};
+onMounted(() => {
+  getDetail();
+});
+
+interface SpanMethodProps {
+  row: Record<string, any>;
+  column: TableColumnCtx<Record<string, any>>;
+  rowIndex: number;
+  columnIndex: number;
+}
+// 表格合并
+const span = ({ row, column, rowIndex, columnIndex }: SpanMethodProps) => {
+  if (columnIndex === 0) {
+    if (rowIndex === 1) {
+      return {
+        rowspan: 5,
+        colspan: 1,
+      };
+    } else if (rowIndex === 6 || rowIndex === 9) {
+      return {
+        rowspan: 3,
+        colspan: 1,
+      };
+    } else if (!rowIndex || rowIndex === 12 || rowIndex === 13) {
+      return {
+        rowspan: 1,
+        colspan: 1,
+      };
+    } else {
+      return {
+        rowspan: 0,
+        colspan: 0,
+      };
+    }
+  }
+};
+
+const getItemId = (name: string): number | string => {
+  if (!name) return '';
+  return formProcess.value[0]?.recordChildren[0]?.subject?.itemList.find((e) => e.options === name)?.itemId;
+};
+
+// 新增判分记录
+const addRecord = async (data: Record<string, any>) => {
+  const preIds = `1,${Cookies.get('sand-level')},42,68,757,935`; // 1，关卡id，角色（这个页面是风控经理策略），其他看判分点接口
+  const rule: Array<Record<string, any>> = [];
+
+  const listIds = preIds + ',937';
+  form.value.individualInterestRateModels[0].score && rule.push(handleId(939, 273, 647, listIds + ',939', 1));
+  form.value.individualInterestRateModels.forEach((e, i) => {
+    if (i && i !== 12 && i !== 13 && e.subject) {
+      e.score && rule.push(handleId(e.ruleId, e.subject.subjectId, e?.subject?.itemList?.find((n) => n.options === e.score)?.itemId, `${listIds},${e.stRecordId},${e.ruleId}`, 1));
+    }
+  });
+  form.value.individualInterestRateModels[12].score && rule.push(handleId(954, 306, form.value.individualInterestRateModels[12].score, listIds + ',954', 3));
+  form.value.individualInterestRateModels[13].score && rule.push(handleId(955, 307, form.value.individualInterestRateModels[13].score, listIds + ',955', 3));
+
+  data.finalFloatingRatioEqual && rule.push(handleId(1024, 279, getItemId(data.finalFloatingRatioEqual), preIds + ',1023,1024', 1));
+  data.finalFloatingRatioLess && rule.push(handleId(1025, 279, getItemId(data.finalFloatingRatioLess), preIds + ',1023,1025', 1));
+  data.finalFloatingRatioGreater && rule.push(handleId(1026, 279, getItemId(data.finalFloatingRatioGreater), preIds + ',1023,1026', 1));
+  data.finalInterestRateEqual &&
+    rule.push(
+      handleId(1028, 280, formProcess.value[1]?.recordChildren[0]?.subject?.itemList.find((e) => e.options === data.finalInterestRateEqual)?.itemId, preIds + ',1027,1028', 1),
+    );
+
+  await addOperation({
+    checkpointId: levelId,
+    parentId: preIds,
+    lcJudgmentRuleReq: rule,
+    projectId,
+  });
+};
+// 提交
+const submit = async () => {
+  const param = JSON.parse(JSON.stringify(form.value));
+  param?.individualInterestRateModels.forEach((e, i) => {
+    delete e.recordChildren;
+    delete e.subject;
+  });
+  await personalInterestRateSaveOrUpdate(param);
+  addRecord(param);
+  getDetail();
+  ElMessage.success('提交成功！');
+};
+</script>
+
+<style lang="scss" scoped>
+@import url(../../../styles/form.scss);
+.c-table {
+  :deep(.el-input__inner) {
+    @apply px-2;
+  }
+}
+</style>
diff --git a/src/views/product/interestRate/936.vue b/src/views/product/interestRate/936.vue
new file mode 100644
index 0000000..7aa3efa
--- /dev/null
+++ b/src/views/product/interestRate/936.vue
@@ -0,0 +1,306 @@
+<template>
+  <!-- 企业利率模型 -->
+  <el-form label-width="100px"
+           class="form"
+           status-icon>
+    <el-form-item label="利率模型">
+      <el-table class="c-table"
+                :data="form.corporateInterestRateModelIndicators"
+                :span-method="span"
+                border>
+        <el-table-column prop="indexName"
+                         label="指标名称"
+                         min-width="100"
+                         align="center"></el-table-column>
+        <el-table-column prop="indexName"
+                         label="计算公式"
+                         min-width="100"
+                         align="center">
+          <template #default="{ row }">
+            <el-select v-if="row?.recordChildren?.length < 3"
+                       class="w-full"
+                       v-model="row.computationalFormula">
+              <el-option v-for="item in row.recordChildren[0]?.subject?.itemList"
+                         :key="item"
+                         :value="item.options" />
+            </el-select>
+            <span v-else>--</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="standard"
+                         label="标准"
+                         min-width="150"
+                         align="center"></el-table-column>
+        <el-table-column label="浮动系数"
+                         min-width="150">
+          <template #default="{ row }">
+            <el-select class="w-full"
+                       v-model="row.floatingCoefficient">
+              <el-option v-for="item in row?.subject?.itemList"
+                         :key="item"
+                         :value="item.options" />
+            </el-select>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-form-item>
+
+    <el-form-item :label="formProcess[0]?.name">
+      <div class="flex-1">
+        <p class="mb-1">{{ formProcess[0]?.recordChildren[0]?.name }}</p>
+        <el-select v-model="form.finalFloatingRatioEqual"
+                   clearable>
+          <el-option v-for="item in formProcess[0]?.recordChildren[0]?.subject?.itemList"
+                     :key="item"
+                     :value="item.options" />
+        </el-select>
+        <p class="mt-3 mb-1">{{ formProcess[0]?.recordChildren[1]?.name }}</p>
+        <el-select v-model="form.finalFloatingRatioLess"
+                   clearable>
+          <el-option v-for="item in formProcess[0]?.recordChildren[1]?.subject?.itemList"
+                     :key="item"
+                     :value="item.options" />
+        </el-select>
+        <p class="mt-3 mb-1">{{ formProcess[0]?.recordChildren[2]?.name }}</p>
+        <el-select v-model="form.finalFloatingRatioGreater"
+                   clearable>
+          <el-option v-for="item in formProcess[0]?.recordChildren[2]?.subject?.itemList"
+                     :key="item"
+                     :value="item.options" />
+        </el-select>
+      </div>
+    </el-form-item>
+
+    <el-form-item :label="formProcess[1]?.name">
+      <div class="flex-1">
+        <p class="mb-1">{{ formProcess[1]?.recordChildren[0]?.name }}</p>
+        <el-select v-model="form.finalInterestRateEqual">
+          <el-option v-for="item in formProcess[1]?.recordChildren[0]?.subject?.itemList"
+                     :key="item"
+                     :value="item.options" />
+        </el-select>
+      </div>
+    </el-form-item>
+  </el-form>
+
+  <div class="flex justify-end">
+    <div class="submit"
+         @click="submit">确认完成配置</div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { ElMessage } from 'element-plus';
+import { businessInterestRateDetails, businessInterestRateSaveOrUpdate } from '@/api/model';
+import { getProcessInformationBasedOnRoles, addOperation } from '@/api/judgment';
+import type { TableColumnCtx } from 'element-plus';
+import { useRouter, useRoute } from 'vue-router';
+import { handleId } from '@/utils/common';
+import Cookies from 'js-cookie';
+
+const router = useRouter();
+const route = useRoute();
+const projectId = +Cookies.get('sand-projectId');
+const levelId = +Cookies.get('sand-level');
+const form = ref<Record<string, any>>({
+  projectId,
+  checkpointId: levelId,
+  finalFloatingRatioEqual: '',
+  finalFloatingRatioGreater: '',
+  finalFloatingRatioLess: '',
+  finalInterestRateEqual: '',
+  type: 2,
+  corporateInterestRateModelIndicators: [],
+});
+const formProcess = ref<Record<string, any>[]>([]);
+const info = ref<Record<string, any>[]>([]);
+// 配置项
+const getConfig = async () => {
+  const { process } = await getProcessInformationBasedOnRoles(936);
+  formProcess.value = process.slice(1);
+  const list = process[0]?.recordChildren;
+  const result = [];
+  list?.forEach((e, i) => {
+    const children = e.recordChildren.length > 2 ? e.recordChildren : e.recordChildren[1]?.recordChildren;
+    let cur = info.value.length ? info.value[i] : {};
+    let temp = {
+      indexId: cur?.indexId || '',
+      modelId: cur?.modelId || '',
+      computationalFormula: cur?.computationalFormula || '',
+      indexName: e.name,
+      recordChildren: e.recordChildren || [],
+      stRecordId: e.id,
+      ruleId: children[0]?.id,
+      standard: children[0]?.name,
+      subject: children[0]?.subject,
+      floatingCoefficient: cur?.corporateInterestRateModels ? (cur?.corporateInterestRateModels[0].floatingCoefficient ?? '') + '' : '',
+      id: cur?.corporateInterestRateModels ? cur?.corporateInterestRateModels[0].id : '',
+    };
+
+    result.push(temp);
+    children.forEach((n, j) => {
+      if (j) {
+        cur = info.value.length ? info.value[i].corporateInterestRateModels[j] : {};
+        temp = JSON.parse(JSON.stringify(temp));
+        temp.standard = n.name;
+        temp.subject = n.subject;
+        temp.ruleId = n.id;
+        temp.floatingCoefficient = (cur?.floatingCoefficient ?? '') + '';
+        temp.id = cur?.id ?? '';
+        temp.rule = 1;
+        result.push(temp);
+      }
+    });
+  });
+  form.value.corporateInterestRateModelIndicators = result;
+};
+// 详情
+const getDetail = async () => {
+  try {
+    const { data } = await businessInterestRateDetails(levelId, projectId);
+    if (data) {
+      form.value = data;
+      info.value = data.corporateInterestRateModelIndicators;
+    }
+    getConfig();
+  } finally {
+  }
+};
+onMounted(() => {
+  getDetail();
+});
+
+interface SpanMethodProps {
+  row: Record<string, any>;
+  column: TableColumnCtx<Record<string, any>>;
+  rowIndex: number;
+  columnIndex: number;
+}
+const rowMerge1 = [0, 16];
+const rowMerge2 = [11, 20, 25, 30, 35, 40];
+// 表格合并
+const span = ({ row, column, rowIndex, columnIndex }: SpanMethodProps) => {
+  if (!columnIndex || columnIndex === 1) {
+    if (rowMerge1.includes(rowIndex)) {
+      return {
+        rowspan: 4,
+        colspan: 1,
+      };
+    } else if (rowMerge2.includes(rowIndex)) {
+      return {
+        rowspan: 5,
+        colspan: 1,
+      };
+    } else if (rowIndex === 4) {
+      return {
+        rowspan: 7,
+        colspan: 1,
+      };
+    } else if (rowIndex === 45) {
+      return {
+        rowspan: 6,
+        colspan: 1,
+      };
+    } else {
+      return {
+        rowspan: 0,
+        colspan: 0,
+      };
+    }
+  }
+};
+
+const getItemId = (name: string): number | string => {
+  if (!name) return '';
+  return formProcess.value[0]?.recordChildren[0]?.subject?.itemList.find((e) => e.options === name)?.itemId;
+};
+
+// 新增判分记录
+const addRecord = async (data: Record<string, any>) => {
+  const preIds = `1,${Cookies.get('sand-level')},42,68,757,936`; // 1，关卡id，角色（这个页面是风控经理策略），其他看判分点接口
+  const rule: Array<Record<string, any>> = [];
+
+  const listIds = preIds + ',938';
+  form.value.corporateInterestRateModelIndicators.forEach((e, i) => {
+    // 浮动系数
+    e.floatingCoefficient &&
+      rule.push(
+        handleId(
+          e.ruleId,
+          e.subject.subjectId,
+          e?.subject?.itemList?.find((n) => n.options === e.floatingCoefficient)?.itemId,
+          `${listIds},${e.stRecordId}${e.recordChildren.length > 2 ? '' : ',' + e.recordChildren[1].id},${e.ruleId}`,
+          1,
+        ),
+      );
+
+    // 计算公式
+    e.computationalFormula &&
+      !e.rule &&
+      rule.push(
+        handleId(
+          e.recordChildren[0].id,
+          e.recordChildren[0].subjectId,
+          e.recordChildren[0]?.subject?.itemList?.find((n) => n.options === e.computationalFormula)?.itemId,
+          `${listIds},${e.stRecordId},${e.recordChildren[0].id}`,
+          1,
+        ),
+      );
+  });
+
+  data.finalFloatingRatioEqual && rule.push(handleId(1024, 279, getItemId(data.finalFloatingRatioEqual), preIds + ',1023,1024', 1));
+  data.finalFloatingRatioLess && rule.push(handleId(1025, 279, getItemId(data.finalFloatingRatioLess), preIds + ',1023,1025', 1));
+  data.finalFloatingRatioGreater && rule.push(handleId(1026, 279, getItemId(data.finalFloatingRatioGreater), preIds + ',1023,1026', 1));
+  data.finalInterestRateEqual &&
+    rule.push(
+      handleId(1028, 280, formProcess.value[1]?.recordChildren[0]?.subject?.itemList.find((e) => e.options === data.finalInterestRateEqual)?.itemId, preIds + ',1027,1028', 1),
+    );
+
+  await addOperation({
+    checkpointId: levelId,
+    parentId: preIds,
+    lcJudgmentRuleReq: rule,
+    projectId,
+  });
+};
+// 提交
+const submit = async () => {
+  const param = JSON.parse(JSON.stringify(form.value));
+  const list = [];
+  param.corporateInterestRateModelIndicators.forEach((e, i) => {
+    const temp = {
+      floatingCoefficient: e.floatingCoefficient,
+      standard: e.standard,
+      id: e.id,
+      indexId: e.indexId,
+    };
+    if (e.rule) {
+      list.find((n) => n.indexName === e.indexName).corporateInterestRateModels.push(temp);
+    } else {
+      list.push({
+        indexId: e.indexId,
+        modelId: e.modelId,
+        computationalFormula: e.computationalFormula,
+        indexName: e.indexName,
+        corporateInterestRateModels: [temp],
+      });
+    }
+  });
+  param.corporateInterestRateModelIndicators = list;
+  param.type = 2;
+  await businessInterestRateSaveOrUpdate(param);
+  addRecord(param);
+  getDetail();
+  ElMessage.success('提交成功！');
+};
+</script>
+
+<style lang="scss" scoped>
+@import url(../../../styles/form.scss);
+.c-table {
+  :deep(.el-input__inner) {
+    @apply px-2;
+  }
+}
+</style>
diff --git a/src/views/product/interestRate/CardList.vue b/src/views/product/interestRate/CardList.vue
index 51886b4..25884b5 100644
--- a/src/views/product/interestRate/CardList.vue
+++ b/src/views/product/interestRate/CardList.vue
@@ -25,24 +25,23 @@
       </el-tab-pane>
       <el-tab-pane label="利率模型"
                    name="tab2">
-        <!-- <div class="flex">
+        <div class="flex">
           <div class="left w-[241px] min-w-[241px] pr-5 py-4">
             <ul class="products">
-              <li v-for="(item, i) in list2"
+              <li v-for="(item, i) in list[1]?.recordChildren"
                   :key="i"
-                  :class="{ active: item.id === riskId }"
-                  @click="switchProductRisk(item.id)">
+                  :class="{ active: item.id === id }"
+                  @click="switchProduct(item.id)">
                 <h6>{{ item.name }}</h6>
-                <p class="mt-2 des">{{ item.remark }}</p>
+                <p class="type">{{ item.remark }}</p>
               </li>
             </ul>
           </div>
           <div class="right flex-1 px-5 pt-2">
-            <Risk1 v-if="riskId === 702" />
-            <Risk2 v-else-if="riskId === 703" />
-            <Risk3 v-else-if="riskId === 704" />
+            <Com3 v-if="id == 935" />
+            <Com4 v-else-if="id == 936" />
           </div>
-        </div> -->
+        </div>
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -52,26 +51,24 @@
 import { computed, onMounted, ref } from 'vue';
 import type { TabsPaneContext } from 'element-plus';
 import { getProcessInformationBasedOnRoles } from '@/api/judgment';
-import { delCredit, listCredit } from '@/api/model';
 import { useRouter, useRoute } from 'vue-router';
-import { ElMessage } from 'element-plus';
 import Cookies from 'js-cookie';
 import Com1 from './772.vue';
 import Com2 from './773.vue';
+import Com3 from './935.vue';
+import Com4 from './936.vue';
 
 const router = useRouter();
 const route = useRoute();
 const projectId = +Cookies.get('sand-projectId');
 const levelId = +Cookies.get('sand-level');
-const curTab = computed(() => route.params.action);
+const curTab = ref<string>(route.params.action);
 const list = ref<Array<Record<string, any>>>([]);
-const list1 = ref<Array<Record<string, any>>>([]);
 const id = computed(() => +route.query.id);
-const creditId = computed(() => +route.query.creditId);
 
 // 切换
-const switchProduct = (id: number) => {
-  router.push(`/product/interestRate/${route.params.action}?&i=3&role=42&id=${id}`);
+const switchProduct = (productId: number | string) => {
+  router.push(`/product/interestRate/${route.params.action}?i=3&role=42&id=${productId}`);
 };
 // 列表
 const getList = async (refresh?: number) => {
@@ -86,6 +83,7 @@ onMounted(() => {
 
 // tab切换回调
 const tabChange = (tab: TabsPaneContext, event: Event) => {
+  router.push(`/product/interestRate/${curTab.value}?i=3&role=42`);
   getList();
 };
 </script>