89 changed files with 622 additions and 5349 deletions
File diff suppressed because one or more lines are too long
@ -1,167 +0,0 @@ |
|||||
/** |
|
||||
* 评级等级下拉选项数组 |
|
||||
*/ |
|
||||
export const RatingLevelOptions = [ |
|
||||
{ label: 'AAA+', value: 'AAA+', numberValue: 15, color: 'green', denseLabel: false }, |
|
||||
{ label: 'AAA', value: 'AAA', numberValue: 14, color: 'green', denseLabel: false }, |
|
||||
{ label: 'AA+', value: 'AA+', numberValue: 13, color: 'green', denseLabel: false }, |
|
||||
{ label: 'AA', value: 'AA', numberValue: 12, color: 'green', denseLabel: false }, |
|
||||
{ label: 'AA-', value: 'AA-', numberValue: 11, color: 'green', denseLabel: false }, |
|
||||
{ label: 'A+', value: 'A+', numberValue: 10, color: 'green', denseLabel: false }, |
|
||||
{ label: 'A', value: 'A', numberValue: 9, color: 'green', denseLabel: false }, |
|
||||
{ label: 'A-', value: 'A-', numberValue: 8, color: 'green', denseLabel: false }, |
|
||||
{ label: 'BBB', value: 'BBB', numberValue: 7, color: 'green', denseLabel: false }, |
|
||||
{ label: 'BB', value: 'BB', numberValue: 6, color: 'red', denseLabel: false }, |
|
||||
{ label: 'B', value: 'B', numberValue: 5, color: 'red', denseLabel: false }, |
|
||||
{ label: 'CCC', value: 'CCC', numberValue: 4, color: 'red', denseLabel: false }, |
|
||||
{ label: 'CC', value: 'CC', numberValue: 3, color: 'red', denseLabel: false }, |
|
||||
{ label: 'C', value: 'C', numberValue: 2, color: 'red', denseLabel: false }, |
|
||||
{ label: 'D', value: 'D', numberValue: 1, color: 'red', denseLabel: false }, |
|
||||
]; |
|
||||
|
|
||||
/** |
|
||||
* 评级步骤对象 |
|
||||
*/ |
|
||||
export const RatingStep = { |
|
||||
CSWC: 'INIT_FINISH', // 初始化完成
|
|
||||
KHXX: 'CUST_INFO', // 客户信息
|
|
||||
DLFX: 'QUANTITATIVE', // 定量分析
|
|
||||
DXFX: 'QUALITATIVE_EDIT', // 定性分析
|
|
||||
CPJG: 'QUALITATIVE_SHOW', // 初评结果
|
|
||||
PJTZX: 'ADJUST_ITEM', // 评级调整项
|
|
||||
QSYJ: 'OTHER', // 签署意见
|
|
||||
PJBG: 'REPORT_INFO', // 评级报告
|
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* 评级流程状态对象 |
|
||||
*/ |
|
||||
export const RatingProcessStatus = { |
|
||||
AWAIT_RATING: 'AWAIT_RATING', // 待评级
|
|
||||
AWAIT_SUBMIT: 'AWAIT_SUBMIT', // 待提交
|
|
||||
BACK: 'BACK', // 退回
|
|
||||
APPROVALING: 'APPROVALING', // 审批中
|
|
||||
PASS: 'PASS', // 通过
|
|
||||
NEGATIVED: 'NEGATIVED', // 否决
|
|
||||
END: 'END', // 已结束
|
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* 评级流程操作 |
|
||||
*/ |
|
||||
export const RatingProcessOperationStatus = [ |
|
||||
{ |
|
||||
label: '提交', |
|
||||
value: '10', |
|
||||
}, |
|
||||
{ |
|
||||
label: '否决', |
|
||||
value: '20', |
|
||||
}, |
|
||||
{ |
|
||||
label: '退回', |
|
||||
value: '30', |
|
||||
}, |
|
||||
{ |
|
||||
label: '撤销', |
|
||||
value: '40', |
|
||||
}, |
|
||||
{ |
|
||||
label: '批准', |
|
||||
value: '50', |
|
||||
}, |
|
||||
{ |
|
||||
label: '同意', |
|
||||
value: '60', |
|
||||
}, |
|
||||
{ |
|
||||
label: '不同意', |
|
||||
value: '70', |
|
||||
}, |
|
||||
]; |
|
||||
|
|
||||
/** |
|
||||
* 评级流程操作标识 |
|
||||
*/ |
|
||||
export const RatingProcessOperation = { |
|
||||
// 通过
|
|
||||
APPROVE: 1, |
|
||||
// 否决
|
|
||||
REJECT: 2, |
|
||||
// 同意
|
|
||||
AGREE: 4, |
|
||||
// 不同意
|
|
||||
DISAGREE: 5, |
|
||||
// 提交下一步
|
|
||||
SUBMIT: 6, |
|
||||
// 提交到其他上级（信审会）
|
|
||||
UPPER_1: 8, |
|
||||
// 提交到上级
|
|
||||
UPPER: 9, |
|
||||
//退回起始步骤
|
|
||||
BACK_START: -1, |
|
||||
//退回到某步骤
|
|
||||
BACK: -2, |
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* 违约认定流程状态对象 |
|
||||
*/ |
|
||||
export const DefaultProcessStatus = { |
|
||||
PASS: '03', // 通过
|
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* 选择客户标记 |
|
||||
*/ |
|
||||
export const SelectCustomerFlag = { |
|
||||
RATING: 'rating', // 发起评级
|
|
||||
COGNIZANCE: 'cognizance', // 违约认定申请
|
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* 财报类型对象 |
|
||||
*/ |
|
||||
export const FinanceReportType = { |
|
||||
QYL: '1', // 企业类
|
|
||||
SYL: '2', // 事业类
|
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* 财报科目类型对象 |
|
||||
*/ |
|
||||
export const FinanceReportProjectType = { |
|
||||
QYLZCFZ: '01', // 企业类资产负债
|
|
||||
QYLXJL: '02', // 企业类现金流
|
|
||||
QYLSY: '03', // 企业类损益
|
|
||||
SYLZCFZ: '11', // 事业类资产负债
|
|
||||
SYLSRZC: '12', // 事业类收入支出表
|
|
||||
}; |
|
||||
|
|
||||
export const Round = (val: any, precision) => { |
|
||||
if (typeof precision !== 'number' || precision <= 0) return val; |
|
||||
let result = val; |
|
||||
if (val && typeof val === 'string') { |
|
||||
const patt = /^-?[0-9]+.?[0-9]*/; |
|
||||
if (patt.test(val)) { |
|
||||
result = parseFloat(val); |
|
||||
} |
|
||||
} |
|
||||
if (result && typeof result === 'number' && String(result).indexOf('.') > -1) { |
|
||||
let scale = '1'; |
|
||||
for (let i = 0; i < precision; i++) { |
|
||||
scale += 0; |
|
||||
} |
|
||||
const pre = 'e' + precision; |
|
||||
const post = 'e-' + precision; |
|
||||
return (+(Math.round(result + pre) + post)).toFixed(precision); |
|
||||
} |
|
||||
return result; |
|
||||
}; |
|
||||
|
|
||||
export const RatioFormat = (val) => { |
|
||||
if (val && typeof val === 'number') { |
|
||||
return Round(val * 100, 2) + '%'; |
|
||||
} |
|
||||
return val; |
|
||||
}; |
|
||||
@ -1,218 +0,0 @@ |
|||||
<template> |
|
||||
<div style="height: 100%"> |
|
||||
<w-grid |
|
||||
ref="companyRatingGridRef" |
|
||||
title="客户评级列表" |
|
||||
:data-url="Environment.apiContextPath('api/irbs/companyRating')" |
|
||||
:fetch-data-url="Environment.apiContextPath('api/irbs/companyRating/query')" |
|
||||
:sort-no="true" |
|
||||
group-mode="alone" |
|
||||
:checkbox-selection="false" |
|
||||
:query-form-cols-num="4" |
|
||||
:query-form-fields="companyRatingGrid.queryFormFields" |
|
||||
:columns="companyRatingGrid.columns" |
|
||||
:toolbar-actions="companyRatingGrid.buttons" |
|
||||
:query-criteria="{ |
|
||||
operator: 'and', |
|
||||
criteria: [ |
|
||||
{ |
|
||||
fieldName: 'triggerType', |
|
||||
operator: 'equals', |
|
||||
value: 'INDEPENDENT', |
|
||||
}, |
|
||||
{ |
|
||||
fieldName: 'launchUser', |
|
||||
operator: 'equals', |
|
||||
value: SessionManager.getUser().loginName, |
|
||||
}, |
|
||||
], |
|
||||
}" |
|
||||
:sort-by="['-createDate']" |
|
||||
></w-grid> |
|
||||
<LaunchRatingDialog ref="launchRatingdialogRef" :dictionary="dictionary" @refresh="refreshTable"></LaunchRatingDialog> |
|
||||
<RatingDialog ref="ratingdialogRef" @refresh="refreshTable"></RatingDialog> |
|
||||
<GrayModelDialog ref="grayDialogRef" @refresh="refreshTable"></GrayModelDialog> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script setup lang="ts"> |
|
||||
import { ref, shallowRef } from 'vue'; |
|
||||
import { useQuasar } from 'quasar'; |
|
||||
import { Environment, EnumTools, DictionaryTools, Options, Formater, axios, NotifyManager, Tools, SessionManager } from 'platform-core'; |
|
||||
import LaunchRatingDialog from './LaunchRatingDialog.vue'; |
|
||||
import RatingDialog from './RatingDialog.vue'; |
|
||||
import GrayModelDialog from './GrayModelDialog.vue'; |
|
||||
import { RatingLevelOptions, RatingProcessStatus, Round } from './CustRating.ts'; |
|
||||
import RatingLevel from './RatingLevel.vue'; |
|
||||
|
|
||||
const $q = useQuasar(); |
|
||||
const companyRatingGridRef = ref(); |
|
||||
const launchRatingdialogRef = ref(); |
|
||||
const ratingdialogRef = ref(); |
|
||||
const grayDialogRef = ref(); |
|
||||
|
|
||||
const RatingStatusEnum = await EnumTools.fetch('irbs.cust.rating.enums.RatingStatus'); |
|
||||
const RatingProcessStatusEnum = await EnumTools.fetch('irbs.cust.rating.enums.RatingProcessStatus'); |
|
||||
const dictCustomerTypeCd = await DictionaryTools.fetch('CustomerTypeCd'); |
|
||||
const optionsCustomerTypeCd = Options.dictionary(dictCustomerTypeCd); |
|
||||
const dictCustomerSizeCd = await DictionaryTools.fetch('CustomerSizeCd'); |
|
||||
const optionsCustomerSizeCd = Options.dictionary(dictCustomerSizeCd); |
|
||||
|
|
||||
const dictionary = { |
|
||||
dictCustomerTypeCd: dictCustomerTypeCd, |
|
||||
optionsCustomerTypeCd: optionsCustomerTypeCd, |
|
||||
dictCustomerSizeCd: dictCustomerSizeCd, |
|
||||
optionsCustomerSizeCd: optionsCustomerSizeCd, |
|
||||
}; |
|
||||
|
|
||||
const companyRatingGrid = { |
|
||||
buttons: [ |
|
||||
'query', |
|
||||
'reset', |
|
||||
'separator', |
|
||||
{ |
|
||||
extend: 'add', |
|
||||
label: '发起评级', |
|
||||
click: () => { |
|
||||
launchRatingdialogRef.value.show(); |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
extend: 'edit', |
|
||||
label: '评级', |
|
||||
enableIf: (args) => { |
|
||||
if ( |
|
||||
args.selected && |
|
||||
(args.selected['processStatus'] === RatingProcessStatus.AWAIT_RATING || |
|
||||
args.selected['processStatus'] === RatingProcessStatus.AWAIT_SUBMIT || |
|
||||
args.selected['processStatus'] === RatingProcessStatus.BACK) |
|
||||
) { |
|
||||
return true; |
|
||||
} |
|
||||
return false; |
|
||||
}, |
|
||||
click: (args) => { |
|
||||
ratingdialogRef.value.show(args.selected); |
|
||||
}, |
|
||||
}, |
|
||||
// { |
|
||||
// extend: 'remove', |
|
||||
// label: '撤销', |
|
||||
// click: () => {}, |
|
||||
// }, |
|
||||
'separator', |
|
||||
{ |
|
||||
extend: 'view', |
|
||||
click: (args) => { |
|
||||
ratingdialogRef.value.show(args.selected, true); |
|
||||
}, |
|
||||
}, |
|
||||
'export', |
|
||||
'separator', |
|
||||
[ |
|
||||
{ |
|
||||
name: 'otherOp', |
|
||||
label: '其他操作', |
|
||||
icon: 'device_hub', |
|
||||
}, |
|
||||
{ |
|
||||
name: 'viewGray', |
|
||||
extend: 'view', |
|
||||
label: '查看灰度模型结果', |
|
||||
click: (args) => { |
|
||||
grayDialogRef.value.show(args.selected); |
|
||||
}, |
|
||||
}, |
|
||||
'separator', |
|
||||
{ |
|
||||
extend: 'remove', |
|
||||
name: 'delete', |
|
||||
label: '强制删除', |
|
||||
click: (args) => { |
|
||||
// args._click(); |
|
||||
$q.dialog({ |
|
||||
title: '询问', |
|
||||
message: '是否确认删除已生成评级信息及流程信息？', |
|
||||
cancel: { noCaps: true }, |
|
||||
ok: { noCaps: true }, |
|
||||
persistent: true, |
|
||||
}).onOk(() => { |
|
||||
axios |
|
||||
.post(Environment.apiContextPath('api/irbs/companyRating/removeRatingAndProcess/' + args.selected['id'])) |
|
||||
.then((resp) => { |
|
||||
if (resp && resp.data) { |
|
||||
NotifyManager.info('删除成功'); |
|
||||
companyRatingGridRef.value.refresh(); |
|
||||
} |
|
||||
}) |
|
||||
.catch((error) => { |
|
||||
console.info('error====', error); |
|
||||
NotifyManager.warn('删除失败'); |
|
||||
}); |
|
||||
}); |
|
||||
}, |
|
||||
}, |
|
||||
], |
|
||||
'separator', |
|
||||
], |
|
||||
queryFormFields: [ |
|
||||
{ label: '申请编号', name: 'id', type: 'w-text' }, |
|
||||
{ label: '客户号', name: 'custNo', type: 'w-text' }, |
|
||||
{ label: '客户名称', name: 'custName', type: 'w-text' }, |
|
||||
{ |
|
||||
label: '认定等级', |
|
||||
name: 'finalLevel', |
|
||||
type: 'w-select', |
|
||||
options: RatingLevelOptions, |
|
||||
}, |
|
||||
{ label: '流程状态', name: 'processStatus', type: 'w-select', options: Options.enum(RatingProcessStatusEnum) }, |
|
||||
{ label: '评级状态', name: 'ratingStatus', type: 'w-select', options: Options.enum(RatingStatusEnum) }, |
|
||||
], |
|
||||
columns: [ |
|
||||
{ name: 'id', label: '申请编号', align: 'center' }, |
|
||||
{ name: 'custNo', label: '客户号', align: 'center' }, |
|
||||
{ name: 'custName', label: '客户名称', width: 150 }, |
|
||||
{ name: 'industryTypeName', label: '行业类型' }, |
|
||||
{ name: 'modelScore', label: '模型得分' }, |
|
||||
{ name: 'modelLevel', label: '模型等级' }, |
|
||||
{ name: 'adjLevel', label: '调整后等级' }, |
|
||||
{ name: 'initLevel', label: '初评等级' }, |
|
||||
{ |
|
||||
name: 'finalLevel', |
|
||||
label: '认定等级', |
|
||||
format: (val) => { |
|
||||
if (!Tools.isEmpty(val)) { |
|
||||
return { |
|
||||
componentType: RatingLevel, |
|
||||
attrs: { |
|
||||
level: val, |
|
||||
dense: true, |
|
||||
}, |
|
||||
}; |
|
||||
} |
|
||||
return val; |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
name: 'pd', |
|
||||
label: '违约概率', |
|
||||
format: (val) => { |
|
||||
if (val && typeof val === 'number') { |
|
||||
return Round(val * 100, 2) + '%'; |
|
||||
} |
|
||||
return val; |
|
||||
}, |
|
||||
}, |
|
||||
{ name: 'effectiveTime', label: '评级生效日', format: Formater.dateOnly() }, |
|
||||
{ name: 'matureTime', label: '评级失效日', format: Formater.dateOnly() }, |
|
||||
{ name: 'ratingStatus', label: '评级状态', format: Formater.enum(RatingStatusEnum) }, |
|
||||
{ name: 'launchUser', label: '发起人' }, |
|
||||
{ name: 'processStatus', label: '流程状态', format: Formater.enum(RatingProcessStatusEnum) }, |
|
||||
{ name: 'currentAssignee', label: '当前处理人' }, |
|
||||
], |
|
||||
}; |
|
||||
|
|
||||
const refreshTable = () => { |
|
||||
companyRatingGridRef.value.refresh(); |
|
||||
}; |
|
||||
</script> |
|
||||
@ -1,5 +0,0 @@ |
|||||
<template> |
|
||||
<div>111</div> |
|
||||
</template> |
|
||||
|
|
||||
<script setup lang="ts"></script> |
|
||||
@ -1,5 +0,0 @@ |
|||||
<template> |
|
||||
<div>111</div> |
|
||||
</template> |
|
||||
|
|
||||
<script setup lang="ts"></script> |
|
||||
@ -1,349 +0,0 @@ |
|||||
<template> |
|
||||
<w-dialog ref="dialogRef" :title="state.dialogTitle" width="80%" height="80%" body-padding="0px 0px 0px 0px" :maximized="true" :buttons="[]"> |
|
||||
<div> |
|
||||
<div class="p-[10px]"> |
|
||||
<span class="text-3xl text-amber-600" |
|
||||
>{{ state.custInfoObj['custName'] }}<q-badge v-if="state.custInfoObj['marketEnterprisesInd'] === '1'" color="red" align="top">上市</q-badge></span |
|
||||
> |
|
||||
<div class="flex pt-2"> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>客户号</div> |
|
||||
<div class="text-blue-500"> |
|
||||
{{ state.custInfoObj['custNo'] }} |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>企业规模</div> |
|
||||
<div class="text-blue-500"> |
|
||||
{{ Formater.dictionary(dictCustomerSize)(state.custInfoObj['customerSize']) }} |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>企业类型</div> |
|
||||
<div class="text-blue-500"> |
|
||||
{{ Formater.dictionary(dictRegisteredType)(state.custInfoObj['registeredType']) }} |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>融资平台标志</div> |
|
||||
<div class="text-blue-500"> |
|
||||
{{ Formater.dictionary(dictGoverFinanceSign)(state.custInfoObj['goverFinanceSign']) }} |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>融资平台类型</div> |
|
||||
<div class="text-blue-500"> |
|
||||
{{ Formater.dictionary(dictGoverFinanceType)(state.custInfoObj['goverFinanceType']) }} |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>所在国家地区</div> |
|
||||
<div class="text-blue-500"> |
|
||||
{{ Formater.dictionary(dictNationCd)(state.custInfoObj['nation']) }} |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="pt-3"></div> |
|
||||
<div class="flex"> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>注册所在地</div> |
|
||||
<div class="text-blue-500"> |
|
||||
{{ Formater.dictionary(dictRegistrationCd)(state.custInfoObj['registration']) }} |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>是否集团客户</div> |
|
||||
<div class="text-blue-500"> |
|
||||
{{ state.custInfoObj['groupCustInd'] === '1' ? '是' : '否' }} |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>成员类别</div> |
|
||||
<div class="text-blue-500"> |
|
||||
{{ Formater.dictionary(dictMemberTypeCd)(state.custInfoObj['memberType']) }} |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>行业类型（国标）</div> |
|
||||
<div class="text-blue-500"> |
|
||||
{{ state.custInfoObj['industryTypeName'] }} |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>成立日期</div> |
|
||||
<div class="text-blue-500"> |
|
||||
{{ state.custInfoObj['buildDate'] }} |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-1 text-center"></div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<q-separator /> |
|
||||
<div class="pt-[10px]"> |
|
||||
<q-card flat bordered> |
|
||||
<q-item dense class="pl-[8px]"> |
|
||||
<q-item-section> |
|
||||
<q-item-label>灰度模型结果</q-item-label> |
|
||||
</q-item-section> |
|
||||
</q-item> |
|
||||
<q-separator /> |
|
||||
<q-card-section class="p-[10px]"> |
|
||||
<div class="pt-[8px]"> |
|
||||
<w-info-panel :dense="state.dense" :info="state.reportCustRatingInfo" :column-num="3"></w-info-panel> |
|
||||
</div> |
|
||||
</q-card-section> |
|
||||
</q-card> |
|
||||
<div class="pt-[8px]"> |
|
||||
<q-list bordered class="rounded-borders"> |
|
||||
<q-expansion-item default-opened expand-separator icon="bubble_chart" label="得分详情"> |
|
||||
<q-separator /> |
|
||||
<q-splitter v-model="state.splitterModel"> |
|
||||
<template #before> |
|
||||
<div> |
|
||||
<div class="text-center"> |
|
||||
<q-chip outline color="orange" text-color="white" :clickable="false" :ripple="false"> 定量得分详情 </q-chip> |
|
||||
</div> |
|
||||
<q-list v-if="state.reportQuantitativeScoreDtl" padding> |
|
||||
<template v-for="(values, key, a) in state.reportQuantitativeScoreDtl" :key="a"> |
|
||||
<q-item-label header>{{ key }}</q-item-label> |
|
||||
|
|
||||
<template v-for="(dtl, index) in values" :key="index"> |
|
||||
<q-item> |
|
||||
<q-item-section> |
|
||||
<q-item-label>{{ dtl['INDEX_NAME'] }}</q-item-label> |
|
||||
<q-item-label caption> {{ Round(dtl['INDEX_VALUE'], 2) }} </q-item-label> |
|
||||
</q-item-section> |
|
||||
<q-item-section v-if="!Tools.isEmpty(dtl['INDEX_SCORE_G'])" side> |
|
||||
<q-chip :clickable="false" :ripple="false" color="green" text-color="white"> {{ Round(dtl['INDEX_SCORE_G'], 2) }} </q-chip> |
|
||||
</q-item-section> |
|
||||
</q-item> |
|
||||
</template> |
|
||||
<q-separator /> |
|
||||
</template> |
|
||||
</q-list> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<template #after> |
|
||||
<q-splitter v-model="state.afterSplitterModel"> |
|
||||
<template #before> |
|
||||
<div> |
|
||||
<div class="text-center"> |
|
||||
<q-chip outline color="light-blue" text-color="white" :clickable="false" :ripple="false"> 定性得分详情 </q-chip> |
|
||||
</div> |
|
||||
<q-list v-if="state.reportQualitativeScoreDtl" padding> |
|
||||
<template v-for="(values, key, a) in state.reportQualitativeScoreDtl" :key="a"> |
|
||||
<q-item-label header>{{ key }}</q-item-label> |
|
||||
|
|
||||
<template v-for="(dtl, index) in values" :key="index"> |
|
||||
<q-item> |
|
||||
<q-item-section> |
|
||||
<q-item-label>{{ dtl['INDEX_NAME'] }}</q-item-label> |
|
||||
<q-item-label caption> {{ dtl['TEXT'] }} </q-item-label> |
|
||||
</q-item-section> |
|
||||
<q-item-section v-if="!Tools.isEmpty(dtl['INDEX_SCORE_G'])" side> |
|
||||
<q-chip :clickable="false" :ripple="false" color="green" text-color="white"> {{ Round(dtl['INDEX_SCORE_G'], 2) }} </q-chip> |
|
||||
</q-item-section> |
|
||||
</q-item> |
|
||||
</template> |
|
||||
<q-separator /> |
|
||||
</template> |
|
||||
</q-list> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<template #after> |
|
||||
<div> |
|
||||
<div class="text-center"> |
|
||||
<q-chip outline color="lime" text-color="white" :clickable="false" :ripple="false"> 评级调整项详情 </q-chip> |
|
||||
</div> |
|
||||
<q-list v-if="state.reportAdjustScoreDtl" padding> |
|
||||
<template v-for="(values, key, a) in state.reportAdjustScoreDtl" :key="a"> |
|
||||
<q-item-label header>{{ key }}</q-item-label> |
|
||||
|
|
||||
<template v-for="(dtl, index) in values" :key="index"> |
|
||||
<q-item> |
|
||||
<q-item-section> |
|
||||
<q-item-label>{{ dtl['INDEX_NAME'] }}</q-item-label> |
|
||||
<q-item-label caption> {{ dtl['TEXT'] }} </q-item-label> |
|
||||
</q-item-section> |
|
||||
</q-item> |
|
||||
</template> |
|
||||
<q-separator /> |
|
||||
</template> |
|
||||
</q-list> |
|
||||
</div> |
|
||||
</template> |
|
||||
</q-splitter> |
|
||||
</template> |
|
||||
</q-splitter> |
|
||||
</q-expansion-item> |
|
||||
</q-list> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</w-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script setup lang="ts"> |
|
||||
import { DictionaryTools, Environment, Formater, axios, Tools } from 'platform-core'; |
|
||||
import { nextTick, reactive, ref } from 'vue'; |
|
||||
import { RatingStep, Round } from './CustRating.ts'; |
|
||||
import RatingLevel from './RatingLevel.vue'; |
|
||||
|
|
||||
const dialogRef = ref(); |
|
||||
|
|
||||
const state = reactive({ |
|
||||
splitterModel: 30, |
|
||||
afterSplitterModel: 50, |
|
||||
rating: {}, |
|
||||
dialogTitle: '灰度模型结果', |
|
||||
dense: false, |
|
||||
custInfoObj: {}, |
|
||||
reportCustRatingInfo: <any>[], |
|
||||
reportQuantitativeScoreDtl: <any>null, |
|
||||
reportQualitativeScoreDtl: <any>null, |
|
||||
reportAdjustScoreDtl: <any>null, |
|
||||
}); |
|
||||
|
|
||||
// 加载客户信息 |
|
||||
const loadCustInfo = async () => { |
|
||||
// 加载客户基本信息 |
|
||||
let customerType = ''; |
|
||||
await axios.get(Environment.apiContextPath('api/irbs/ratingCompanyCustomer/' + state.rating['custId'])).then((resp) => { |
|
||||
if (resp && resp.data) { |
|
||||
customerType = resp.data['customerType']; |
|
||||
state.custInfoObj = {}; |
|
||||
state.custInfoObj['custNo'] = resp.data['custNo']; |
|
||||
state.custInfoObj['custName'] = resp.data['custName']; |
|
||||
state.custInfoObj['certificateType'] = resp.data['certificateType']; |
|
||||
state.custInfoObj['certificateNum'] = resp.data['certificateNum']; |
|
||||
state.custInfoObj['customerType'] = resp.data['customerType']; |
|
||||
state.custInfoObj['customerSize'] = resp.data['customerSize']; |
|
||||
state.custInfoObj['registeredType'] = resp.data['registeredType']; |
|
||||
state.custInfoObj['goverFinanceSign'] = resp.data['goverFinanceSign']; |
|
||||
state.custInfoObj['goverFinanceType'] = resp.data['goverFinanceType']; |
|
||||
state.custInfoObj['registration'] = resp.data['registration']; |
|
||||
state.custInfoObj['nation'] = resp.data['nation']; |
|
||||
state.custInfoObj['memberType'] = resp.data['memberType']; |
|
||||
state.custInfoObj['groupCustInd'] = resp.data['groupCustInd']; |
|
||||
state.custInfoObj['marketEnterprisesInd'] = resp.data['marketEnterprisesInd']; |
|
||||
state.custInfoObj['industryType'] = resp.data['industryType']; |
|
||||
state.custInfoObj['industryTypeName'] = resp.data['industryTypeName']; |
|
||||
state.custInfoObj['buildDate'] = resp.data['buildDate']; |
|
||||
state.custInfoObj['customerManagerNo'] = resp.data['customerManagerNo']; |
|
||||
state.custInfoObj['customerManagerName'] = resp.data['customerManagerName']; |
|
||||
state.custInfoObj['handleOrgId'] = resp.data['handleOrgId']; |
|
||||
state.custInfoObj['handleTime'] = resp.data['handleTime']; |
|
||||
} |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
const groupByProperties = (list, propName) => { |
|
||||
const map = {}; |
|
||||
list.forEach((item, index, arr) => { |
|
||||
if (!map[item[propName]]) { |
|
||||
map[item[propName]] = arr.filter((a) => a[propName] == item[propName]); |
|
||||
} |
|
||||
}); |
|
||||
return map; |
|
||||
}; |
|
||||
|
|
||||
const loadRatingReport = async () => { |
|
||||
// 加载评级信息 |
|
||||
state.reportCustRatingInfo = []; |
|
||||
await axios |
|
||||
.get(Environment.apiContextPath('api/irbs/companyRating/stepRatingReport'), { params: { ratingId: state.rating['id'] } }) |
|
||||
.then((resp) => { |
|
||||
if (resp && resp.data) { |
|
||||
state.rating = resp.data; |
|
||||
state.reportCustRatingInfo.push({ label: '模型名称', value: resp.data.modelNameGray }); |
|
||||
state.reportCustRatingInfo.push({ label: '定量得分', value: Round(resp.data.quanScoreGray, 2) }); |
|
||||
state.reportCustRatingInfo.push({ label: '定性得分', value: Round(resp.data.qualScoreGray, 2) }); |
|
||||
state.reportCustRatingInfo.push({ label: '模型得分', value: Round(resp.data.modelScoreGray, 2) }); |
|
||||
state.reportCustRatingInfo.push({ |
|
||||
label: '模型级别', |
|
||||
value: resp.data.modelLevelGray, |
|
||||
format: () => { |
|
||||
return { |
|
||||
componentType: RatingLevel, |
|
||||
attrs: { |
|
||||
level: resp.data.modelLevelGray, |
|
||||
dense: true, |
|
||||
}, |
|
||||
}; |
|
||||
}, |
|
||||
}); |
|
||||
state.reportCustRatingInfo.push({ |
|
||||
label: '调整项级别', |
|
||||
value: resp.data.adjLevelGray, |
|
||||
format: () => { |
|
||||
return { |
|
||||
componentType: RatingLevel, |
|
||||
attrs: { |
|
||||
level: resp.data.adjLevelGray, |
|
||||
dense: true, |
|
||||
}, |
|
||||
}; |
|
||||
}, |
|
||||
}); |
|
||||
} |
|
||||
}) |
|
||||
.catch((error) => { |
|
||||
console.info('error====', error); |
|
||||
}); |
|
||||
// 加载得分详情 |
|
||||
const urlSearchParams = new URLSearchParams({ sortBy: ['INDEX_TYPE', 'INDEX_CATEGORY'] }); |
|
||||
urlSearchParams.append('pageable', 'false'); |
|
||||
const criteria = { |
|
||||
fieldName: 'RATING_ID', |
|
||||
operator: 'equals', |
|
||||
value: state.rating['id'], |
|
||||
}; |
|
||||
urlSearchParams.append('criteria', JSON.stringify(criteria)); |
|
||||
await axios |
|
||||
.get(Environment.apiContextPath('api/irbs/ratingIndex/getGrayScoreDetail'), { params: urlSearchParams }) |
|
||||
.then((resp) => { |
|
||||
if (resp?.data?.content) { |
|
||||
const groupMap = groupByProperties(resp.data.content, 'INDEX_TYPE'); |
|
||||
state.reportQuantitativeScoreDtl = groupByProperties(groupMap[RatingStep.DLFX], 'INDEX_CATEGORY'); |
|
||||
state.reportQualitativeScoreDtl = groupByProperties(groupMap[RatingStep.DXFX], 'INDEX_CATEGORY'); |
|
||||
state.reportAdjustScoreDtl = groupByProperties( |
|
||||
groupMap[RatingStep.PJTZX].filter((item) => { |
|
||||
return item['INDEX_VALUE'] !== '0'; |
|
||||
}), |
|
||||
'INDEX_CATEGORY', |
|
||||
); |
|
||||
} |
|
||||
}) |
|
||||
.catch((error) => { |
|
||||
console.info('error====', error); |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
const show = async (data: any) => { |
|
||||
dialogRef.value.show(); |
|
||||
state.rating = data; |
|
||||
state.dialogTitle = `公司客户灰度评级结果（客户：` + data['custName'] + `）`; |
|
||||
loadCustInfo(); |
|
||||
await loadRatingReport(); |
|
||||
}; |
|
||||
const hide = () => { |
|
||||
dialogRef.value.hide(); |
|
||||
}; |
|
||||
|
|
||||
defineExpose({ |
|
||||
show, |
|
||||
hide, |
|
||||
}); |
|
||||
|
|
||||
const dictCustomerSize = await DictionaryTools.fetch('CustomerSizeCd'); |
|
||||
const dictRegisteredType = await DictionaryTools.fetch('REGISTERED_TYPE'); |
|
||||
const dictGoverFinanceType = await DictionaryTools.fetch('GOVER_FINANCE_TYPE'); |
|
||||
const dictGoverFinanceSign = await DictionaryTools.fetch('GOVER_FINANCE_SIGN'); |
|
||||
const dictRegistrationCd = await DictionaryTools.fetch('REGISTRATION_CD'); |
|
||||
const dictNationCd = await DictionaryTools.fetch('NATION_CD'); |
|
||||
const dictMemberTypeCd = await DictionaryTools.fetch('MEMBER_TYPE_CD'); |
|
||||
</script> |
|
||||
|
|
||||
<style scoped lang="css"></style> |
|
||||
@ -1,186 +0,0 @@ |
|||||
<template> |
|
||||
<w-dialog ref="dialogRef" :title="state.dialogTitle" width="80%" height="80%" :buttons="dialogButtons"> |
|
||||
<w-grid |
|
||||
ref="customerGridRef" |
|
||||
title="客户列表" |
|
||||
:fetch-data-url="Environment.apiContextPath('api/irbs/companyCustomer/query')" |
|
||||
:sort-no="true" |
|
||||
:checkbox-selection="false" |
|
||||
:config-button="false" |
|
||||
:query-form-cols-num="3" |
|
||||
:query-form-fields="customerGrid.queryFormFields" |
|
||||
:columns="customerGrid.columns" |
|
||||
:toolbar-actions="customerGrid.buttons" |
|
||||
:sort-by="['-lastModifyDate']" |
|
||||
:query-criteria="{ |
|
||||
fieldName: 'mgerNo', |
|
||||
operator: 'equals', |
|
||||
value: SessionManager.getUser().loginName, |
|
||||
}" |
|
||||
></w-grid> |
|
||||
</w-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script setup lang="ts"> |
|
||||
import { ref, reactive } from 'vue'; |
|
||||
import { useQuasar } from 'quasar'; |
|
||||
import { useI18n } from 'vue-i18n'; |
|
||||
import { axios, noErrorAxios, Environment, NotifyManager, Formater, Tools, SessionManager } from 'platform-core'; |
|
||||
import { SelectCustomerFlag } from './CustRating.ts'; |
|
||||
|
|
||||
const { t } = useI18n(); |
|
||||
const $q = useQuasar(); |
|
||||
const dialogRef = ref(); |
|
||||
const customerGridRef = ref(); |
|
||||
const props = defineProps({ |
|
||||
dictionary: { |
|
||||
type: Object, |
|
||||
default: () => { |
|
||||
return {}; |
|
||||
}, |
|
||||
}, |
|
||||
}); |
|
||||
const emit = defineEmits(['refresh']); |
|
||||
|
|
||||
const state = reactive({ |
|
||||
dialogTitle: '选择客户', |
|
||||
flag: SelectCustomerFlag.RATING, // 发起评级或发起违约认定标记 |
|
||||
}); |
|
||||
|
|
||||
const generateRating = (rows) => { |
|
||||
showLoading(); |
|
||||
const requestParams = { |
|
||||
method: 'POST', |
|
||||
headers: { 'content-type': 'application/json;charset=utf-8;' }, |
|
||||
url: Environment.apiContextPath('api/irbs/companyRating/generateRating/' + rows[0]['custNo']), |
|
||||
}; |
|
||||
noErrorAxios(requestParams) |
|
||||
.then((resp) => { |
|
||||
hideLoading(); |
|
||||
emit('refresh'); |
|
||||
dialogRef.value.hide(); |
|
||||
NotifyManager.info('发起成功'); |
|
||||
}) |
|
||||
.catch((error) => { |
|
||||
const response = error?.response; |
|
||||
const status = response?.status; |
|
||||
const data = response?.data; |
|
||||
//其他错误 |
|
||||
if (status === 500 && data.exception === 'java.lang.RuntimeException' && !Tools.isEmpty(data.errorMessage)) { |
|
||||
NotifyManager.error(data.errorMessage); |
|
||||
} else if (status === 500) { |
|
||||
NotifyManager.error(t(data?.errorMessageI18nKey)); |
|
||||
} else { |
|
||||
NotifyManager.error(t(status)); |
|
||||
} |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
const dialogButtons = [ |
|
||||
{ |
|
||||
label: '确定', |
|
||||
icon: 'beenhere', |
|
||||
click: async () => { |
|
||||
const rows = customerGridRef.value.getSelectedRows(); |
|
||||
if (rows.length === 0) { |
|
||||
NotifyManager.warn('请选择客户'); |
|
||||
return; |
|
||||
} |
|
||||
if (state.flag === SelectCustomerFlag.RATING) { |
|
||||
// 判断客户是否已达当月评级次数上限 |
|
||||
const monthLimit = await axios.post(Environment.apiContextPath('api/irbs/companyRating/getMonthRatingLimit/' + rows[0]['custNo'])); |
|
||||
console.info('monthLimit====', monthLimit); |
|
||||
if (monthLimit?.data?.result === true && monthLimit?.data?.tactics === '1') { |
|
||||
NotifyManager.warn('该客户当月已达评级次数上限(' + monthLimit?.data?.num + '次)，无法再次发起评级'); |
|
||||
return; |
|
||||
} else if (monthLimit?.data?.result === true && monthLimit?.data?.tactics === '2') { |
|
||||
$q.dialog({ |
|
||||
title: '询问', |
|
||||
message: '该客户当月已发起评级次数超过：' + monthLimit?.data?.num + '次，是否继续发起？', |
|
||||
cancel: { noCaps: true }, |
|
||||
ok: { noCaps: true }, |
|
||||
persistent: true, |
|
||||
}).onOk(() => { |
|
||||
generateRating(rows); |
|
||||
}); |
|
||||
} else { |
|
||||
generateRating(rows); |
|
||||
} |
|
||||
} else if (state.flag === SelectCustomerFlag.COGNIZANCE) { |
|
||||
// 查询是否有在途流程 |
|
||||
const resp = await axios |
|
||||
.get(Environment.apiContextPath('api/irbs/defaultCognizance/queryDefaCustNo'), { params: { custNo: rows[0]['custNo'] } }) |
|
||||
.catch((error) => { |
|
||||
console.info('error-------------', error); |
|
||||
}); |
|
||||
if (resp && resp.data === '1') { |
|
||||
NotifyManager.warn('当前客户存在进行中违约认定流程'); |
|
||||
return; |
|
||||
} else if (resp && resp.data === '2') { |
|
||||
NotifyManager.warn('当前客户存在已人工认定违约认定结果，无法发起新的人工违约认定流程'); |
|
||||
return; |
|
||||
} else if (resp && resp.data === '0') { |
|
||||
// 发起 |
|
||||
showLoading(); |
|
||||
axios |
|
||||
.post(Environment.apiContextPath('api/irbs/defaultManager/cognizanceApply'), { custNo: rows[0]['custNo'], type: 'F' }) |
|
||||
.then((resp) => { |
|
||||
hideLoading(); |
|
||||
if (resp && resp['code'] === 200 && resp['data']) { |
|
||||
emit('refresh'); |
|
||||
dialogRef.value.hide(); |
|
||||
} |
|
||||
}) |
|
||||
.catch((error) => { |
|
||||
hideLoading(); |
|
||||
console.info('error-------------', error); |
|
||||
}); |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
}, |
|
||||
]; |
|
||||
|
|
||||
const customerGrid = { |
|
||||
queryFormFields: [ |
|
||||
{ label: '客户号', name: 'custNo', type: 'w-text' }, //defaultValue: '2100601306' |
|
||||
{ label: '客户名称', name: 'custName', type: 'w-text' }, |
|
||||
{ label: '企业规模', name: 'corpSizeCd', type: 'w-select', options: props.dictionary.optionsCustomerSizeCd }, |
|
||||
], |
|
||||
buttons: ['query', 'reset'], |
|
||||
columns: [ |
|
||||
{ name: 'custNo', label: '客户号' }, |
|
||||
{ name: 'custName', label: '客户名称' }, |
|
||||
{ name: 'induSortName', label: '行业类型' }, |
|
||||
{ name: 'custTypeCd', label: '客户类型', format: Formater.dictionary(props.dictionary.dictCustomerTypeCd) }, |
|
||||
{ name: 'buildDt', label: '成立时间' }, |
|
||||
{ name: 'corpSizeCd', label: '企业规模', format: Formater.dictionary(props.dictionary.dictCustomerSizeCd) }, |
|
||||
], |
|
||||
}; |
|
||||
|
|
||||
const show = (flag) => { |
|
||||
if (flag) { |
|
||||
state.flag = flag; |
|
||||
} |
|
||||
dialogRef.value.show(); |
|
||||
}; |
|
||||
const hide = () => { |
|
||||
dialogRef.value.hide(); |
|
||||
}; |
|
||||
|
|
||||
const showLoading = (msg: string = '正在处理，请稍等...') => { |
|
||||
$q.loading.show({ |
|
||||
message: msg, |
|
||||
boxClass: 'bg-grey-2 text-grey-9', |
|
||||
spinnerColor: 'primary', |
|
||||
}); |
|
||||
}; |
|
||||
const hideLoading = () => { |
|
||||
$q.loading.hide(); |
|
||||
}; |
|
||||
|
|
||||
defineExpose({ |
|
||||
show, |
|
||||
hide, |
|
||||
}); |
|
||||
</script> |
|
||||
File diff suppressed because it is too large
@ -1,31 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<q-knob v-model="value" :min="1" :max="10" readonly show-value :size="size" :color="color" track-color="grey-3" v-bind="attrs"> |
|
||||
<span>{{ props.level }}</span> |
|
||||
</q-knob> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script setup lang="ts"> |
|
||||
import { ref, useAttrs } from 'vue'; |
|
||||
import { RatingLevelOptions } from './CustRating.ts'; |
|
||||
|
|
||||
const attrs = useAttrs(); |
|
||||
const props = defineProps({ |
|
||||
level: { type: String, default: '' }, |
|
||||
size: { type: String, default: 'md' }, |
|
||||
}); |
|
||||
|
|
||||
const value = ref(0); |
|
||||
const color = ref('teal'); |
|
||||
|
|
||||
const ratingLevel = RatingLevelOptions.find((item) => { |
|
||||
return item['value'] === props.level; |
|
||||
}); |
|
||||
if (ratingLevel) { |
|
||||
value.value = ratingLevel.numberValue; |
|
||||
color.value = ratingLevel.color; |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style scoped lang="css"></style> |
|
||||
@ -1,61 +0,0 @@ |
|||||
<template> |
|
||||
<q-slider |
|
||||
v-model="ratingLevel" |
|
||||
dense |
|
||||
readonly |
|
||||
color="blue" |
|
||||
:label-always="labelAlwaysComputed" |
|
||||
:label-value="labelValueComputed" |
|
||||
:marker-labels="labelsComputed" |
|
||||
:min="minLevel" |
|
||||
:max="maxLevel" |
|
||||
style="width: 95%" |
|
||||
/> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { ref, computed } from 'vue'; |
|
||||
import { RatingLevelOptions } from './CustRating'; |
|
||||
|
|
||||
const modelValue = defineModel<string>(); |
|
||||
const minLevel = ref(RatingLevelOptions.find((item) => item.value === 'D')?.numberValue); |
|
||||
const maxLevel = ref(RatingLevelOptions.find((item) => item.value === 'AAA+')?.numberValue); |
|
||||
|
|
||||
const props = defineProps({ |
|
||||
// marker-labels 精简模式 |
|
||||
denseLabel: { type: Boolean, default: false }, |
|
||||
}); |
|
||||
|
|
||||
const ratingLevel = computed(() => { |
|
||||
const ratingLevel_ = RatingLevelOptions.find((item) => { |
|
||||
return item['value'] === modelValue.value; |
|
||||
}); |
|
||||
if (ratingLevel_) { |
|
||||
return ratingLevel_.numberValue; |
|
||||
} |
|
||||
return 1; |
|
||||
}); |
|
||||
|
|
||||
const labelsComputed = computed(() => { |
|
||||
const result = <any>[]; |
|
||||
RatingLevelOptions.forEach((item) => { |
|
||||
if (props.denseLabel && item.denseLabel) { |
|
||||
result.push({ |
|
||||
label: item.label, |
|
||||
value: item.numberValue, |
|
||||
}); |
|
||||
} else if (!props.denseLabel) { |
|
||||
result.push({ |
|
||||
label: item.label, |
|
||||
value: item.numberValue, |
|
||||
}); |
|
||||
} |
|
||||
}); |
|
||||
return result; |
|
||||
}); |
|
||||
const labelAlwaysComputed = computed(() => { |
|
||||
return props.denseLabel; |
|
||||
}); |
|
||||
const labelValueComputed = computed(() => { |
|
||||
return modelValue.value; |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,69 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<q-btn |
|
||||
v-if="showComputed" |
|
||||
icon="mark_chat_unread" |
|
||||
color="primary" |
|
||||
label="批注" |
|
||||
@click=" |
|
||||
() => { |
|
||||
addAnnotationRef.show(); |
|
||||
} |
|
||||
" |
|
||||
/> |
|
||||
<w-drawer ref="addAnnotationRef" title="批注"> |
|
||||
<div class="p-2 h-full"> |
|
||||
<w-splitter :size="205" horizontal unit="px" disable :show-separator="false"> |
|
||||
<template #before> |
|
||||
<w-form ref="formRef" :cols-num="1" :fields="[{ label: '批注内容', name: 'annotation', type: 'w-textarea' }]"></w-form> |
|
||||
<br /> |
|
||||
<q-btn |
|
||||
icon="add" |
|
||||
color="primary" |
|
||||
label="添加" |
|
||||
@click=" |
|
||||
() => { |
|
||||
annotationGridRef.addLocalData({ nr: formRef.getData()['annotation'], sj: currDate() }); |
|
||||
} |
|
||||
" |
|
||||
/> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<div class="h-full"> |
|
||||
<w-grid |
|
||||
ref="annotationGridRef" |
|
||||
:auto-fetch-data="false" |
|
||||
:config-button="false" |
|
||||
:toolbar-actions="['refresh', 'remove']" |
|
||||
:columns="[ |
|
||||
{ label: '批注内容', name: 'nr' }, |
|
||||
{ label: '批注时间', name: 'sj', width: 200 }, |
|
||||
]" |
|
||||
> |
|
||||
</w-grid> |
|
||||
</div> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</div> |
|
||||
</w-drawer> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { ref, inject, computed } from 'vue'; |
|
||||
import { Rating } from './ts/Rating'; |
|
||||
import { Step } from './ts/Step'; |
|
||||
import { Constant } from './ts/Constant'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const addAnnotationRef = ref(); |
|
||||
const annotationGridRef = ref(); |
|
||||
const formRef = ref(); |
|
||||
const currDate = () => { |
|
||||
const now = new Date(); |
|
||||
const formattedTime = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')} ${String(now.getHours()).padStart(2, '0')}:${String(now.getMinutes()).padStart(2, '0')}:${String(now.getSeconds()).padStart(2, '0')}`; |
|
||||
return formattedTime; |
|
||||
}; |
|
||||
const showComputed = computed(() => { |
|
||||
return true; |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,37 +0,0 @@ |
|||||
<template> |
|
||||
<CustInfo v-if="custComputed"></CustInfo> |
|
||||
<QuanQualAnalysis v-else-if="qqaComputed"></QuanQualAnalysis> |
|
||||
<AdjustItem v-else-if="aiComputed"></AdjustItem> |
|
||||
<ReportInfo v-else-if="riComputed"></ReportInfo> |
|
||||
<Opinion v-else-if="opinionComputed"></Opinion> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { ref, PropType, computed } from 'vue'; |
|
||||
import type { StepType } from './ts/type/StepType'; |
|
||||
import { Step } from './ts/Step'; |
|
||||
import CustInfo from './content/CustInfo.vue'; |
|
||||
import QuanQualAnalysis from './content/QuanQualAnalysis.vue'; |
|
||||
import AdjustItem from './content/AdjustItem.vue'; |
|
||||
import ReportInfo from './content/ReportInfo.vue'; |
|
||||
import Opinion from './content/Opinion.vue'; |
|
||||
|
|
||||
const props = defineProps({ |
|
||||
step: { type: Object as PropType<StepType>, default: undefined }, |
|
||||
}); |
|
||||
|
|
||||
const custComputed = computed(() => { |
|
||||
return props.step?.value === Step.type.custInfo.value; |
|
||||
}); |
|
||||
const qqaComputed = computed(() => { |
|
||||
return props.step?.value === Step.type.quanQualAnalysis.value; |
|
||||
}); |
|
||||
const aiComputed = computed(() => { |
|
||||
return props.step?.value === Step.type.adjustItem.value; |
|
||||
}); |
|
||||
const riComputed = computed(() => { |
|
||||
return props.step?.value === Step.type.reportInfo.value; |
|
||||
}); |
|
||||
const opinionComputed = computed(() => { |
|
||||
return props.step?.value === Step.type.opinion.value; |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,21 +0,0 @@ |
|||||
<template> |
|
||||
<q-btn v-if="showComputed" icon="next_plan" color="primary" label="下一步" @click="rating.step.nextClick" /> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { inject, computed } from 'vue'; |
|
||||
import { Rating } from './ts/Rating'; |
|
||||
import { Step } from './ts/Step'; |
|
||||
import { Constant } from './ts/Constant'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const showComputed = computed(() => { |
|
||||
if (rating.ratingData.value['processStatus'] === Constant.RATING_PROCESS_STATUS.BACK && rating.step.currStep.value === Step.type.reportInfo.value) { |
|
||||
return false; |
|
||||
} else { |
|
||||
if (rating.cm.isApplyUserProcessStatus.value && rating.step.currStep.value !== Step.type.opinion.value) { |
|
||||
return true; |
|
||||
} |
|
||||
} |
|
||||
return false; |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,71 +0,0 @@ |
|||||
<template> |
|
||||
<w-splitter :size="46" horizontal disable reverse unit="px" style="height: 100%"> |
|
||||
<template #before> |
|
||||
<Step ref="stepRef" class="h-full"></Step> |
|
||||
</template> |
|
||||
|
|
||||
<template #after> |
|
||||
<div class="p-1 flex justify-end gap-x-4"> |
|
||||
<AnnotationButton></AnnotationButton> |
|
||||
<!-- <TestCalcButton></TestCalcButton> --> |
|
||||
<NextButton></NextButton> |
|
||||
<WorkflowButton></WorkflowButton> |
|
||||
</div> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { VueTools } from 'platform-core'; |
|
||||
import { getCurrentInstance, onMounted, provide, ref, shallowRef } from 'vue'; |
|
||||
import RatingLevel from '../RatingLevel.vue'; |
|
||||
import NextButton from './NextButton.vue'; |
|
||||
import Step from './Step.vue'; |
|
||||
import TestCalcButton from './TestCalcButton.vue'; |
|
||||
import { Rating } from './ts/Rating'; |
|
||||
import WorkflowButton from './WorkflowButton.vue'; |
|
||||
import AnnotationButton from './AnnotationButton.vue'; |
|
||||
|
|
||||
const RatingLevelRef = shallowRef(RatingLevel); |
|
||||
const props = defineProps({ |
|
||||
ratingData: { |
|
||||
type: Object, |
|
||||
default: () => { |
|
||||
return {}; |
|
||||
}, |
|
||||
}, |
|
||||
readMode: { |
|
||||
type: Boolean, |
|
||||
default: false, |
|
||||
}, |
|
||||
}); |
|
||||
const emit = defineEmits(['afterComplete']); |
|
||||
|
|
||||
const rating = new Rating(props.ratingData, props.readMode); |
|
||||
await rating.dictionary.load(); |
|
||||
await rating.enum.load(); |
|
||||
await rating.systemParameter.load(); |
|
||||
const ratingLevelFormat = (modelLevel: any, size: string) => { |
|
||||
return { |
|
||||
componentType: RatingLevelRef, |
|
||||
attrs: { |
|
||||
level: modelLevel, |
|
||||
dense: true, |
|
||||
size: size, |
|
||||
}, |
|
||||
}; |
|
||||
}; |
|
||||
rating.refs.setRatingLevelFormatFunction(ratingLevelFormat); |
|
||||
|
|
||||
onMounted(() => { |
|
||||
rating.step.setCurrStep(rating.ratingData.value['currentStep']); |
|
||||
}); |
|
||||
|
|
||||
// 获得自身实例 |
|
||||
const instance = getCurrentInstance(); |
|
||||
// 将对外暴露API添加至自身实例中 |
|
||||
VueTools.expose2Instance(instance); |
|
||||
// 设置到评级类中 |
|
||||
rating.setInstance(instance); |
|
||||
|
|
||||
provide('rating', rating); |
|
||||
</script> |
|
||||
@ -1,58 +0,0 @@ |
|||||
<template> |
|
||||
<w-splitter :size="75" class="h-full" unit="px" disable> |
|
||||
<template #before> |
|
||||
<div class="h-full" style="display: flex; align-items: center"> |
|
||||
<q-tabs |
|
||||
v-model="rating.step.currStep.value" |
|
||||
vertical |
|
||||
indicator-color="amber" |
|
||||
active-color="amber" |
|
||||
align="left" |
|
||||
:dense="rating.cm.isAwaitSubmitProcessStatus.value" |
|
||||
style="height: auto" |
|
||||
@update:model-value="rating.step.click" |
|
||||
> |
|
||||
<template v-for="(step, index) in rating.step.steps.value" :key="step.value"> |
|
||||
<q-tab :name="step.value" :icon="step.icon" :label="step.label" :disable="step.disable" style="padding: 2px"> |
|
||||
<q-tooltip v-if="rating.cm.isAwaitSubmitProcessStatus.value" transition-show="rotate" transition-hide="rotate">{{ step.tooltip }}</q-tooltip> |
|
||||
</q-tab> |
|
||||
<div v-if="index !== rating.step.steps.value.length - 1 && rating.cm.isAwaitSubmitProcessStatus.value" style="width: 100%; text-align: center"> |
|
||||
<q-icon name="bi-arrow-down-short" size="sm"></q-icon> |
|
||||
</div> |
|
||||
</template> |
|
||||
</q-tabs> |
|
||||
</div> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<!-- 切分窗口 --> |
|
||||
<w-splitter v-if="!rating.cm.isAwaitSubmitProcessStatus.value" :size="77" :separator-color="rating.separatorColor" class="h-full"> |
|
||||
<template #before> |
|
||||
<q-tab-panels v-model="rating.step.currStep.value" class="p-0 h-full"> |
|
||||
<q-tab-panel v-for="step in rating.step.steps.value" :key="step.value" :name="step.value" class="p-0 h-full"> |
|
||||
<Content :step="step"></Content> |
|
||||
</q-tab-panel> |
|
||||
</q-tab-panels> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<Opinion></Opinion> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
<!-- 不切分 --> |
|
||||
<q-tab-panels v-else v-model="rating.step.currStep.value" class="p-0 h-full"> |
|
||||
<q-tab-panel v-for="step in rating.step.steps.value" :key="step.value" :name="step.value" class="p-0 h-full"> |
|
||||
<Content :step="step"></Content> |
|
||||
</q-tab-panel> |
|
||||
</q-tab-panels> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</template> |
|
||||
|
|
||||
<script setup lang="ts"> |
|
||||
import { inject, ref, onMounted } from 'vue'; |
|
||||
import { Rating } from './ts/Rating'; |
|
||||
import Content from './Content.vue'; |
|
||||
import { Constant } from './ts/Constant'; |
|
||||
import Opinion from './content/Opinion.vue'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
</script> |
|
||||
@ -1,73 +0,0 @@ |
|||||
<template> |
|
||||
<q-btn v-if="showComputed" icon="calculate" color="primary" label="试算" :disable="testCalcNum < 1" @click="click"> |
|
||||
<q-badge :color="testCalcNum > 3 ? 'green' : 'red'" floating |
|
||||
>{{ testCalcNum }} |
|
||||
<q-tooltip> 剩余可试算次数 </q-tooltip> |
|
||||
</q-badge> |
|
||||
</q-btn> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { ref, inject, computed, onBeforeMount } from 'vue'; |
|
||||
import { useQuasar } from 'quasar'; |
|
||||
import { axios, Environment, NotifyManager, Tools } from 'platform-core'; |
|
||||
import { Rating } from './ts/Rating'; |
|
||||
import { Step } from './ts/Step'; |
|
||||
import { Constant } from './ts/Constant'; |
|
||||
import { round } from './ts/Utils'; |
|
||||
|
|
||||
const $q = useQuasar(); |
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const testCalcNum = ref(0); |
|
||||
|
|
||||
const getTestCalcNum = async () => { |
|
||||
const resp = await axios.get(Environment.apiContextPath('api/irbs/companyRating/getQualTestCalcNum'), { |
|
||||
params: { ratingId: rating.ratingData.value['id'] }, |
|
||||
}); |
|
||||
if (resp?.data) { |
|
||||
testCalcNum.value = resp.data; |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
const click = async () => { |
|
||||
const result = rating.step.qualFormValidate(); |
|
||||
if (!result['result']) { |
|
||||
return; |
|
||||
} |
|
||||
rating.showLoading('正在计算定性得分，请稍等...'); |
|
||||
const url = Environment.apiContextPath('api/irbs/companyRating/qualSaveIndices/' + Constant.QUAL_SAVE_OPERATOR.TEST); |
|
||||
const resp = await axios.post(url, result['submitData']).catch((error) => { |
|
||||
rating.hideLoading(); |
|
||||
NotifyManager.error('计算出错，请联系管理员'); |
|
||||
console.info('error====', error); |
|
||||
}); |
|
||||
rating.hideLoading(); |
|
||||
if (resp?.data?.success === true) { |
|
||||
rating.ratingData.value['lastQualTestCalcScore'] = round(resp.data.qualScore, 2); |
|
||||
$q.dialog({ |
|
||||
title: '消息', |
|
||||
message: '本次试算定性得分为：' + round(resp.data.qualScore, 2), |
|
||||
cancel: false, |
|
||||
persistent: true, |
|
||||
}); |
|
||||
// 获取最新试算次数 |
|
||||
getTestCalcNum(); |
|
||||
} else if (resp?.data?.success === false && !Tools.isEmpty(resp.data.errorMsg)) { |
|
||||
if (rating.ratingData.value['lastQualTestCalcScore']) { |
|
||||
NotifyManager.error(resp.data.errorMsg + '，与最后一次试算结果相同，得分为：' + rating.ratingData.value['lastQualTestCalcScore']); |
|
||||
} else { |
|
||||
NotifyManager.error(resp.data.errorMsg); |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
const showComputed = computed(() => { |
|
||||
if (rating.cm.isApplyUserProcessStatus.value && rating.step.currStep.value === Step.type.quanQualAnalysis.value) { |
|
||||
return true; |
|
||||
} |
|
||||
return false; |
|
||||
}); |
|
||||
|
|
||||
onBeforeMount(() => { |
|
||||
getTestCalcNum(); |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,48 +0,0 @@ |
|||||
<template> |
|
||||
<w-workflow-action |
|
||||
v-if="showComputed" |
|
||||
:task-id="rating.ratingData.value['taskId']" |
|
||||
:data="rating.opinionData.value" |
|
||||
:default-submit-button="false" |
|
||||
:action-url="Environment.apiContextPath('/api/irbs/companyRatingProcess/submit')" |
|
||||
@before-submit=" |
|
||||
async (action, callback) => { |
|
||||
rating.opinionData.value = { |
|
||||
transientVariables: { |
|
||||
opaVal: action.transientVariables.goback, |
|
||||
desc: '客户名称：' + rating.ratingData.value['custName'], |
|
||||
}, |
|
||||
data: rating.refs.overturnFormRefFunction().getData(), |
|
||||
}; |
|
||||
const validateResult = await rating.refs.overturnFormRefFunction().validate(); |
|
||||
if (validateResult) { |
|
||||
callback(true); |
|
||||
} else { |
|
||||
callback(false); |
|
||||
} |
|
||||
} |
|
||||
" |
|
||||
@after-submit=" |
|
||||
() => { |
|
||||
rating.instance.emit('afterComplete'); |
|
||||
} |
|
||||
" |
|
||||
> |
|
||||
</w-workflow-action> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { inject, computed } from 'vue'; |
|
||||
import { Environment } from 'platform-core'; |
|
||||
import { Rating } from './ts/Rating'; |
|
||||
import { Step } from './ts/Step'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const showComputed = computed(() => { |
|
||||
if (rating.cm.isAwaitSubmitProcessStatus.value) { |
|
||||
return rating.step.currStep.value === Step.type.opinion.value; |
|
||||
} else if (rating.ratingData.value['taskId']) { |
|
||||
return true; |
|
||||
} |
|
||||
return false; |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,18 +0,0 @@ |
|||||
<template> |
|
||||
<w-splitter :size="45" unit="px" horizontal disable> |
|
||||
<template #before> |
|
||||
<FirstRatingResult></FirstRatingResult> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<AdjustItemGrid class="px-1"></AdjustItemGrid> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { inject, computed } from 'vue'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
import FirstRatingResult from './FirstRatingResult.vue'; |
|
||||
import AdjustItemGrid from './AdjustItemGrid.vue'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
</script> |
|
||||
@ -1,68 +0,0 @@ |
|||||
<template> |
|
||||
<w-grid |
|
||||
ref="adjustItemGridRef" |
|
||||
title="评级调整项列表" |
|
||||
:dense="rating.dense" |
|
||||
:pageable="false" |
|
||||
:hide-bottom="true" |
|
||||
:auto-fetch-data="false" |
|
||||
:checkbox-selection="false" |
|
||||
group-mode="alone" |
|
||||
group-by-field="indexCategory" |
|
||||
:stripe="true" |
|
||||
:sort-no="false" |
|
||||
:config-button="false" |
|
||||
:toolbar-actions="['expand']" |
|
||||
:columns="[ |
|
||||
{ |
|
||||
name: 'value', |
|
||||
label: '符合', |
|
||||
width: 80, |
|
||||
align: 'center', |
|
||||
sortable: false, |
|
||||
format: (val) => { |
|
||||
return { |
|
||||
componentType: 'w-checkbox', |
|
||||
bindModelValue: true, |
|
||||
attrs: { |
|
||||
dense: true, |
|
||||
disableIf: () => { |
|
||||
// if (showNextBtnComputed) { |
|
||||
// return false; |
|
||||
// } |
|
||||
return false; |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
name: 'indexCategory', |
|
||||
label: '调整项分类', |
|
||||
showIf: false, |
|
||||
}, |
|
||||
{ |
|
||||
name: 'indexCode', |
|
||||
label: '调整项编码', |
|
||||
sortable: false, |
|
||||
}, |
|
||||
{ |
|
||||
name: 'adjustItemName', |
|
||||
label: '调整项（<span class=\'text-red-500\'>若客户符合调整项所描述情况，请在【符合】列打勾</span>）', |
|
||||
sortable: false, |
|
||||
}, |
|
||||
]" |
|
||||
@row-db-click="() => {}" |
|
||||
></w-grid> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { inject, ref } from 'vue'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const adjustItemGridRef = ref(); |
|
||||
const getAdjustItemGridRef = () => { |
|
||||
return adjustItemGridRef.value; |
|
||||
}; |
|
||||
rating.refs.setAdjustItemGridRefFunction(getAdjustItemGridRef); |
|
||||
</script> |
|
||||
@ -1,36 +0,0 @@ |
|||||
<template> |
|
||||
<w-splitter :size="34" horizontal unit="px" disable class="h-full"> |
|
||||
<template #before> |
|
||||
<w-card-panel |
|
||||
label="评级调整项详情" |
|
||||
:bordered="false" |
|
||||
:title-mode="true" |
|
||||
icon="build_circle" |
|
||||
:icon-attrs="{ color: 'yellow' }" |
|
||||
color="yellow" |
|
||||
></w-card-panel> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<q-list v-if="rating.adjustItemScoreDtlData.value" padding> |
|
||||
<template v-for="(values, key, a) in rating.adjustItemScoreDtlData.value" :key="a"> |
|
||||
<q-item-label header>{{ key }}</q-item-label> |
|
||||
|
|
||||
<template v-for="(dtl, index) in values" :key="index"> |
|
||||
<q-item> |
|
||||
<q-item-section> |
|
||||
<q-item-label>{{ index + 1 }}、{{ dtl['INDEX_NAME'] }}</q-item-label> |
|
||||
<!-- <q-item-label caption> {{ dtl['TEXT'] }} </q-item-label> --> |
|
||||
</q-item-section> |
|
||||
</q-item> |
|
||||
</template> |
|
||||
<!-- <q-separator /> --> |
|
||||
</template> |
|
||||
</q-list> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { inject } from 'vue'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
const rating = <Rating>inject('rating'); |
|
||||
</script> |
|
||||
@ -1,38 +0,0 @@ |
|||||
<template> |
|
||||
<w-grid |
|
||||
ref="creditReportGridRef" |
|
||||
title="征信报告" |
|
||||
:dense="rating.dense" |
|
||||
:pageable="false" |
|
||||
:hide-bottom="true" |
|
||||
:auto-fetch-data="false" |
|
||||
:fetch-data-url="Environment.apiContextPath('api/irbs/creditReport')" |
|
||||
:checkbox-selection="false" |
|
||||
:config-button="false" |
|
||||
:columns="[ |
|
||||
{ name: 'id', label: '报告号' }, |
|
||||
{ name: 'custNo', label: '客户号' }, |
|
||||
{ name: 'entName', label: '客户名称' }, |
|
||||
{ name: 'reportDate', label: '报告日期', format: Formater.dateOnly() }, |
|
||||
{ name: 'expiryDate', label: '征信有效期', format: Formater.dateOnly() }, |
|
||||
{ name: 'blankInd', label: '是否白户', slot: 'isValid' }, |
|
||||
]" |
|
||||
:query-criteria="{ |
|
||||
fieldName: 'custNo', |
|
||||
operator: 'equals', |
|
||||
value: '', |
|
||||
}" |
|
||||
></w-grid> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { ref, inject } from 'vue'; |
|
||||
import { Formater, Environment } from 'platform-core'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const creditReportGridRef = ref(); |
|
||||
const getCreditReportGridRef = () => { |
|
||||
return creditReportGridRef.value; |
|
||||
}; |
|
||||
rating.refs.setCreditReportGridRefFunction(getCreditReportGridRef); |
|
||||
</script> |
|
||||
@ -1,29 +0,0 @@ |
|||||
<template> |
|
||||
<q-card flat bordered> |
|
||||
<q-card-section> |
|
||||
<span class="text-3xl"> |
|
||||
{{ rating.custInfoData.value['custName'] }} |
|
||||
<!-- <q-badge v-if="rating.custInfoData.value['marketEnterprisesInd'] === '1'" color="red" align="top">上市</q-badge> --> |
|
||||
<q-badge color="orange" align="top">客户号：{{ rating.custInfoData.value['custNo'] }}</q-badge |
|
||||
> <q-badge color="green" align="top">上市</q-badge> |
|
||||
<q-badge color="red" align="top">{{ Formater.dictionary(rating.dictionary.customerSize)(rating.custInfoData.value['customerSize']) }}</q-badge |
|
||||
> <q-badge align="top">{{ Formater.dictionary(rating.dictionary.registeredType)(rating.custInfoData.value['registeredType']) }}</q-badge |
|
||||
> <q-badge color="secondary" align="top">{{ rating.custInfoData.value['groupCustInd'] === '1' ? '集团客户' : '非集团客户' }}</q-badge |
|
||||
> |
|
||||
<q-badge v-if="rating.custInfoData.value['groupCustInd'] === '1'" align="top" |
|
||||
>集团成员类别：{{ Formater.dictionary(rating.dictionary.memberTypeCd)(rating.custInfoData.value['memberType']) }}</q-badge |
|
||||
><template v-if="rating.custInfoData.value['groupCustInd'] === '1'"> </template> |
|
||||
<q-badge color="blue" align="top">行业：{{ rating.custInfoData.value['industryTypeName'] }}</q-badge |
|
||||
> <q-badge color="brown" align="top">成立日期：{{ rating.custInfoData.value['buildDate'] }}</q-badge |
|
||||
> |
|
||||
</span> |
|
||||
</q-card-section> |
|
||||
</q-card> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { Formater } from 'platform-core'; |
|
||||
import { inject } from 'vue'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
</script> |
|
||||
@ -1,61 +0,0 @@ |
|||||
<template> |
|
||||
<w-splitter :size="48" unit="px" horizontal disable> |
|
||||
<template #before> |
|
||||
<div class="py-1 pl-1 flex flex-nowrap items-start gap-x-2"> |
|
||||
<div class="flex-1"> |
|
||||
<w-form |
|
||||
:cols-num="3" |
|
||||
:fields="[ |
|
||||
{ |
|
||||
label: '评分卡', |
|
||||
name: 'modelName', |
|
||||
type: 'w-select', |
|
||||
options: ['A评分卡', 'B评分卡', 'K评分卡'], |
|
||||
defaultValue: rating.ratingData.value['modelName'], |
|
||||
}, |
|
||||
{ |
|
||||
label: '更改评分卡说明', |
|
||||
name: 'updateModelDesc', |
|
||||
type: 'w-text', |
|
||||
colSpan: 2, |
|
||||
}, |
|
||||
]" |
|
||||
> |
|
||||
</w-form> |
|
||||
</div> |
|
||||
<div class="flex-none pr-4"> |
|
||||
<q-btn icon="task_alt" color="primary" label="更改" @click="click" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<w-splitter :size="70" :limits="[30, 95]" horizontal :separator-color="rating.separatorColor"> |
|
||||
<template #before> |
|
||||
<FinanceReportTabs></FinanceReportTabs> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<CreditReportGrid class="px-1"></CreditReportGrid> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { ref, inject } from 'vue'; |
|
||||
import { DialogManager } from 'platform-core'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
import FinanceReportGrid from './FinanceReportGrid.vue'; |
|
||||
import CreditReportGrid from './CreditReportGrid.vue'; |
|
||||
import CustBaseInfo from './CustBaseInfo.vue'; |
|
||||
import FinanceReportTabs from './FinanceReportTabs.vue'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const custFormRef = ref(); |
|
||||
const getCustFormRef = () => { |
|
||||
return custFormRef.value; |
|
||||
}; |
|
||||
rating.refs.setCustFormRefFunction(getCustFormRef); |
|
||||
const click = () => { |
|
||||
DialogManager.confirm('更改评分卡后流程会经总行进行审批，确认要更改评分卡吗', () => {}); |
|
||||
}; |
|
||||
</script> |
|
||||
@ -1,46 +0,0 @@ |
|||||
<template> |
|
||||
<w-grid |
|
||||
ref="defaultCognizanceGridRef" |
|
||||
:dense="rating.dense" |
|
||||
:pageable="false" |
|
||||
:hide-bottom="true" |
|
||||
:auto-fetch-data="true" |
|
||||
:toolbar-actions="[]" |
|
||||
:fetch-data-url="Environment.apiContextPath('api/irbs/defaultCognizance')" |
|
||||
:checkbox-selection="false" |
|
||||
:config-button="false" |
|
||||
:columns="[ |
|
||||
{ name: 'custNo', label: '客户号' }, |
|
||||
{ name: 'custName', label: '客户名称' }, |
|
||||
{ name: 'levelHis', label: '违约时评级' }, |
|
||||
{ name: 'effectiveDate', label: '违约发起时间' }, |
|
||||
{ name: 'creator', label: '违约发起人' }, |
|
||||
{ name: 'defaultProcessStatus', label: '违约流程状态' }, |
|
||||
{ name: 'defalutType', label: '违约认定类型' }, |
|
||||
]" |
|
||||
:query-criteria="{ |
|
||||
operator: 'and', |
|
||||
criteria: [ |
|
||||
{ |
|
||||
fieldName: 'custNo', |
|
||||
operator: 'equals', |
|
||||
value: rating.ratingData.value['custNo'], |
|
||||
}, |
|
||||
{ |
|
||||
fieldName: 'status', |
|
||||
operator: 'equals', |
|
||||
value: Constant.DEFAULT_PROCESS_STATUS.PASS, |
|
||||
}, |
|
||||
], |
|
||||
}" |
|
||||
:sort-by="['-effectiveDate']" |
|
||||
></w-grid> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { Environment } from 'platform-core'; |
|
||||
import { inject } from 'vue'; |
|
||||
import { Constant } from '../ts/Constant'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
</script> |
|
||||
@ -1,45 +0,0 @@ |
|||||
<template> |
|
||||
<w-grid |
|
||||
ref="defaultRebirthGridRef" |
|
||||
:dense="rating.dense" |
|
||||
:pageable="false" |
|
||||
:hide-bottom="true" |
|
||||
:auto-fetch-data="true" |
|
||||
:toolbar-actions="[]" |
|
||||
:fetch-data-url="Environment.apiContextPath('api/irbs/defaultRebirth')" |
|
||||
:checkbox-selection="false" |
|
||||
:config-button="false" |
|
||||
:columns="[ |
|
||||
{ name: 'custNo', label: '客户号' }, |
|
||||
{ name: 'custName', label: '客户名称' }, |
|
||||
{ name: 'rebirthEffectiveDate', label: '重生生效时间' }, |
|
||||
{ name: 'creator', label: '重生发起人' }, |
|
||||
{ name: 'rebirthProcessStatus', label: '重生流程状态' }, |
|
||||
{ name: 'defalutRebornType', label: '违约重生类型' }, |
|
||||
]" |
|
||||
:query-criteria="{ |
|
||||
operator: 'and', |
|
||||
criteria: [ |
|
||||
{ |
|
||||
fieldName: 'custNo', |
|
||||
operator: 'equals', |
|
||||
value: rating.ratingData.value['custNo'], |
|
||||
}, |
|
||||
{ |
|
||||
fieldName: 'rebirthProcessStatus', |
|
||||
operator: 'equals', |
|
||||
value: Constant.DEFAULT_PROCESS_STATUS.PASS, |
|
||||
}, |
|
||||
], |
|
||||
}" |
|
||||
:sort-by="['-rebirthEffectiveDate']" |
|
||||
></w-grid> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { Environment } from 'platform-core'; |
|
||||
import { inject } from 'vue'; |
|
||||
import { Constant } from '../ts/Constant'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
</script> |
|
||||
@ -1,49 +0,0 @@ |
|||||
<template> |
|
||||
<div v-if="!Tools.isEmpty(valueComputed)">{{ formatAmt(valueComputed) }} <q-icon :name="iconComputed?.name" :color="iconComputed?.color"></q-icon></div> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { computed } from 'vue'; |
|
||||
import { Tools } from 'platform-core'; |
|
||||
import { formatAmt } from '../ts/Utils'; |
|
||||
|
|
||||
const props = defineProps({ |
|
||||
// 本期值 |
|
||||
value: { type: Number, default: undefined }, |
|
||||
// 上期值 |
|
||||
previousPeriod: { type: Number, default: undefined }, |
|
||||
}); |
|
||||
|
|
||||
const icon = { |
|
||||
equals: { |
|
||||
name: 'horizontal_rule', |
|
||||
color: 'green', |
|
||||
}, |
|
||||
up: { |
|
||||
name: 'arrow_upward', |
|
||||
color: 'blue', |
|
||||
}, |
|
||||
down: { |
|
||||
name: 'arrow_downward', |
|
||||
color: 'orange', |
|
||||
}, |
|
||||
}; |
|
||||
|
|
||||
const valueComputed = computed(() => { |
|
||||
if (!Tools.isEmpty(props.value) && !Tools.isEmpty(props.previousPeriod)) { |
|
||||
const result = props.value - props.previousPeriod; |
|
||||
return result; |
|
||||
} |
|
||||
return undefined; |
|
||||
}); |
|
||||
|
|
||||
const iconComputed = computed(() => { |
|
||||
if (!Tools.isEmpty(valueComputed.value) && valueComputed.value === 0) { |
|
||||
return icon.equals; |
|
||||
} else if (!Tools.isEmpty(valueComputed.value) && valueComputed.value > 0) { |
|
||||
return icon.up; |
|
||||
} else if (!Tools.isEmpty(valueComputed.value) && valueComputed.value < 0) { |
|
||||
return icon.down; |
|
||||
} |
|
||||
return undefined; |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,74 +0,0 @@ |
|||||
<template> |
|
||||
<w-grid |
|
||||
:dense-body="true" |
|
||||
:pageable="false" |
|
||||
:hide-bottom="true" |
|
||||
:auto-fetch-data="true" |
|
||||
:dense="true" |
|
||||
:fetch-data-url="Environment.apiContextPath('api/irbs/financeReportDetail/query/' + rating.ratingData.value['custId'])" |
|
||||
:checkbox-selection="false" |
|
||||
:sort-no="true" |
|
||||
:config-button="false" |
|
||||
:columns="columnsComputed" |
|
||||
:query-criteria="props.queryCriteria" |
|
||||
:sort-by="['projectCode']" |
|
||||
></w-grid> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { inject, onMounted, computed } from 'vue'; |
|
||||
import { Environment } from 'platform-core'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
import FinanceProjectCompare from './FinanceProjectCompare.vue'; |
|
||||
import { formatAmt } from '../ts/Utils'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const props = defineProps({ |
|
||||
queryCriteria: { type: Object, default: undefined }, |
|
||||
}); |
|
||||
|
|
||||
const columnsComputed = computed(() => { |
|
||||
const columns = <any>[ |
|
||||
{ name: 'code', label: '科目编码' }, |
|
||||
{ name: 'name', label: '科目名称' }, |
|
||||
]; |
|
||||
if (rating.financeReport.value.length > 0) { |
|
||||
const columnNames = ['value', 'previousPeriodvalue', 'previousPeriod2value', 'previousPeriod3value']; |
|
||||
rating.financeReport.value.forEach((report: any, index: number) => { |
|
||||
const year = report['endDate'].substring(0, 4); |
|
||||
columns.push({ |
|
||||
name: year, |
|
||||
label: year, |
|
||||
columns: [ |
|
||||
{ |
|
||||
name: columnNames[index], |
|
||||
label: '本期值', |
|
||||
align: 'right', |
|
||||
format: (val, row) => { |
|
||||
return formatAmt(val); |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
name: year + 'comparePreviousPeriod', |
|
||||
label: '比上期', |
|
||||
align: 'right', |
|
||||
format: (val, row) => { |
|
||||
return { |
|
||||
componentType: FinanceProjectCompare, |
|
||||
attrs: { |
|
||||
value: row[columnNames[index]], |
|
||||
previousPeriod: index === columnNames.length - 1 ? undefined : row[columnNames[index + 1]], |
|
||||
}, |
|
||||
}; |
|
||||
}, |
|
||||
}, |
|
||||
], |
|
||||
}); |
|
||||
}); |
|
||||
} |
|
||||
return columns; |
|
||||
}); |
|
||||
|
|
||||
onMounted(() => { |
|
||||
rating.api.loadFinanceReport(); |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,146 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<w-grid |
|
||||
ref="financeReportGridRef" |
|
||||
title="财务报表" |
|
||||
:dense="rating.dense" |
|
||||
:height="150" |
|
||||
:pageable="false" |
|
||||
:hide-bottom="true" |
|
||||
:auto-fetch-data="false" |
|
||||
:fetch-data-url="Environment.apiContextPath('api/irbs/financeReport/getReport')" |
|
||||
:checkbox-selection="false" |
|
||||
:config-button="false" |
|
||||
:columns="[ |
|
||||
{ name: 'endDate', label: '财报日期', format: Formater.dateOnly() }, |
|
||||
// { name: 'type', label: '报表类型', format: Formater.dictionary(rating.dictionary.financeTypeCd) }, |
|
||||
{ |
|
||||
name: 'type', |
|
||||
label: '报表类型', |
|
||||
format: Formater.dictionary(rating.dictionary.financeTypeCd), |
|
||||
}, |
|
||||
{ name: 'sort', label: '报表类别', format: Formater.dictionary(rating.dictionary.financeSortTypeCd) }, |
|
||||
{ name: 'auditedInd', label: '是否审计', format: Formater.dictionary(rating.dictionary.financeStatusCd) }, |
|
||||
{ name: 'caliber', label: '报表口径', format: Formater.dictionary(rating.dictionary.caliberCd) }, |
|
||||
{ name: 'currency', label: '报表币种', format: Formater.dictionary(rating.dictionary.currencyTypeCd) }, |
|
||||
{ name: 'userNo', label: '经办人' }, |
|
||||
{ name: 'remarks', label: '备注' }, |
|
||||
{ |
|
||||
name: 'op', |
|
||||
label: '操作', |
|
||||
format: opFormat, |
|
||||
}, |
|
||||
]" |
|
||||
></w-grid> |
|
||||
<w-dialog ref="financeReportDetailDialogRef" title="财报详情" width="80%" height="80%" body-padding="0px 0px 0px 0px"> |
|
||||
<w-splitter :size="60" horizontal unit="px" disable class="h-full"> |
|
||||
<template #before> |
|
||||
<div class="p-1"> |
|
||||
<w-info-panel :info="financeReport.otherInfo" :column-num="5" :label-width="150"></w-info-panel> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<template #after> |
|
||||
<div class="flex flex-nowrap items-start h-full"> |
|
||||
<div class="flex-none h-full"> |
|
||||
<q-tabs v-model="detailTab" vertical indicator-color="amber" active-color="amber"> |
|
||||
<template v-for="report in financeReport.tabsComputed.value" :key="report.value"> |
|
||||
<q-tab :name="report.value" :icon="report.icon" :label="report.label" /> |
|
||||
</template> |
|
||||
</q-tabs> |
|
||||
</div> |
|
||||
<q-separator vertical /> |
|
||||
<div class="flex-1 h-full"> |
|
||||
<q-tab-panels |
|
||||
v-model="detailTab" |
|
||||
:keep-alive="true" |
|
||||
animated |
|
||||
swipeable |
|
||||
vertical |
|
||||
transition-prev="jump-up" |
|
||||
transition-next="jump-up" |
|
||||
class="h-full" |
|
||||
> |
|
||||
<template v-for="report in financeReport.tabsComputed.value" :key="report.value"> |
|
||||
<q-tab-panel :name="report.value" class="h-full p-1"> |
|
||||
<FinanceProjectGrid |
|
||||
:query-criteria="{ |
|
||||
operator: 'and', |
|
||||
criteria: [ |
|
||||
{ |
|
||||
fieldName: 'reportId', |
|
||||
operator: 'equals', |
|
||||
value: financeReport.reportId, |
|
||||
}, |
|
||||
{ |
|
||||
fieldName: 'projectType', |
|
||||
operator: 'equals', |
|
||||
value: report.value, |
|
||||
}, |
|
||||
], |
|
||||
}" |
|
||||
></FinanceProjectGrid> |
|
||||
</q-tab-panel> |
|
||||
</template> |
|
||||
</q-tab-panels> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</w-dialog> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { ref, nextTick, reactive, inject } from 'vue'; |
|
||||
import { Formater, Environment } from 'platform-core'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
import FinanceProjectGrid from './FinanceProjectGrid.vue'; |
|
||||
import { FinanceReport, Constant } from '../ts/FinanceReport'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const financeReportGridRef = ref(); |
|
||||
const getFinanceReportGridRef = () => { |
|
||||
return financeReportGridRef.value; |
|
||||
}; |
|
||||
rating.refs.setFinanceReportGridRefFunction(getFinanceReportGridRef); |
|
||||
const financeReportDetailDialogRef = ref(); |
|
||||
const financeReport = new FinanceReport(); |
|
||||
|
|
||||
const splitterModel = ref(60); |
|
||||
const detailTab = ref(''); |
|
||||
|
|
||||
const opFormat = (value, row) => { |
|
||||
if (row && row['sort']) { |
|
||||
return { |
|
||||
componentType: 'q-chip', |
|
||||
attrs: { |
|
||||
dense: true, |
|
||||
color: 'primary', |
|
||||
icon: 'visibility', |
|
||||
textColor: 'white', |
|
||||
square: true, |
|
||||
size: rating.dense ? 'xs' : 'md', |
|
||||
label: '查 看', |
|
||||
onclick: () => { |
|
||||
financeReport.reportType.value = row['sort']; |
|
||||
if (financeReport.reportType.value === Constant.REPORT_TYPE_COMPANY) { |
|
||||
detailTab.value = FinanceReport.reportDetail.c_balance_sheet.value; |
|
||||
} else { |
|
||||
detailTab.value = FinanceReport.reportDetail.p_balance_sheet.value; |
|
||||
} |
|
||||
financeReport.reportId = row['id']; |
|
||||
financeReportDetailDialogRef.value.show(); |
|
||||
financeReport.otherInfo = []; |
|
||||
financeReport.otherInfo.push({ label: '财务报表截至日期', value: row['endDate'], format: Formater.dateOnly() }); |
|
||||
financeReport.otherInfo.push({ label: '是否经过审计', value: row['auditedInd'], format: Formater.dictionary(rating.dictionary.financeStatusCd) }); |
|
||||
financeReport.otherInfo.push({ label: '财务报表类别', value: row['sort'], format: Formater.dictionary(rating.dictionary.financeTypeCd) }); |
|
||||
financeReport.otherInfo.push({ label: '财务报表口径', value: row['caliber'], format: Formater.dictionary(rating.dictionary.caliberCd) }); |
|
||||
financeReport.otherInfo.push({ label: '财务报表币种', value: row['currency'], format: Formater.dictionary(rating.dictionary.currencyTypeCd) }); |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
} else { |
|
||||
return ''; |
|
||||
} |
|
||||
}; |
|
||||
</script> |
|
||||
@ -1,39 +0,0 @@ |
|||||
<template> |
|
||||
<div class="h-full"> |
|
||||
<w-splitter :size="36" horizontal class="h-full" unit="px" disable> |
|
||||
<template #before> |
|
||||
<q-tabs v-model="tab" inline-label dense indicator-color="amber" align="right" active-color="amber"> |
|
||||
<template v-for="report in financeReport.tabsComputed.value" :key="report.value"> |
|
||||
<q-tab :name="report.value" :icon="report.icon" :label="report.label" /> |
|
||||
</template> |
|
||||
</q-tabs> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<q-tab-panels v-model="tab" :keep-alive="true" animated swipeable vertical transition-prev="jump-up" transition-next="jump-up" class="h-full"> |
|
||||
<template v-for="report in financeReport.tabsComputed.value" :key="report.value"> |
|
||||
<q-tab-panel :name="report.value" class="h-full p-1"> |
|
||||
<FinanceProjectGrid |
|
||||
:query-criteria="{ |
|
||||
fieldName: 'projectType', |
|
||||
operator: 'equals', |
|
||||
value: report.value, |
|
||||
}" |
|
||||
></FinanceProjectGrid> |
|
||||
</q-tab-panel> |
|
||||
</template> |
|
||||
</q-tab-panels> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { inject, ref } from 'vue'; |
|
||||
import { Environment, Formater } from 'platform-core'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
import { FinanceReport, Constant } from '../ts/FinanceReport'; |
|
||||
import FinanceProjectGrid from './FinanceProjectGrid.vue'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const financeReport = new FinanceReport(); |
|
||||
const tab = ref(FinanceReport.reportDetail.c_balance_sheet.value); |
|
||||
</script> |
|
||||
@ -1,29 +0,0 @@ |
|||||
<template> |
|
||||
<div v-if="rating.systemParameter.showTotalScore.value"> |
|
||||
<span class="pl-[8px]">初评结果</span> |
|
||||
<w-info-panel :info="rating.firstRatingData.value" :column-num="4"></w-info-panel> |
|
||||
</div> |
|
||||
<div v-else> |
|
||||
<q-list dense> |
|
||||
<q-item> |
|
||||
<q-item-section avatar>初评结果</q-item-section> |
|
||||
<q-item-section> |
|
||||
<RatingLevelSlider v-model="firstRatingLevelComputed"></RatingLevelSlider> |
|
||||
</q-item-section> |
|
||||
</q-item> |
|
||||
</q-list> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { inject, computed } from 'vue'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
import RatingLevelSlider from '../../RatingLevelSlider.vue'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const firstRatingLevelComputed = computed(() => { |
|
||||
if (rating.firstRatingData.value && rating.firstRatingData.value.length > 0) { |
|
||||
return rating.firstRatingData.value[0]['value']; |
|
||||
} |
|
||||
return undefined; |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,51 +0,0 @@ |
|||||
<template> |
|
||||
<w-grid |
|
||||
ref="custHistRatingGridRef" |
|
||||
:dense="rating.dense" |
|
||||
:pageable="false" |
|
||||
:hide-bottom="true" |
|
||||
:auto-fetch-data="true" |
|
||||
:toolbar-actions="[]" |
|
||||
:fetch-data-url="Environment.apiContextPath('api/irbs/companyRating')" |
|
||||
:checkbox-selection="false" |
|
||||
:config-button="false" |
|
||||
:columns="[ |
|
||||
{ name: 'id', label: '申请编号' }, |
|
||||
{ name: 'custNo', label: '客户号' }, |
|
||||
{ name: 'custName', label: '客户名称' }, |
|
||||
// { name: 'modelScore', label: '得分' }, |
|
||||
{ name: 'modelLevel', label: '系统评级等级' }, |
|
||||
{ name: 'adjLevel', label: '调整等级' }, |
|
||||
{ name: 'initLevel', label: '初评等级' }, |
|
||||
{ name: 'finalLevel', label: '最终等级' }, |
|
||||
{ name: 'effectiveTime', label: '生效日期', format: Formater.dateOnly() }, |
|
||||
{ name: 'matureTime', label: '到期日期', format: Formater.dateOnly() }, |
|
||||
{ name: 'ratingStatus', label: '评级状态', format: Formater.enum(rating.enum.ratingStatus) }, |
|
||||
{ name: 'launchUser', label: '发起人' }, |
|
||||
{ name: 'processStatus', label: '状态', format: Formater.enum(rating.enum.ratingProcessStatus) }, |
|
||||
]" |
|
||||
:query-criteria="{ |
|
||||
operator: 'and', |
|
||||
criteria: [ |
|
||||
{ |
|
||||
fieldName: 'custNo', |
|
||||
operator: 'equals', |
|
||||
value: rating.ratingData.value['custNo'], |
|
||||
}, |
|
||||
{ |
|
||||
fieldName: 'processStatus', |
|
||||
operator: 'equals', |
|
||||
value: Constant.DEFAULT_PROCESS_STATUS.PASS, |
|
||||
}, |
|
||||
], |
|
||||
}" |
|
||||
></w-grid> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { Environment, Formater } from 'platform-core'; |
|
||||
import { inject } from 'vue'; |
|
||||
import { Constant } from '../ts/Constant'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
</script> |
|
||||
@ -1,33 +0,0 @@ |
|||||
<template> |
|
||||
<div class="h-full"> |
|
||||
<w-splitter :size="36" horizontal class="h-full" unit="px" disable> |
|
||||
<template #before> |
|
||||
<q-tabs v-model="tab" inline-label dense indicator-color="amber" align="left" active-color="amber"> |
|
||||
<template v-for="item in HistGird.tabs" :key="item.value"> |
|
||||
<q-tab :name="item.value" :icon="item.icon" :label="item.label" /> |
|
||||
</template> |
|
||||
</q-tabs> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<q-tab-panels v-model="tab" :keep-alive="true" animated swipeable vertical transition-prev="jump-up" transition-next="jump-up" class="h-full"> |
|
||||
<template v-for="item in HistGird.tabs" :key="item.value"> |
|
||||
<q-tab-panel :name="item.value" class="h-full p-1"> |
|
||||
<HistRatingGrid v-if="item.value === HistGird.type.histRating.value"></HistRatingGrid> |
|
||||
<DefaultCognizanceGrid v-else-if="item.value === HistGird.type.defaultCognizance.value"></DefaultCognizanceGrid> |
|
||||
<DefaultRebirthGrid v-else-if="item.value === HistGird.type.defaultRebirth.value"></DefaultRebirthGrid> |
|
||||
</q-tab-panel> |
|
||||
</template> |
|
||||
</q-tab-panels> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { ref } from 'vue'; |
|
||||
import { HistGird } from '../ts/HistGrid'; |
|
||||
import HistRatingGrid from './HistRatingGrid.vue'; |
|
||||
import DefaultCognizanceGrid from './DefaultCognizanceGrid.vue'; |
|
||||
import DefaultRebirthGrid from './DefaultRebirthGrid.vue'; |
|
||||
|
|
||||
const tab = ref(HistGird.type.histRating.value); |
|
||||
</script> |
|
||||
@ -1,40 +0,0 @@ |
|||||
<template> |
|
||||
<div class="h-full pl-1"> |
|
||||
<w-splitter v-if="!rating.cm.isAwaitSubmitProcessStatus.value" :size="rating.readMode ? 100 : 50" horizontal class="h-full" disable :show-separator="false"> |
|
||||
<template #before> |
|
||||
<w-splitter :size="36" horizontal class="h-full" unit="px" disable :show-separator="false"> |
|
||||
<template #before> |
|
||||
<q-tabs v-model="histTab" dense no-caps inline-label align="right"> |
|
||||
<q-tab name="timeline" icon="query_builder" label="审批时间线" /> |
|
||||
<q-tab name="grid" icon="grid_on" label="审批列表" /> |
|
||||
</q-tabs> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<q-tab-panels v-model="histTab" class="p-0 h-full"> |
|
||||
<q-tab-panel name="timeline" class="p-0 pt-1 px-2 h-full"> |
|
||||
<Timeline></Timeline> |
|
||||
</q-tab-panel> |
|
||||
<q-tab-panel name="grid" class="p-0 pt-1 h-full"> |
|
||||
<OpinionGrid></OpinionGrid> |
|
||||
</q-tab-panel> |
|
||||
</q-tab-panels> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<Overturn></Overturn> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
<Overturn v-else class="p-1"></Overturn> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { inject, ref } from 'vue'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
import OpinionGrid from './OpinionGrid.vue'; |
|
||||
import Overturn from './Overturn.vue'; |
|
||||
import Timeline from './Timeline.vue'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const histTab = ref('timeline'); |
|
||||
</script> |
|
||||
@ -1,44 +0,0 @@ |
|||||
<template> |
|
||||
<w-grid |
|
||||
ref="opinionGridRef" |
|
||||
:dense="rating.dense" |
|
||||
:pageable="false" |
|
||||
:hide-bottom="true" |
|
||||
:auto-fetch-data="true" |
|
||||
:fetch-data-url="histOpinionUrl" |
|
||||
:checkbox-selection="false" |
|
||||
:config-button="false" |
|
||||
:columns="[ |
|
||||
{ name: 'roleName', label: '岗位名称', width: 150 }, |
|
||||
{ name: 'userCode', label: '操作人工号', width: 100 }, |
|
||||
{ name: 'userName', label: '操作人名称', width: 100 }, |
|
||||
{ name: 'operationOpinion', label: '操作意见', width: 100, format: Formater.dictionary({ items: RatingProcessOperationStatus }) }, |
|
||||
{ name: 'adjReason', label: '意见说明', width: 200 }, |
|
||||
{ name: 'lastModifyDate', label: '操作时间', width: 150 }, |
|
||||
{ name: 'isOverturn', label: '是否推翻', width: 80, format: Formater.yesNo() }, |
|
||||
{ name: 'overturnType', label: '推翻类型', width: 100, format: Formater.dictionary(rating.dictionary.overturnType) }, |
|
||||
{ name: 'suggestLevel', label: '建议等级', width: 100 }, |
|
||||
{ name: 'fileCount', label: '附件列表', width: 100 }, |
|
||||
]" |
|
||||
:query-criteria="{ |
|
||||
fieldName: 'ratingId', |
|
||||
operator: 'equals', |
|
||||
value: rating.ratingData.value['id'], |
|
||||
}" |
|
||||
:sort-by="['-lastModifyDate']" |
|
||||
></w-grid> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { inject, ref } from 'vue'; |
|
||||
import { Environment, Formater } from 'platform-core'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
import { RatingProcessOperationStatus } from '../../CustRating'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const overturnFormRef = ref(); |
|
||||
const getOverturnFormRef = () => { |
|
||||
return overturnFormRef.value; |
|
||||
}; |
|
||||
rating.refs.setOverturnFormRefFunction(getOverturnFormRef); |
|
||||
const histOpinionUrl = Environment.apiContextPath('api/irbs/ratingOverturn'); |
|
||||
</script> |
|
||||
@ -1,77 +0,0 @@ |
|||||
<template> |
|
||||
<w-card-panel v-bind="panelAttrsComputed"> |
|
||||
<div class="flex flex-row gap-4"> |
|
||||
<div v-if="rating.cm.isAwaitSubmitProcessStatus.value" class="basis-1/4"> |
|
||||
<w-info-panel :info="rating.overturnTipData.value" :column-num="1"></w-info-panel> |
|
||||
</div> |
|
||||
<div :class="rating.cm.isAwaitSubmitProcessStatus.value ? 'basis-2/3' : 'flex-1'"> |
|
||||
<w-form |
|
||||
ref="overturnFormRef" |
|
||||
:fields="[ |
|
||||
{ label: '附件', name: 'file', type: 'w-file' }, |
|
||||
{ label: '是否推翻', name: 'isOverturn', type: 'w-checkbox' }, |
|
||||
{ |
|
||||
label: '推翻类型', |
|
||||
name: 'overturnType', |
|
||||
type: 'w-select', |
|
||||
options: Options.dictionary(rating.dictionary.overturnType), |
|
||||
requiredIf: true, |
|
||||
showIf: (args) => { |
|
||||
if (args?.form && args.form.getFieldValue('isOverturn')) { |
|
||||
return true; |
|
||||
} |
|
||||
return false; |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
label: '建议等级', |
|
||||
name: 'suggestLevel', |
|
||||
type: 'w-select', |
|
||||
options: RatingLevelOptions, |
|
||||
requiredIf: true, |
|
||||
showIf: (args) => { |
|
||||
if (args?.form && args.form.getFieldValue('isOverturn')) { |
|
||||
return true; |
|
||||
} |
|
||||
return false; |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
label: '意见说明', |
|
||||
name: 'adjReason', |
|
||||
type: 'w-textarea', |
|
||||
requiredIf: true, |
|
||||
}, |
|
||||
]" |
|
||||
:cols-num="1" |
|
||||
></w-form> |
|
||||
</div> |
|
||||
</div> |
|
||||
</w-card-panel> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { Options } from 'platform-core'; |
|
||||
import { computed, ref, inject } from 'vue'; |
|
||||
import { RatingLevelOptions } from '../../CustRating'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const overturnFormRef = ref(); |
|
||||
const getOverturnFormRef = () => { |
|
||||
return overturnFormRef.value; |
|
||||
}; |
|
||||
rating.refs.setOverturnFormRefFunction(getOverturnFormRef); |
|
||||
const panelAttrsComputed = computed(() => { |
|
||||
if (rating.cm.isAwaitSubmitProcessStatus.value) { |
|
||||
return { |
|
||||
label: '评级推翻', |
|
||||
icon: 'model_training', |
|
||||
}; |
|
||||
} else { |
|
||||
return { |
|
||||
label: '审批意见', |
|
||||
icon: 'comment', |
|
||||
}; |
|
||||
} |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,106 +0,0 @@ |
|||||
<template> |
|
||||
<w-splitter :size="titleSplitterModel" horizontal unit="px" disable class="h-full"> |
|
||||
<template #before> |
|
||||
<w-card-panel :bordered="false" :title-mode="true" icon="scatter_plot" :icon-attrs="{ color: 'green' }" color="green"> |
|
||||
<template #label> |
|
||||
<div class="flex justify-between"> |
|
||||
<div> |
|
||||
定性分析<q-badge v-if="existsWaitSelectComputed" color="red" floating transparent class="qa-badge">{{ |
|
||||
rating.waitSelectFields.value.length |
|
||||
}}</q-badge> |
|
||||
</div> |
|
||||
<q-toggle v-if="showToggleComputed" v-model="qaMode" color="blue" dense size="40px" icon="bi-quora" label="问卷模式" /> |
|
||||
<q-toggle v-if="props.readOnly" v-model="showOptionsModel" color="blue" dense size="40px" icon="hdr_auto" label="显示全部选项" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
</w-card-panel> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<w-form |
|
||||
v-show="showQaPanelComputed" |
|
||||
ref="qa-qualFormRef" |
|
||||
:cols-num="1" |
|
||||
:fields="qaFormFieldComputed" |
|
||||
class="px-1 py-1" |
|
||||
@update-value="qaFormUpdateValue" |
|
||||
></w-form> |
|
||||
<w-form |
|
||||
v-show="!showQaPanelComputed" |
|
||||
ref="qualitativeFormRef" |
|
||||
:fields="qualFormFieldsComputed" |
|
||||
:cols-num="1" |
|
||||
:y-gap="10" |
|
||||
class="pl-1 py-1" |
|
||||
@update-value="formUpdateValue" |
|
||||
></w-form> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { inject, ref, computed } from 'vue'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
|
|
||||
const qualitativeFormRef = ref(); |
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const titleSplitterModel = ref(34); |
|
||||
const getQualitativeFormRef = () => { |
|
||||
return qualitativeFormRef.value; |
|
||||
}; |
|
||||
rating.refs.setQualitativeFormRefFunction(getQualitativeFormRef); |
|
||||
|
|
||||
const props = defineProps({ |
|
||||
// 问答模式 |
|
||||
qualQaMode: { type: Boolean, default: true }, |
|
||||
// 只读模式 |
|
||||
readOnly: { type: Boolean, default: false }, |
|
||||
// 显示所有选项 |
|
||||
showOptions: { type: Boolean, default: false }, |
|
||||
}); |
|
||||
const qaMode = ref(props.readOnly ? false : props.qualQaMode); |
|
||||
const showOptionsModel = ref(props.showOptions); |
|
||||
|
|
||||
const qaFormFieldComputed = computed(() => { |
|
||||
const result = <any>[]; |
|
||||
if (rating.waitSelectFields.value?.length > 0) { |
|
||||
result.push({ |
|
||||
type: 'w-form-group', |
|
||||
label: rating.waitSelectFields.value[0]['group'], |
|
||||
mode: 'card', |
|
||||
fields: [rating.waitSelectFields.value[0]['field']], |
|
||||
}); |
|
||||
} |
|
||||
return result; |
|
||||
}); |
|
||||
const showQaPanelComputed = computed(() => { |
|
||||
return showToggleComputed.value && qaMode.value; |
|
||||
}); |
|
||||
const showToggleComputed = computed(() => { |
|
||||
return props.qualQaMode && existsWaitSelectComputed.value; |
|
||||
}); |
|
||||
const existsWaitSelectComputed = computed(() => { |
|
||||
return rating.waitSelectFields.value.length > 0 && !props.readOnly; |
|
||||
}); |
|
||||
const qualFormFieldsComputed = computed(() => { |
|
||||
if (showOptionsModel.value) { |
|
||||
return rating.qualFormData.value; |
|
||||
} |
|
||||
return rating.qualSimpleOptionData.value; |
|
||||
}); |
|
||||
|
|
||||
const qaFormUpdateValue = (args) => { |
|
||||
qualitativeFormRef.value.setFieldValue(args.fieldName, args.fieldValue); |
|
||||
rating.waitSelectFields.value = rating.waitSelectFields.value.slice(1); |
|
||||
}; |
|
||||
const formUpdateValue = (args) => { |
|
||||
const result = rating.waitSelectFields.value.filter((field) => field.field['name'] !== args.fieldName); |
|
||||
rating.waitSelectFields.value = result; |
|
||||
}; |
|
||||
</script> |
|
||||
<style lang="css"> |
|
||||
.qa-badge { |
|
||||
position: relative; |
|
||||
top: -7px; |
|
||||
right: -2px; |
|
||||
cursor: inherit; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,51 +0,0 @@ |
|||||
<template> |
|
||||
<w-splitter :size="34" horizontal unit="px" disable class="h-full"> |
|
||||
<template #before> |
|
||||
<w-card-panel label="定量分析" :bordered="false" :title-mode="true" icon="bar_chart" :icon-attrs="{ color: 'teal' }" color="teal"></w-card-panel> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<div v-if="rating.systemParameter.showTotalScore.value" class="p-1"> |
|
||||
<w-card-panel :info="rating.quanData.value"></w-card-panel> |
|
||||
</div> |
|
||||
<div v-if="rating.systemParameter.showIndex.value" class="rating-quan"> |
|
||||
<q-list> |
|
||||
<template v-for="(values, key, a) in rating.quanScoreDtlData.value" :key="a"> |
|
||||
<!-- <q-item-label header><q-icon name="toc" size="25px" />定量指标详情</q-item-label> --> |
|
||||
<template v-for="(dtl, index) in values" :key="index"> |
|
||||
<q-item> |
|
||||
<q-item-section> |
|
||||
<q-item-label>{{ dtl['INDEX_NAME'] }}</q-item-label> |
|
||||
<q-item-label caption> |
|
||||
{{ round(dtl['INDEX_VALUE'], 2) }} |
|
||||
</q-item-label> |
|
||||
</q-item-section> |
|
||||
<q-item-section v-if="rating.systemParameter.showIndexScore.value && !Tools.isEmpty(dtl['INDEX_SCORE'])" side> |
|
||||
<q-chip :clickable="false" :ripple="false" color="green" text-color="white"> |
|
||||
{{ round(dtl['INDEX_SCORE'], 2) }} |
|
||||
</q-chip> |
|
||||
</q-item-section> |
|
||||
</q-item> |
|
||||
</template> |
|
||||
</template> |
|
||||
</q-list> |
|
||||
</div> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { Tools } from 'platform-core'; |
|
||||
import { inject } from 'vue'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
import { round } from '../ts/Utils'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
</script> |
|
||||
<style lang="css"> |
|
||||
.rating-quan { |
|
||||
padding-top: 10px; |
|
||||
} |
|
||||
.rating-quan .text-caption { |
|
||||
font-size: 1rem; |
|
||||
color: #2196f3; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,20 +0,0 @@ |
|||||
<template> |
|
||||
<div class="h-full"> |
|
||||
<w-splitter :size="25" :separator-color="rating.separatorColor" class="h-full"> |
|
||||
<template #before> |
|
||||
<QuanAnalysis></QuanAnalysis> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<QualAnalysis :qual-qa-mode="rating.systemParameter.qualQaMode.value" :show-options="true"></QualAnalysis> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { inject } from 'vue'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
import QuanAnalysis from './QuanAnalysis.vue'; |
|
||||
import QualAnalysis from './QualAnalysis.vue'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
</script> |
|
||||
@ -1,36 +0,0 @@ |
|||||
<template> |
|
||||
<div v-if="rating.systemParameter.reportShowScoreDtl.value" class="h-full"> |
|
||||
<w-splitter :size="25" :separator-color="rating.separatorColor"> |
|
||||
<template #before> |
|
||||
<QuanAnalysis></QuanAnalysis> |
|
||||
</template> |
|
||||
|
|
||||
<template #after> |
|
||||
<w-splitter v-if="splitComputed" :size="65" class="h-full" :separator-color="rating.separatorColor"> |
|
||||
<template #before> |
|
||||
<QualAnalysis :qual-qa-mode="false" :read-only="true"></QualAnalysis> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<AdjustItemIndex></AdjustItemIndex> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
<QualAnalysis v-else :qual-qa-mode="false" :read-only="true"></QualAnalysis> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { inject, computed } from 'vue'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
import QuanAnalysis from './QuanAnalysis.vue'; |
|
||||
import QualAnalysis from './QualAnalysis.vue'; |
|
||||
import AdjustItemIndex from './AdjustItemIndex.vue'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const splitComputed = computed(() => { |
|
||||
if (rating.adjustItemScoreDtlData.value && Object.keys(rating.adjustItemScoreDtlData.value).length > 0) { |
|
||||
return true; |
|
||||
} |
|
||||
return false; |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,34 +0,0 @@ |
|||||
<template> |
|
||||
<div class="h-full"> |
|
||||
<w-splitter :size="splitterSizeComputed" :limits="[0, Infinity]" horizontal unit="px" disable class="h-full"> |
|
||||
<template #before> |
|
||||
<ReportRating></ReportRating> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<w-splitter :size="70" horizontal :separator-color="rating.separatorColor"> |
|
||||
<template #before> |
|
||||
<ReportIndex></ReportIndex> |
|
||||
</template> |
|
||||
<template #after> |
|
||||
<HistTab></HistTab> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</template> |
|
||||
</w-splitter> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { computed, inject } from 'vue'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
import HistTab from './HistTab.vue'; |
|
||||
import ReportIndex from './ReportIndex.vue'; |
|
||||
import ReportRating from './ReportRating.vue'; |
|
||||
|
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const splitterSizeComputed = computed(() => { |
|
||||
if (rating.showAllRatingInfoModel.value) { |
|
||||
return 125; |
|
||||
} |
|
||||
return 40; |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,157 +0,0 @@ |
|||||
<template> |
|
||||
<!-- <w-card-panel label="评级结果" :bordered="false"> |
|
||||
<div class="flex"> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>模型名称</div> |
|
||||
<div :class="valueClassComputed"> |
|
||||
<q-chip outline square size="md" :clickable="false" :ripple="false" :label="rating.ratingData.value['modelName']" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>模型级别</div> |
|
||||
<div :class="valueClassComputed"> |
|
||||
<q-chip outline square size="md" :clickable="false" :ripple="false" :label="rating.ratingData.value['modelLevel']" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>调整后级别</div> |
|
||||
<div v-if="rating.ratingData.value['adjLevel']" :class="valueClassComputed"> |
|
||||
<q-chip outline square size="md" :clickable="false" :ripple="false" :label="rating.ratingData.value['adjLevel']" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>推翻级别</div> |
|
||||
<div v-if="rating.ratingData.value['tf']" :class="valueClassComputed"> |
|
||||
<q-chip outline square size="md" :clickable="false" :ripple="false" :label="rating.ratingData.value['tf']" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>最终认定级别</div> |
|
||||
<div v-if="rating.ratingData.value['finalLevel']" :class="valueClassComputed"> |
|
||||
<q-chip outline square size="md" :clickable="false" :ripple="false" :label="rating.ratingData.value['finalLevel']" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-1 text-center"> |
|
||||
<div>客户经理</div> |
|
||||
<div v-if="rating.ratingData.value['managerName']" :class="valueClassComputed"> |
|
||||
<q-chip outline square size="md" :clickable="false" :ripple="false" :label="rating.ratingData.value['managerName']" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</w-card-panel> --> |
|
||||
<div class="flex"> |
|
||||
<div class="flex-1"> |
|
||||
<div :class="classComputed"> |
|
||||
<div :class="itemClassComputed"> |
|
||||
<div :class="labelClassComputed">模型名称：</div> |
|
||||
<div :class="valueClassComputed">{{ rating.ratingData.value['modelName'] }}</div> |
|
||||
</div> |
|
||||
<div :class="itemClassComputed"> |
|
||||
<div :class="labelClassComputed">模型评级等级：</div> |
|
||||
<div :class="valueClassComputed" @mouseover="handleHover('.rr-modelLevel', rating.ratingData.value['modelLevel'])" @mouseout="handleOut"> |
|
||||
<span class="rr-modelLevel underline">{{ rating.ratingData.value['modelLevel'] }}</span> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div :class="itemClassComputed"> |
|
||||
<div :class="labelClassComputed">调整后级别：</div> |
|
||||
<div :class="valueClassComputed" @mouseover="handleHover('.rr-adjLevel', rating.ratingData.value['adjLevel'])" @mouseout="handleOut"> |
|
||||
<span class="rr-adjLevel underline">{{ rating.ratingData.value['adjLevel'] }}</span> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div :class="itemClassComputed"> |
|
||||
<div :class="labelClassComputed">最终认定级别：</div> |
|
||||
<div :class="valueClassComputed" @mouseover="handleHover('.rr-finalLevel', rating.ratingData.value['finalLevel'])" @mouseout="handleOut"> |
|
||||
<span class="rr-finalLevel underline">{{ rating.ratingData.value['finalLevel'] }}</span> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div :class="itemClassComputed"> |
|
||||
<div :class="labelClassComputed">客户经理：</div> |
|
||||
<div :class="valueClassComputed">{{ rating.ratingData.value['managerName'] }}</div> |
|
||||
</div> |
|
||||
<template v-if="rating.showAllRatingInfoModel.value"> |
|
||||
<div :class="itemClassComputed"> |
|
||||
<div :class="labelClassComputed">初始级别：</div> |
|
||||
<div :class="valueClassComputed" @mouseover="handleHover('.rr-initLevel', rating.ratingData.value['initLevel'])" @mouseout="handleOut"> |
|
||||
<span class="rr-initLevel underline">{{ rating.ratingData.value['initLevel'] }}</span> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div :class="itemClassComputed"> |
|
||||
<div :class="labelClassComputed">上一次建议级别：</div> |
|
||||
<div :class="valueClassComputed" @mouseover="handleHover('.rr-spLevel', rating.ratingData.value['spLevel'])" @mouseout="handleOut"> |
|
||||
<span class="rr-spLevel underline">{{ rating.ratingData.value['spLevel'] }}</span> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div :class="itemClassComputed"> |
|
||||
<div :class="labelClassComputed">评级发起日期：</div> |
|
||||
<div :class="valueClassComputed" v-html="Formater.dateOnly()(rating.ratingData.value['startTime'])"></div> |
|
||||
</div> |
|
||||
<div :class="itemClassComputed"> |
|
||||
<div :class="labelClassComputed">评级生效日期：</div> |
|
||||
<div :class="valueClassComputed" v-html="Formater.dateOnly()(rating.ratingData.value['effectiveTime'])"></div> |
|
||||
</div> |
|
||||
<div :class="itemClassComputed"> |
|
||||
<div :class="labelClassComputed">评级到期日期：</div> |
|
||||
<div :class="valueClassComputed" v-html="Formater.dateOnly()(rating.ratingData.value['matureTime'])"></div> |
|
||||
</div> |
|
||||
<div :class="itemClassComputed"> |
|
||||
<div :class="labelClassComputed">评级状态：</div> |
|
||||
<div :class="valueClassComputed">{{ Formater.enum(rating.enum.ratingStatus)(rating.ratingData.value['ratingStatus']) }}</div> |
|
||||
</div> |
|
||||
<div :class="itemClassComputed"> |
|
||||
<div :class="labelClassComputed">流程状态：</div> |
|
||||
<div :class="valueClassComputed">{{ Formater.enum(rating.enum.ratingProcessStatus)(rating.ratingData.value['processStatus']) }}</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="flex-none pr-1 pt-1"> |
|
||||
<q-btn |
|
||||
flat |
|
||||
round |
|
||||
color="primary" |
|
||||
size="sm" |
|
||||
:icon="rating.showAllRatingInfoModel.value ? 'bi-arrow-up-circle-fill' : 'bi-arrow-down-circle-fill'" |
|
||||
@click="rating.showAllRatingInfoModel.value = !rating.showAllRatingInfoModel.value" |
|
||||
/> |
|
||||
</div> |
|
||||
<q-popup-proxy v-model="ratingLevelShowModel" :target="ratingLevelTarget" no-parent-event> |
|
||||
<div style="height: 80px; width: 650px; padding: 20px 10px 10px 20px"> |
|
||||
<RatingLevelSlider v-model="ratingLevel"></RatingLevelSlider> |
|
||||
</div> |
|
||||
</q-popup-proxy> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { ref, inject, computed } from 'vue'; |
|
||||
import { Formater } from 'platform-core'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
import RatingLevelSlider from '../../RatingLevelSlider.vue'; |
|
||||
|
|
||||
const ratingLevelShowModel = ref(false); |
|
||||
const ratingLevel = ref(''); |
|
||||
const ratingLevelTarget = ref(''); |
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const itemClassComputed = computed(() => { |
|
||||
return 'flex items-center'; |
|
||||
}); |
|
||||
const labelClassComputed = computed(() => { |
|
||||
return 'flex-none text-gray-500'; |
|
||||
}); |
|
||||
const valueClassComputed = computed(() => { |
|
||||
return 'flex-1 text-2xl'; |
|
||||
}); |
|
||||
const classComputed = computed(() => { |
|
||||
if (rating.showAllRatingInfoModel) { |
|
||||
return 'grid grid-cols-5 gap-3 pl-3 pt-1'; |
|
||||
} |
|
||||
return 'grid grid-cols-5 gap-x-3 pl-3 pt-1'; |
|
||||
}); |
|
||||
const handleHover = (target_, ratingLevel_: any) => { |
|
||||
ratingLevel.value = ratingLevel_; |
|
||||
ratingLevelTarget.value = target_; |
|
||||
ratingLevelShowModel.value = true; |
|
||||
}; |
|
||||
const handleOut = () => { |
|
||||
ratingLevelShowModel.value = false; |
|
||||
}; |
|
||||
</script> |
|
||||
@ -1,82 +0,0 @@ |
|||||
<template> |
|
||||
<div class="rating-timeline"> |
|
||||
<div v-if="timelineData.length < 1" style="display: flex; justify-content: center; align-items: center; height: 100%"> |
|
||||
<q-icon size="2em" name="info" />{{ $t('tip.noData') }} |
|
||||
</div> |
|
||||
<q-timeline v-else layout="dense" side="right" color="secondary"> |
|
||||
<template v-for="(opinion, index) in timelineData" :key="index"> |
|
||||
<q-timeline-entry side="left" :color="timelineEntryColor(opinion)"> |
|
||||
<div style="background-color: #f9f9f9"> |
|
||||
{{ opinion['adjReason'] }} |
|
||||
</div> |
|
||||
<template #subtitle> |
|
||||
<div class="flex justify-between"> |
|
||||
<span class="text-sm">{{ timelineTitleFormat(opinion) }}</span> |
|
||||
<div class="flex gap-x-2"> |
|
||||
<span>{{ opinion['userName'] }}</span> |
|
||||
<span class="text-blue-grey-6">7分钟以前</span> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
</q-timeline-entry> |
|
||||
</template> |
|
||||
</q-timeline> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { ref, onMounted, inject } from 'vue'; |
|
||||
import { $t, axios, Environment } from 'platform-core'; |
|
||||
import { Rating } from '../ts/Rating'; |
|
||||
import { RatingProcessOperationStatus } from '../../CustRating'; |
|
||||
|
|
||||
const timelineData = ref([]); |
|
||||
const rating = <Rating>inject('rating'); |
|
||||
const histOpinionUrl = Environment.apiContextPath('api/irbs/ratingOverturn'); |
|
||||
const timelineTitleFormat = (opinion: any) => { |
|
||||
const findResult = RatingProcessOperationStatus.find((item) => item['value'] === opinion['operationOpinion']); |
|
||||
if (findResult) { |
|
||||
return findResult['label']; |
|
||||
} |
|
||||
return ''; |
|
||||
}; |
|
||||
const timelineSubTitleFormat = (opinion: any) => { |
|
||||
return opinion['userName'] + ' ' + timelineTitleFormat(opinion) + ' ' + '7分钟以前'; |
|
||||
}; |
|
||||
const timelineEntryColor = (opinion: any) => { |
|
||||
const operator = opinion['operationOpinion']; |
|
||||
if (operator === '20') { |
|
||||
return 'red'; |
|
||||
} else if (operator === '30' || operator === '40') { |
|
||||
return 'orange'; |
|
||||
} |
|
||||
return 'secondary'; |
|
||||
}; |
|
||||
|
|
||||
onMounted(() => { |
|
||||
const urlSearchParams = new URLSearchParams({ sortBy: ['-lastModifyDate'] }); |
|
||||
urlSearchParams.append('pageable', 'false'); |
|
||||
const criteria = { |
|
||||
fieldName: 'ratingId', |
|
||||
operator: 'equals', |
|
||||
value: rating.ratingData.value['id'], |
|
||||
}; |
|
||||
urlSearchParams.append('criteria', JSON.stringify(criteria)); |
|
||||
axios.get(histOpinionUrl, { params: urlSearchParams }).then((resp) => { |
|
||||
if (resp['code'] === 200) { |
|
||||
timelineData.value = resp.data.content; |
|
||||
} |
|
||||
}); |
|
||||
}); |
|
||||
</script> |
|
||||
<style lang="css"> |
|
||||
.rating-timeline .q-timeline--dense--right .q-timeline__entry { |
|
||||
padding-left: 25px; |
|
||||
} |
|
||||
.rating-timeline .q-timeline__title { |
|
||||
margin-top: 0; |
|
||||
margin-bottom: 0px; |
|
||||
} |
|
||||
.rating-timeline .q-timeline__content { |
|
||||
padding-bottom: 10px; |
|
||||
} |
|
||||
</style> |
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue