贷后评分卡

src/views/product/afterLoan/1031.vue

@@ -0,0 +1,326 @@
+<template>
+  <!-- 贷后评分 -->
+  <el-table class="c-table"
+            :data="form"
+            :span-method="span"
+            border>
+    <el-table-column prop="recordName"
+                     label="指标"
+                     min-width="80"
+                     align="center"></el-table-column>
+    <el-table-column prop="recordName"
+                     label="公式/取值"
+                     min-width="200"
+                     align="center">
+      <template #default="{ row, $index }">
+        {{ $index }}
+        <div class="flex items-center">
+          <template v-if="$index === 1">
+            存贷比 =
+            <div class="inline-flex flex-col justify-center mx-2">
+              <el-select class="w-[140px]"
+                         v-model="row.formulaOne">
+                <el-option v-for="item in row?.recordChildren[0].subject.itemList"
+                           :key="item"
+                           :label="item.options"
+                           :value="item.itemId" />
+              </el-select>
+              <p class="h-[1px] my-2 bg-[#cdcdcd]"></p>
+              <el-select class="w-[140px]"
+                         v-model="row.formulaTwo">
+                <el-option v-for="item in row?.recordChildren[1].subject.itemList"
+                           :key="item"
+                           :label="item.options"
+                           :value="item.itemId" />
+              </el-select>
+            </div>
+            x 100%
+          </template>
+          <template v-if="$index === 6">
+            房屋净值 =
+            <el-select class="w-[140px] mx-2"
+                       v-model="row.formulaOne">
+              <el-option v-for="item in row?.recordChildren[0].subject.itemList"
+                         :key="item"
+                         :label="item.options"
+                         :value="item.itemId" />
+            </el-select>
+            -
+            <el-select class="w-[140px] ml-2"
+                       v-model="row.formulaTwo">
+              <el-option v-for="item in row?.recordChildren[1].subject.itemList"
+                         :key="item"
+                         :label="item.options"
+                         :value="item.itemId" />
+            </el-select>
+          </template>
+          <template v-if="$index === 9">
+            近
+            <el-input class="w-[80px] mx-2"
+                      v-model="row.formulaOne"></el-input>
+            <el-select class="w-[140px] mr-2"
+                       v-model="row.formulaTwo">
+              <el-option v-for="item in row?.recordChildren[1].subject.itemList"
+                         :key="item"
+                         :label="item.options"
+                         :value="item.itemId" />
+            </el-select>
+            内逾期次数。
+          </template>
+          <template v-if="$index === 13">
+            从
+            <el-select class="w-[140px] mx-2"
+                       v-model="row.formulaOne">
+              <el-option v-for="item in row?.recordChildren[0].subject.itemList"
+                         :key="item"
+                         :label="item.options"
+                         :value="item.itemId" />
+            </el-select>
+            开始算，还款当天不计算利息。
+          </template>
+          <template v-if="$index === 17">当前尚未偿还的贷款总额。</template>
+          <template v-if="$index === 20">
+            平均额度使用率 =
+            <div class="inline-flex flex-col justify-center mx-2">
+              <el-select class="w-[140px]"
+                         v-model="row.formulaOne">
+                <el-option v-for="item in row?.recordChildren[0].subject.itemList"
+                           :key="item"
+                           :label="item.options"
+                           :value="item.itemId" />
+              </el-select>
+              <p class="h-[1px] my-2 bg-[#cdcdcd]"></p>
+              <el-select class="w-[140px]"
+                         v-model="row.formulaTwo">
+                <el-option v-for="item in row?.recordChildren[1].subject.itemList"
+                           :key="item"
+                           :label="item.options"
+                           :value="item.itemId" />
+              </el-select>
+            </div>
+            x 100%
+          </template>
+          <template v-if="$index === 24">
+            最大用信率 =
+            <div class="inline-flex flex-col justify-center mx-2">
+              <el-select class="w-[140px]"
+                         v-model="row.formulaOne">
+                <el-option v-for="item in row?.recordChildren[0].subject.itemList"
+                           :key="item"
+                           :label="item.options"
+                           :value="item.itemId" />
+              </el-select>
+              <p class="h-[1px] my-2 bg-[#cdcdcd]"></p>
+              <el-select class="w-[140px]"
+                         v-model="row.formulaTwo">
+                <el-option v-for="item in row?.recordChildren[1].subject.itemList"
+                           :key="item"
+                           :label="item.options"
+                           :value="item.itemId" />
+              </el-select>
+            </div>
+            x 100%
+          </template>
+          <template v-if="$index === 28">到目前为止使用额度的次数。</template>
+          <template v-if="$index === 32">到目前为止客户可以使用的最大额度。</template>
+          <template v-if="$index === 37">客户贷记卡已经逾期的总月数。</template>
+          <template v-if="$index === 39">客户在行所有贷款已经逾期的总月数。</template>
+        </div>
+      </template>
+    </el-table-column>
+    <el-table-column prop="ruleName"
+                     label="取值"
+                     min-width="100"
+                     align="center"></el-table-column>
+    <el-table-column label="分数"
+                     min-width="80"
+                     align="center">
+      <template #default="{ row }">
+        <el-select v-if="row.subject"
+                   v-model="row.score">
+          <el-option v-for="item in row.subject.itemList"
+                     :key="item"
+                     :label="item.options"
+                     :value="item.itemId" />
+        </el-select>
+        <span v-else>600</span>
+      </template>
+    </el-table-column>
+  </el-table>
+
+  <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 { postCreditScoreDetails, postCreditScoreSave } from '@/api/model';
+import { getProcessInformationBasedOnRoles, addOperation } from '@/api/judgment';
+import type { TableColumnCtx } from 'element-plus';
+import { handleId } from '@/utils/common';
+import Cookies from 'js-cookie';
+
+const projectId = +Cookies.get('sand-projectId');
+const levelId = +Cookies.get('sand-level');
+const form = ref<Record<string, any>[]>([]);
+const info = ref<Record<string, any>[]>([]);
+// 配置项
+const getConfig = async () => {
+  const { process } = await getProcessInformationBasedOnRoles(1031);
+  const result = [
+    {
+      recordName: '基准分',
+    },
+  ];
+  process.map((e, i) => {
+    let temp = {
+      checkpointId: levelId,
+      projectId,
+      recordName: e.name,
+      recordChildren: e.recordChildren,
+      formulaOne: '',
+      formulaTwo: '',
+      score: '',
+      id: '',
+      stRecordId: e.id,
+      middleId: e.recordChildren[e.recordChildren.length - 1]?.id,
+    };
+    // 遍历“取值”这个流程
+    e.recordChildren[e.recordChildren.length - 1]?.recordChildren?.map((n, j) => {
+      temp = JSON.parse(JSON.stringify(temp));
+      temp.index = j;
+      temp.ruleName = n.name;
+      temp.subject = n.subject;
+      temp.ruleId = n.id;
+      result.push(temp);
+    });
+  });
+  if (info.value.length) {
+    result.forEach((e, i) => {
+      if (i) {
+        e.formulaOne = info.value[i - 1].formulaOne ? +info.value[i - 1].formulaOne : '';
+        e.indexId = info.value[i - 1].indexId;
+        e.formulaTwo = info.value[i - 1].formulaTwo ? +info.value[i - 1].formulaTwo : '';
+        e.score = info.value[i - 1].score ? +info.value[i - 1].score : '';
+      }
+    });
+  }
+  form.value = result;
+  console.log('🚀 ~ file: 1031.vue:83 ~ getConfig ~ result:', result);
+};
+// 详情
+const getDetail = async () => {
+  try {
+    const { data } = await postCreditScoreDetails(levelId, projectId);
+    info.value = data;
+    getConfig();
+  } finally {
+  }
+};
+
+interface SpanMethodProps {
+  row: Record<string, any>;
+  column: TableColumnCtx<Record<string, any>>;
+  rowIndex: number;
+  columnIndex: number;
+}
+const rowMerge1 = [1, 32];
+const rowMerge2 = [6, 17];
+const rowMerge3 = [9, 13, 20, 24, 28];
+const rowMerge4 = [37, 39];
+// 表格合并
+const span = ({ row, column, rowIndex, columnIndex }: SpanMethodProps) => {
+  if (!rowIndex) {
+    if (!columnIndex) {
+      return {
+        rowspan: 1,
+        colspan: 3,
+      };
+    } else if (columnIndex === 3) {
+      return {
+        rowspan: 1,
+        colspan: 1,
+      };
+    } else {
+      return {
+        rowspan: 0,
+        colspan: 0,
+      };
+    }
+  }
+
+  if (columnIndex < 2) {
+    if (rowMerge1.includes(rowIndex)) {
+      return {
+        rowspan: 5,
+        colspan: 1,
+      };
+    } else if (rowMerge2.includes(rowIndex)) {
+      return {
+        rowspan: 3,
+        colspan: 1,
+      };
+    } else if (rowMerge3.includes(rowIndex)) {
+      return {
+        rowspan: 4,
+        colspan: 1,
+      };
+    } else if (rowMerge4.includes(rowIndex)) {
+      return {
+        rowspan: 2,
+        colspan: 1,
+      };
+    } else {
+      return {
+        rowspan: 0,
+        colspan: 0,
+      };
+    }
+  }
+};
+// 新增判分记录
+const addRecord = async (data: Record<string, any>) => {
+  const preIds = `1,${Cookies.get('sand-level')},42,69,1031`; // 1，关卡id，角色（这个页面是风控经理策略）
+  const rule = [];
+
+  data.forEach((e, i) => {
+    e.score && rule.push(handleId(e.ruleId, e.subject.subjectId, e.score, `${preIds},${e.stRecordId},${e.middleId},${e.ruleId}`, 1));
+    if (i === 1 || i === 6 || i === 20 || i === 24) {
+      e.formulaOne && rule.push(handleId(1061, 285, e.formulaOne, `${preIds},${e.stRecordId},1061`, 1));
+      e.formulaTwo && rule.push(handleId(1062, 285, e.formulaTwo, `${preIds},${e.stRecordId},1062`, 1));
+    }
+  });
+  data[9].formulaOne && rule.push(handleId(1075, 288, data[9].formulaOne, `${preIds},1074,1075`, 3));
+  data[9].formulaTwo && rule.push(handleId(1076, 289, data[9].formulaTwo, `${preIds},1074,1076`, 1));
+  data[13].formulaOne && rule.push(handleId(1083, 291, data[13].formulaOne, `${preIds},1082,1083`, 1));
+
+  await addOperation({
+    checkpointId: levelId,
+    parentId: preIds,
+    lcJudgmentRuleReq: rule,
+    projectId,
+  });
+};
+// 提交
+const submit = async () => {
+  let param = JSON.parse(JSON.stringify(form.value));
+  const recordParam = JSON.parse(JSON.stringify(param));
+  param.map((e) => {
+    delete e.recordChildren;
+  });
+  await postCreditScoreSave({ postCreditScoreList: param });
+  addRecord(recordParam);
+  getDetail();
+  ElMessage.success('提交成功！');
+};
+onMounted(() => {
+  getDetail();
+});
+</script>
+
+<style lang="scss" scoped>
+@import url(../../../styles/form.scss);
+</style>

src/views/product/afterLoan/CardList.vue

@@ -16,6 +16,7 @@
       <div class="right flex-1 px-5 pt-4">
         <Com1 v-if="id == 1029" />
         <Com2 v-else-if="id == 1030" />
+        <Com3 v-else-if="id == 1031" />
         <Com4 v-else-if="id == 1032" />
         <Com5 v-else-if="id == 1033" />
       </div>
@@ -31,6 +32,7 @@ import { useRouter, useRoute } from 'vue-router';
 import Cookies from 'js-cookie';
 import Com1 from './1029.vue';
 import Com2 from './1030.vue';
+import Com3 from './1031.vue';
 import Com4 from './1032.vue';
 import Com5 from './1033.vue';