parent
978570f1e0
commit
1e031b35c1
12 changed files with 688 additions and 117 deletions
@ -0,0 +1,301 @@ |
||||
<template> |
||||
<!-- 个人额度模型 --> |
||||
<el-form label-width="80px" |
||||
class="form" |
||||
status-icon> |
||||
<h6 class="step-name mb-2">{{ formProcess[0]?.name }}</h6> |
||||
<el-form-item label="不超过"> |
||||
<el-select v-model="form.firstMode"> |
||||
<el-option v-for="item in formProcess[0]?.recordChildren[0]?.subject?.itemList" |
||||
:key="item" |
||||
:value="item.options" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
<h6 class="step-name mt-4 mb-2">{{ formProcess[1]?.name }}</h6> |
||||
<el-form-item label="不超过"> |
||||
<el-select v-model="form.secondMode"> |
||||
<el-option v-for="item in formProcess[1]?.recordChildren[0]?.subject?.itemList" |
||||
:key="item" |
||||
:value="item.options" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
<h6 class="step-name mt-4 mb-2">{{ formProcess[2]?.name }}</h6> |
||||
<el-form-item label="不超过"> |
||||
<el-select v-model="form.thirdMode"> |
||||
<el-option v-for="item in formProcess[2]?.recordChildren[0]?.subject?.itemList" |
||||
:key="item" |
||||
:value="item.options" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="且"></el-form-item> |
||||
<el-form-item label="不超过"> |
||||
<el-select v-model="form.andThird"> |
||||
<el-option v-for="item in formProcess[2]?.recordChildren[1]?.subject?.itemList" |
||||
:key="item" |
||||
:value="item.options" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="额度模型"> |
||||
<el-table class="c-table" |
||||
:data="form.individualCreditModels" |
||||
:span-method="span" |
||||
border> |
||||
<el-table-column prop="indexName" |
||||
label="指标名称" |
||||
min-width="100" |
||||
align="center"> |
||||
<template #default="{ row, $index }"> |
||||
<span :class="{'text-[#006bff]': !$index || $index === len}">{{ row?.indexName }}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="描述" |
||||
min-width="150"> |
||||
<template #default="{ row, $index }"> |
||||
<span :class="{'text-[#006bff]': !$index || $index === len}">{{ row?.description }}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="分值" |
||||
min-width="150"> |
||||
<template #default="{ row, $index }"> |
||||
<div v-if="$index !== len" |
||||
class="flex items-center"> |
||||
<span v-if="!$index" |
||||
class="mr-2 whitespace-nowrap">{{ row?.subject?.name }}</span> |
||||
<el-select v-model="row.score"> |
||||
<el-option v-for="item in row?.subject?.itemList" |
||||
:key="item" |
||||
:value="item.options" /> |
||||
</el-select> |
||||
</div> |
||||
<span v-else |
||||
class="text-[#006bff]">以上分值合计</span> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</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 { personalCreditModelDetails, personalCreditModelSaveOrUpdate } 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, |
||||
andThird: '', |
||||
firstMode: '', |
||||
secondMode: '', |
||||
thirdMode: '', |
||||
type: 1, |
||||
individualCreditModels: [], |
||||
}); |
||||
const formProcess = ref<Record<string, any>[]>([]); |
||||
const info = ref<Record<string, any>[]>([]); |
||||
const len = ref<number>(0); |
||||
// 配置项 |
||||
const getConfig = async () => { |
||||
const { process } = await getProcessInformationBasedOnRoles(772); |
||||
formProcess.value = process.slice(0, 3); |
||||
const list = process[3]?.recordChildren; |
||||
let cur = info.value.length ? info.value[0] : {}; |
||||
const result = [ |
||||
{ |
||||
modelId: cur?.modelId || '', |
||||
id: cur?.id || '', |
||||
indexName: list[0]?.name, |
||||
description: list[0]?.remark, |
||||
subject: list[0]?.recordChildren[0]?.subject, |
||||
score: cur?.score || '', |
||||
}, |
||||
]; |
||||
const length = list.length - 1; |
||||
list?.forEach((e, i) => { |
||||
if (i && i !== length) { |
||||
cur = info.value.length ? info.value[i] : {}; |
||||
let temp = { |
||||
indexName: e.name, |
||||
recordChildren: e.recordChildren, |
||||
stRecordId: e.id, |
||||
ruleId: e?.recordChildren[0]?.id || '', |
||||
description: e?.recordChildren[0]?.name || '', |
||||
subject: e?.recordChildren[0]?.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); |
||||
} |
||||
}); |
||||
} |
||||
}); |
||||
cur = info.value.length ? info.value[info.value.length - 1] : {}; |
||||
result.push({ |
||||
indexName: list[length]?.name, |
||||
description: list[length]?.remark, |
||||
subject: list[length]?.subject, |
||||
score: '', |
||||
}); |
||||
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.individualCreditModels = result; |
||||
}; |
||||
// 详情 |
||||
const getDetail = async () => { |
||||
try { |
||||
const { data } = await personalCreditModelDetails(levelId, projectId); |
||||
if (data) { |
||||
form.value = data; |
||||
info.value = data.individualCreditModels; |
||||
} |
||||
getConfig(); |
||||
} finally { |
||||
} |
||||
}; |
||||
onMounted(() => { |
||||
getDetail(); |
||||
}); |
||||
|
||||
interface SpanMethodProps { |
||||
row: Record<string, any>; |
||||
column: TableColumnCtx<Record<string, any>>; |
||||
rowIndex: number; |
||||
columnIndex: number; |
||||
} |
||||
const rowMerge1 = [1, 7, 16, 23, 71, 75, 87, 98]; |
||||
const rowMerge2 = [5, 30, 59, 61, 63, 79]; |
||||
const rowMerge3 = [11, 38, 45]; |
||||
const rowMerge4 = [20, 27, 50, 53, 56, 65, 68, 81, 84, 102, 105, 108]; |
||||
const rowMerge5 = [0, 43, 44, 111]; |
||||
// 表格合并 |
||||
const span = ({ row, column, rowIndex, columnIndex }: SpanMethodProps) => { |
||||
if (columnIndex === 0) { |
||||
if (rowMerge1.includes(rowIndex)) { |
||||
return { |
||||
rowspan: 4, |
||||
colspan: 1, |
||||
}; |
||||
} else if (rowMerge2.includes(rowIndex)) { |
||||
return { |
||||
rowspan: 2, |
||||
colspan: 1, |
||||
}; |
||||
} else if (rowMerge3.includes(rowIndex)) { |
||||
return { |
||||
rowspan: 5, |
||||
colspan: 1, |
||||
}; |
||||
} else if (rowMerge4.includes(rowIndex)) { |
||||
return { |
||||
rowspan: 3, |
||||
colspan: 1, |
||||
}; |
||||
} else if (rowIndex === 32) { |
||||
return { |
||||
rowspan: 6, |
||||
colspan: 1, |
||||
}; |
||||
} else if (rowIndex === 91) { |
||||
return { |
||||
rowspan: 7, |
||||
colspan: 1, |
||||
}; |
||||
} else if (rowMerge5.includes(rowIndex)) { |
||||
return { |
||||
rowspan: 1, |
||||
colspan: 1, |
||||
}; |
||||
} else { |
||||
return { |
||||
rowspan: 0, |
||||
colspan: 0, |
||||
}; |
||||
} |
||||
} |
||||
}; |
||||
// 提交 |
||||
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; |
||||
}; |
||||
|
||||
// 新增判分记录 |
||||
const addRecord = async (data: Record<string, any>) => { |
||||
let preIds = `1,${Cookies.get('sand-level')},42,68,756,772`; // 1，关卡id，角色（这个页面是风控经理策略），其他看判分点接口 |
||||
const rule: Array<Record<string, any>> = []; |
||||
data.firstMode && rule.push(handleId(777, 236, getItemId(data.firstMode), preIds + ',774,777', 1)); |
||||
data.secondMode && rule.push(handleId(777, 236, getItemId(data.secondMode), preIds + ',775,777', 1)); |
||||
data.thirdMode && rule.push(handleId(777, 236, getItemId(data.thirdMode), preIds + ',776,777', 1)); |
||||
data.andThird && rule.push(handleId(778, 236, getItemId(data.andThird), preIds + ',776,778', 1)); |
||||
|
||||
preIds += `,788`; |
||||
form.value.individualCreditModels[0].score && |
||||
rule.push( |
||||
handleId( |
||||
790, |
||||
238, |
||||
form.value?.individualCreditModels[0]?.subject?.itemList.find((e) => e.options === form.value.individualCreditModels[0].score)?.itemId, |
||||
preIds + ',789,790', |
||||
1, |
||||
), |
||||
); |
||||
form.value.individualCreditModels.forEach((e, i) => { |
||||
if (i && i !== len.value && e.subject) { |
||||
e.score && rule.push(handleId(e.ruleId, e.subject.subjectId, e?.subject?.itemList?.find((n) => n.options === e.score)?.itemId, `${preIds},${e.stRecordId},${e.ruleId}`, 1)); |
||||
} |
||||
}); |
||||
await addOperation({ |
||||
checkpointId: levelId, |
||||
parentId: preIds, |
||||
lcJudgmentRuleReq: rule, |
||||
projectId, |
||||
}); |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
@import url(../../../styles/form.scss); |
||||
.c-table { |
||||
:deep(.el-input__inner) { |
||||
@apply px-2; |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,176 @@ |
||||
<template> |
||||
<!-- 企业额度模型 --> |
||||
<el-form label-width="80px" |
||||
class="form" |
||||
status-icon> |
||||
<h6 class="step-name mb-2">{{ info[0]?.name }}</h6> |
||||
<el-form-item class="mb-1" |
||||
label="不超过"> |
||||
<el-select v-model="form.firstMode"> |
||||
<el-option v-for="item in info[0]?.recordChildren[0]?.subject?.itemList" |
||||
:key="item" |
||||
:value="item.options" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item class="mb-1" |
||||
label="且"></el-form-item> |
||||
<el-form-item label="不超过"> |
||||
<el-select v-model="form.andFirst"> |
||||
<el-option v-for="item in info[0]?.recordChildren[1]?.subject?.itemList" |
||||
:key="item" |
||||
:value="item.options" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
|
||||
<h6 class="step-name mt-4 mb-2">{{ info[1]?.name }}</h6> |
||||
<el-form-item class="mb-1" |
||||
label="不超过"> |
||||
<el-select v-model="form.secondMode"> |
||||
<el-option v-for="item in info[0]?.recordChildren[0]?.subject?.itemList" |
||||
:key="item" |
||||
:value="item.options" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item class="mb-1" |
||||
label="且"></el-form-item> |
||||
<el-form-item label="不超过"> |
||||
<el-select v-model="form.andSecond"> |
||||
<el-option v-for="item in info[0]?.recordChildren[1]?.subject?.itemList" |
||||
:key="item" |
||||
:value="item.options" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
|
||||
<h6 class="step-name mt-4 mb-2">{{ info[2]?.name }}</h6> |
||||
<el-form-item label="不超过"> |
||||
<el-select v-model="form.thirdMode"> |
||||
<el-option v-for="item in info[0]?.recordChildren[0]?.subject?.itemList" |
||||
:key="item" |
||||
:value="item.options" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
|
||||
<h6 class="step-name mt-4 mb-2">{{ info[3]?.name }}</h6> |
||||
<el-form-item label="不超过"> |
||||
<el-select v-model="form.fourthMode"> |
||||
<el-option v-for="item in info[0]?.recordChildren[0]?.subject?.itemList" |
||||
:key="item" |
||||
:value="item.options" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
|
||||
<h6 class="step-name mt-4 mb-2">{{ info[4]?.name }}</h6> |
||||
<el-form-item label="不超过"> |
||||
<el-select v-model="form.fifthMode"> |
||||
<el-option v-for="item in info[0]?.recordChildren[0]?.subject?.itemList" |
||||
:key="item" |
||||
:value="item.options" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
|
||||
<h6 class="step-name mt-4 mb-2">{{ info[5]?.name }}</h6> |
||||
<el-form-item label="不超过"> |
||||
<el-select v-model="form.sixthMode"> |
||||
<el-option v-for="item in info[0]?.recordChildren[0]?.subject?.itemList" |
||||
:key="item" |
||||
:value="item.options" /> |
||||
</el-select> |
||||
</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 { businessQuotaModelDetails, businessQuotaModelSaveOrUpdate } from '@/api/model'; |
||||
import { getProcessInformationBasedOnRoles, addOperation } from '@/api/judgment'; |
||||
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, |
||||
andFirst: '', |
||||
andSecond: '', |
||||
andThird: '', |
||||
fifthMode: '', |
||||
firstMode: '', |
||||
fourthMode: '', |
||||
secondMode: '', |
||||
sixthMode: '', |
||||
thirdMode: '', |
||||
type: 2, |
||||
}); |
||||
const info = ref<Record<string, any>[]>([]); |
||||
// 配置项 |
||||
const getConfig = async () => { |
||||
const { process } = await getProcessInformationBasedOnRoles(773); |
||||
info.value = process; |
||||
}; |
||||
// 详情 |
||||
const getDetail = async () => { |
||||
try { |
||||
const { data } = await businessQuotaModelDetails(levelId, projectId); |
||||
if (data) { |
||||
form.value = data; |
||||
} |
||||
getConfig(); |
||||
} finally { |
||||
} |
||||
}; |
||||
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; |
||||
}; |
||||
// 新增判分记录 |
||||
const addRecord = async (data: Record<string, any>) => { |
||||
let preIds = `1,${Cookies.get('sand-level')},42,68,756,773`; // 1，关卡id，角色（这个页面是风控经理策略），其他看判分点接口 |
||||
const rule: Array<Record<string, any>> = []; |
||||
data.firstMode && rule.push(handleId(785, 237, getItemId(data.firstMode), preIds + ',779,785', 1)); |
||||
data.andFirst && rule.push(handleId(786, 237, getItemId(data.andFirst), preIds + ',779,786', 1)); |
||||
data.secondMode && rule.push(handleId(785, 237, getItemId(data.secondMode), preIds + ',780,785', 1)); |
||||
data.andSecond && rule.push(handleId(786, 237, getItemId(data.andSecond), preIds + ',780,786', 1)); |
||||
data.thirdMode && rule.push(handleId(785, 237, getItemId(data.thirdMode), preIds + ',781,785', 1)); |
||||
data.fourthMode && rule.push(handleId(787, 237, getItemId(data.fourthMode), preIds + ',782,787', 1)); |
||||
data.fifthMode && rule.push(handleId(785, 237, getItemId(data.fifthMode), preIds + ',783,785', 1)); |
||||
data.sixthMode && rule.push(handleId(785, 237, getItemId(data.sixthMode), preIds + ',784,785', 1)); |
||||
|
||||
await addOperation({ |
||||
checkpointId: levelId, |
||||
parentId: preIds, |
||||
lcJudgmentRuleReq: rule, |
||||
projectId, |
||||
}); |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
@import url(../../../styles/form.scss); |
||||
.c-table { |
||||
:deep(.el-input__inner) { |
||||
@apply px-2; |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,118 @@ |
||||
<template> |
||||
<div class="block" |
||||
style="padding-top: 0"> |
||||
<el-tabs v-model="curTab" |
||||
@tab-click="tabChange"> |
||||
<el-tab-pane label="额度模型" |
||||
name="tab1"> |
||||
<div class="flex"> |
||||
<div class="left w-[241px] min-w-[241px] pr-5 py-4"> |
||||
<ul class="products"> |
||||
<li v-for="(item, i) in list[0]?.recordChildren" |
||||
:key="i" |
||||
:class="{ active: item.id === id }" |
||||
@click="switchProduct(item.id)"> |
||||
<h6>{{ item.name }}</h6> |
||||
<p class="type">{{ item.remark }}</p> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<div class="right flex-1 px-5 pt-2"> |
||||
<Com1 v-if="id == 772" /> |
||||
<Com2 v-else-if="id == 773" /> |
||||
</div> |
||||
</div> |
||||
</el-tab-pane> |
||||
<el-tab-pane label="利率模型" |
||||
name="tab2"> |
||||
<!-- <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" |
||||
:key="i" |
||||
:class="{ active: item.id === riskId }" |
||||
@click="switchProductRisk(item.id)"> |
||||
<h6>{{ item.name }}</h6> |
||||
<p class="mt-2 des">{{ 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" /> |
||||
</div> |
||||
</div> --> |
||||
</el-tab-pane> |
||||
</el-tabs> |
||||
</div> |
||||
</template> |
||||
|
||||
<script setup lang="ts"> |
||||
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'; |
||||
|
||||
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 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 getList = async (refresh?: number) => { |
||||
const { process } = await getProcessInformationBasedOnRoles(68); |
||||
// eslint-disable-next-line no-unused-expressions |
||||
!id.value && switchProduct(process[curTab.value === 'tab1' ? 0 : 1].recordChildren[0].id); |
||||
list.value = process; |
||||
}; |
||||
onMounted(() => { |
||||
getList(); |
||||
}); |
||||
|
||||
// tab切换回调 |
||||
const tabChange = (tab: TabsPaneContext, event: Event) => { |
||||
getList(); |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.left { |
||||
border-right: 1px solid #e9eff2; |
||||
} |
||||
.products { |
||||
@apply max-h-[calc(100vh-205px)] pr-1 overflow-auto; |
||||
li { |
||||
@apply relative p-5 pt-7 mb-5 rounded-[10px] cursor-pointer border border-solid border-[transparent] bg-[url('@/assets/images/10.png')] bg-[length:100%_100%] bg-no-repeat; |
||||
&.active { |
||||
@apply border-[#CAE0FF]; |
||||
} |
||||
} |
||||
.del { |
||||
@apply absolute top-0 right-0; |
||||
} |
||||
h6 { |
||||
@apply text-[#14436b]; |
||||
} |
||||
.type { |
||||
@apply my-3 text-sm text-[#333]; |
||||
} |
||||
.des { |
||||
@apply text-sm text-[#8798a9]; |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue