Skip to content

Y
yishuju-ui
Commit 009c4713 authored by 沈翠玲's avatar 沈翠玲
Browse files
Options

稽核管理

parent fe3afc22
Hide whitespace changes
Inline Side-by-side
Showing with 801 additions and 189 deletions
src/api/audit.js 0 → 100644
View file @ 009c4713
import request from '@/utils/http/index';
// 稽核列表
export const getAuditPage = (params) => {
return request.get('/audit/page', params);
};
// 发起稽核
export const saveAudit = (params) => {
return request.post('/audit/save', params);
};
// 稽核审核
export const auditAudit = (params) => {
return request.post('/audit/audit', params);
};
src/api/property.js
View file @ 009c4713
......@@ -27,6 +27,11 @@ export const getByStages = (id) => {
return request.get('/Loan/getByStages?borrowerId=' + id);
};
// 根据借款人查询所有的联系人
export const getGuarantors = (id) => {
return request.get('/Loan/getGuarantors?borrowerId=' + id);
};
// 根据借款人查询所有的还款记录
export const getRepayRecords = (id) => {
return request.get('/Loan/getRepayRecords?borrowerId=' + id);
......
src/views/property/audit-manage/components/callDrawer.vue 0 → 100644
View file @ 009c4713
<template>
<el-drawer
v-model="showModal"
title="拨打跟进记录"
:size="850"
direction="rtl"
:before-close="onHide"
>
<div class="h-full flex-col flex mydrawer pb-2">
<div>
<p class="font-bold mb-2">联系人信息：</p>
<div class="flex justify-between">
<div>
<span class="text-gray-400">姓名：</span>
<span>{{ currentInfo.name }}</span>
</div>
<div>
<span class="text-gray-400">与案人关系：</span>
<span>{{ currentInfo.kinship }}</span>
</div>
<div>
<span class="text-gray-400">联系号码：</span>
<span>{{ currentInfo.phone }}</span>
</div>
<div>
<span class="text-gray-400">号码状态：</span>
<span>
<el-radio-group v-model="currentInfo.status" disabled>
<el-radio value="N">无效</el-radio>
<el-radio value="Y">有效</el-radio>
</el-radio-group>
</span>
</div>
</div>
</div>
<div>
<ProTable :config="config" :data="tabledata" :showPagination="false" :showToolBar="false">
<template #table_top>
<p class="font-bold">关联案件：</p>
</template>
</ProTable>
</div>
<div class="flex">
<div class="mt-3 pr-8 w-1/2">
<p class="font-bold mb-2">跟进信息：</p>
<el-form
ref="formRef"
inline
:model="form"
:rules="rules"
label-width="110px"
label-position="left"
>
<el-row>
<el-col :span="24">
<el-form-item class="w-full" label="跟进时间：" prop="name">
<el-date-picker
v-model="form.trackTime"
disabled
class="w-full"
format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss"
type="datetime"
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item class="w-full" label="下次跟进时间：" prop="code">
<div>
<el-date-picker
v-model="form.nextTime"
disabled
class="w-full"
format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss"
type="datetime"
/>
<div>
<el-button size="small" disabled @click="changeLastTime('tomorrow')">明天</el-button>
<el-button size="small" disabled @click="changeLastTime('tomorrowDay')"
>后天</el-button
>
<el-button size="small" disabled @click="changeLastTime('tomorrow2Day')"
>2天后</el-button
>
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
class="w-full"
style="display: block"
label="跟进结果："
prop="name"
label-position="top"
>
<el-tabs v-model="resuleObj.label" class="w-full">
<el-tab-pane
:label="item.label"
:name="item.label"
v-for="(item, index) in tabObj"
:key="`tab${index}`"
>
<el-button
size="small"
:type="resuleObj.childrenlabel === item1.value ? 'primary' : null"
plain
v-for="(item1, index1) in item.children"
:key="`tabchild${index1}`"
disabled
@click="resuleObj.childrenlabel = item1.value"
>{{ item1.label }}</el-button
>
</el-tab-pane>
</el-tabs>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item class="w-full" style="display: block" label="跟进状态：" prop="code">
<el-button
size="small"
style="margin-left: 0"
class="mr-2 mb-2"
disabled
:type="form.phoneResultStatus === item1.value ? 'primary' : null"
plain
v-for="(item1, index1) in statusArr"
:key="`btn${index1}`"
@click="form.phoneResultStatus = item1.value"
>{{ item1.label }}</el-button
>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item class="w-full" label="跟进备注：" prop="code" style="display: block">
<el-input
v-model="form.remark"
class="w-full"
disabled
:rows="2"
type="textarea"
placeholder="请输入"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div class="w-1/2">
<p class="font-bold mb-2 mt-2">跟进附件：</p>
<el-form inline :model="form" :rules="rules" label-width="110px" label-position="left">
<el-form-item class="w-full" label="通话录音：" prop="code">
<el-upload
class="avatar-uploader"
:action="url"
:on-success="handleFileSuccess"
:on-remove="handleRemove"
:auto-upload="true"
>
<el-button type="primary" plain :icon="Upload">上传录音文件</el-button>
</el-upload>
<!-- 进度条 -->
<!-- <el-progress v-if="progressFlag" :percentage="loadProgress" /> -->
</el-form-item>
<el-form-item label="微信图片附件：" prop="code" class="w-full">
<el-upload
:action="url"
list-type="picture-card"
class="mypicture"
:on-preview="handlePictureCardPreview"
:on-success="handleFileSuccess1"
:on-remove="handleRemove1"
>
<div class="text-center">
<el-icon><Plus /></el-icon>
<div>微信相关附件</div>
</div>
</el-upload>
</el-form-item>
<el-form-item label="短信图片附件：" prop="code" class="w-full">
<el-upload
:action="url"
list-type="picture-card"
class="mypicture"
:on-preview="handlePictureCardPreview"
:on-success="handleFileSuccess2"
:on-remove="handleRemove2"
>
<div class="text-center">
<el-icon><Plus /></el-icon>
<div>短信相关附件</div>
</div>
</el-upload>
</el-form-item>
<el-form-item label="其他图片附件：" prop="code" class="w-full">
<el-upload
:action="url"
list-type="picture-card"
class="mypicture"
:on-preview="handlePictureCardPreview"
:on-success="handleFileSuccess3"
:on-remove="handleRemove3"
>
<div class="text-center">
<el-icon><Plus /></el-icon>
<div>其他相关附件</div>
</div>
</el-upload>
</el-form-item>
</el-form>
</div>
</div>
</div>
<template #footer>
<div style="flex: auto">
<el-button @click="showModal = false">取消</el-button>
<el-button type="primary" @click="submitForm" v-if="props.mode === 'handle'">确定</el-button>
<template v-else>
<el-button type="primary" @click="audit('pass')">通过</el-button>
<el-button type="danger" @click="audit('reject')">拒绝</el-button>
</template>
</div>
</template>
<el-dialog v-model="dialogVisible">
<img w-full :src="dialogImageUrl" alt="Preview Image" />
</el-dialog>
</el-drawer>
</template>
<script setup lang="jsx" name="reduceDrawer">
import dayjs from 'dayjs';
import { computed } from 'vue';
import { reactive, ref } from 'vue';
import { ElInputNumber, ElMessage } from 'element-plus';
import { Upload } from '@element-plus/icons-vue';
import { getAppEnvConfig } from '@/utils/env';
import { saveTrackRecord } from '@/api/property';
import { auditAudit } from '@/api/audit';
const envs = getAppEnvConfig();
const url = envs.VITE_GLOB_API_URL_PREFIX + '/sys/upload';
const showModal = ref(false);
const editFirst = ref(false);
const tabledata = ref([]);
const progressFlag = ref(false);
const loadProgress = ref(0);
const dialogImageUrl = ref('');
const dialogVisible = ref(false);
const props = defineProps({
mode: String
});
const emits = defineEmits(['success']);
const tabObj = [
{
label: '本人可联',
children: [
{ label: '接通后挂断', value: 'hang_up' },
{ label: '接通有实质进展', value: 'progress' },
],
},
{
label: '联系人可联',
children: [
{ label: '接通有效转告', value: 'pass_on' },
{ label: '接通拒绝转告', value: 'no_pass' },
{ label: '接听后挂断', value: 'Hang_up_after_answering' },
{ label: '接通无应答', value: 'No_response_when_connected' },
{ label: '称与债人无关', value: 'Claims_unrelated_to_creditors' },
{ label: '称非本人', value: 'Claiming_not_to_be_myself' },
],
},
{
label: '未接听',
children: [
{ label: '无人接听', value: 'no_answer' },
{ label: '关机', value: 'Shutdown' },
{ label: '空号', value: 'dead_number' },
{ label: '占线/忙音/正在通话中', value: 'Busy' },
{ label: '停机', value: 'closing_down' },
{ label: '机器人回复', value: 'Robot_reply' },
],
},
{
label: '非电联',
children: [
{ label: '微信', value: 'WeChat' },
{ label: '短信', value: 'short_message' },
{ label: 'QQ', value: 'QQ' },
{ label: '飞书', value: 'fly' },
{ label: '钉钉', value: 'DING' },
],
},
];
const resuleObj = reactive({
label: '本人可联',
childrenlabel: null,
});
const form = reactive({
sum: 0,
images: [],
notes: [],
phoneResultStatus: '',
others: [],
voices: [],
remark: '',
trackTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
nextTime: null,
});
const currentDetail = ref({});
const currentInfo = ref({ name: 0, kinship: 0, phone: 0, status: '' });
const onHide = (done) => {
currentInfo.value = { name: 0, kinship: 0, phone: 0, status: '' };
done();
};
const audit = (type) => {
auditAudit({
trackRecord: {
id: 11
},
auditStatus: type === 'pass' ? 'complete':'rejected'
}).then(res => {
console.log('res', res)
})
}
const statusArr = [
{
label: '后续再跟进',
value: 'later',
},
{
label: '承诺还款',
value: 'Promise_Repayment',
},
{
label: '暂无还款意愿',
value: 'No_Repay',
},
{
label: '要求停催',
value: 'Stop_Urging',
},
{
label: '情绪激动抗拒',
value: 'resistance',
},
{
label: '拒绝还款',
value: 'Refuse_Repayment',
},
{
label: '已还款',
value: 'Repaired',
},
{
label: '代履行还款',
value: 'repayment_others',
},
];
const selectdList = ref([]);
const onCheckboxChange = (row) => {
selectdList.value = row.records;
};
const handleRemove = (uploadFile, uploadFiles) => {
const index = form.voices.findIndex((v) => v.name === uploadFile.name);
form.voices.splice(index, 1);
};
const handlePictureCardPreview = (uploadFile) => {
dialogImageUrl.value = uploadFile.url;
dialogVisible.value = true;
};
const changeLastTime = (day) => {
if (day === 'tomorrow') {
form.nextTime = dayjs().add(1, 'day').format('YYYY-MM-DD HH:mm:ss');
} else if (day === 'tomorrowDay') {
form.nextTime = dayjs().add(2, 'day').format('YYYY-MM-DD HH:mm:ss');
} else {
form.nextTime = dayjs().add(3, 'day').format('YYYY-MM-DD HH:mm:ss');
}
};
const handleFileSuccess = (response, file, fileList) => {
form.voices.push({
url: response.message,
name: file.name,
});
};
const handleFileSuccess1 = (response, file, fileList) => {
form.images.push({
url: response.message,
name: file.name,
});
};
const handleRemove1 = (uploadFile, uploadFiles) => {
const index = form.images.findIndex((v) => v.name === uploadFile.name);
form.images.splice(index, 1);
};
const handleFileSuccess2 = (response, file, fileList) => {
console.log(response, file);
form.notes.push({
url: response.message,
name: file.name,
});
};
const handleRemove2 = (uploadFile, uploadFiles) => {
const index = form.notes.findIndex((v) => v.name === uploadFile.name);
form.notes.splice(index, 1);
};
const handleFileSuccess3 = (response, file, fileList) => {
form.others.push({
url: response.message,
name: file.name,
});
};
const handleRemove3 = (uploadFile, uploadFiles) => {
const index = form.others.findIndex((v) => v.name === uploadFile.name);
form.others.splice(index, 1);
};
const config = reactive({
minHeight: 200,
columns: [
// { type: 'checkbox', width: 50 },
{
field: 'caseId',
title: '案件ID',
},
{
field: 'product',
title: '产品',
},
{
field: 'loanPlatform.name',
title: '借款机构',
},
{
field: 'commissionAmount',
title: '委案金额',
},
{
field: 'sumReductionAmount',
title: '累计减免金额',
},
{
field: 'sumRepayAmount',
title: '累计还款金额',
},
{
field: 'remainingAmount',
title: '剩余待还金额',
},
],
onCheckboxChange: onCheckboxChange,
toolbarConfig: { enabled: false },
});
const openModal = (info, detail, caselist) => {
showModal.value = true;
currentInfo.value = info;
currentDetail.value = detail;
console.log('currentInfo', currentInfo.value, currentDetail.value);
tabledata.value = caselist;
};
const submitForm = () => {
saveTrackRecord({
loan: currentDetail.value,
guarantor: currentInfo.value,
trackTime: form.trackTime,
nextTime: form.nextTime,
phoneResultStatus: form.phoneResultStatus,
followStatus: resuleObj.childrenlabel,
remark: form.remark,
voices: form.voices.map((v) => v.url),
images: form.images.map((v) => v.url),
notes: form.notes.map((v) => v.url),
others: form.others.map((v) => v.url),
}).then((res) => {
if (res.success) {
ElMessage.success({
message: '保存成功',
plain: true,
});
showModal.value = false;
emits('success');
}
});
};
defineExpose({
openModal,
});
</script>
<style lang="scss" scoped>
.mydrawer {
:deep(.card) {
padding: 0;
border: none;
}
:deep(.el-date-editor) {
width: 100%;
}
.el-form-item {
margin-right: 0;
}
}
.mypicture {
:deep(.el-upload--picture-card) {
width: 100px;
height: 100px;
}
:deep(.el-upload-list__item) {
width: 100px;
height: 100px;
}
}
</style>
src/views/property/audit-manage/index.vue
View file @ 009c4713
<template>
<div class="table-box">
<div>
<ProTable :config="config" :data="data" ref="caseLRef">
<ProTable :config="config" ref="caseLRef" :api="getAuditPage" :paramCallback="paramCallback">
<template #table_top>
<div>
<el-tabs
v-model="activeName"
type="card"
class="demo-tabs"
@tab-click="handleClick"
>
<el-tab-pane :label="item.label" :name="item.value" v-for="(item, index) in auditStatusOpt" :key="index"></el-tab-pane>
</el-tabs>
</div>
</template>
<!-- 表格 header 按钮 -->
<template #left_buttons>
<!-- <template #left_buttons>
<el-button
type="primary"
@click="audit"
:disabled="!selectdList || selectdList.length === 0"
>发起稽核</el-button
>
</template>
</template> -->
</ProTable>
</div>
<callDrawer ref="callDrawerRef" @success="query()"></callDrawer>
<callDrawer ref="callDrawerRef" @success="query()" :mode="callMode"></callDrawer>
<el-image-viewer :url-list="srcList" v-if="RefImage" @close="RefImage = false" />
</div>
</template>
......@@ -21,10 +33,12 @@
<script setup name="case-audit" lang="jsx">
import { Picture, Download } from '@element-plus/icons-vue';
import { inject } from 'vue';
import { computed } from 'vue';
import callDrawer from './components/callDrawer.vue';
import { ElButton } from 'element-plus';
import { onMounted } from 'vue';
import { getAppEnvConfig } from '@/utils/env';
import { getAuditPage } from '@/api/audit';
const envs = getAppEnvConfig();
import { reactive, ref } from 'vue';
const downloadfile = inject('download');
......@@ -70,206 +84,244 @@
{ label: '已还款', value: 'Repaired' },
{ label: '代履行还款', value: 'repayment_others' },
];
const callTelephone = (row) => {
const auditStatusOpt = [
{ label: '未稽核', value: 'un_audit' },
{ label: '稽核中', value: 'audit' },
{ label: '已拒绝', value: 'rejected' },
{ label: '已完成', value: 'complete' }
];
const activeName = ref('un_audit')
const callMode = ref('')
const paramCallback = (param) => {
const obj = JSON.parse(JSON.stringify(param));
obj['auditStatus'] = activeName.value
return obj;
};
const callTelephone = (row, type) => {
callMode.value = type
callDrawerRef.value.openModal(JSON.parse(JSON.stringify(row)));
};
const config = reactive({
columns: [
{ type: 'checkbox', title: '', width: 40 },
{ field: 'id', title: '跟进记录ID', width: 90 },
{
field: 'caseId',
title: '案件ID',
width: 80,
search: { el: 'input', props: { clearable: true } },
},
{
field: 'trackTime',
title: '跟进日期',
width: 100,
search: {
el: 'date-picker',
props: { type: 'datetime', valueFormat: 'YYYY-MM-DD HH:mm:ss' },
},
},
{
field: 'nextTime',
title: '下次跟进时间',
width: 110,
search: {
el: 'date-picker',
props: { type: 'datetime', valueFormat: 'YYYY-MM-DD HH:mm:ss' },
},
},
{
field: 'guarantor.name',
title: '联系人姓名',
width: 110,
search: { el: 'input', props: { clearable: true }, key: 'guarantorName' },
},
{
field: 'guarantor.phone',
title: '联系人号码',
width: 110,
search: { el: 'input', props: { clearable: true }, key: 'guarantorPhone' },
},
{
field: 'followStatus',
title: '拨打跟进结果',
width: 120,
enum: followStatusOpt,
search: { el: 'select', props: { filterable: true }, span: 1 },
fieldNames: { label: 'label', value: 'value' },
slots: {
default: ({ row }) => {
return (
<>
{row.followStatus
? followStatusOpt.find((v) => v.value === row.followStatus).label
: ''}
</>
);
const handleClick = () =>{
setTimeout(() => {
query()
}, 300);
}
const config = computed(() => {
return {
columns: [
{ type: 'checkbox', title: '', width: 40 },
{ field: 'id', title: '跟进记录ID', width: 90 },
{
field: 'caseId',
title: '案件ID',
width: 80,
search: { el: 'input', props: { clearable: true } },
slots: {
default: ({ row }) => {
return (
<>
{row.trackRecord.loans.map(v => v.caseId).join(',')}
</>
);
},
},
},
},
{
field: 'phoneResultStatus',
title: '拨打处置状态',
width: 120,
enum: phoneResultStatusOpt,
search: { el: 'select', props: { filterable: true }, span: 1 },
fieldNames: { label: 'label', value: 'value' },
slots: {
default: ({ row }) => {
return (
<>
{row.phoneResultStatus
? phoneResultStatusOpt.find((v) => v.value === row.phoneResultStatus).label
: ''}
</>
);
{
field: 'trackTime',
title: '跟进日期',
width: 100,
search: {
el: 'date-picker',
props: { type: 'datetime', valueFormat: 'YYYY-MM-DD HH:mm:ss' },
},
},
},
{
field: 'phoneResultStatus',
title: '稽核状态',
width: 80,
enum: phoneResultStatusOpt,
search: { el: 'select', props: { filterable: true }, span: 1 },
fieldNames: { label: 'label', value: 'value' },
slots: {
default: ({ row }) => {
return (
<>
{row.phoneResultStatus
? phoneResultStatusOpt.find((v) => v.value === row.phoneResultStatus).label
: ''}
</>
);
{
field: 'nextTime',
title: '下次跟进时间',
width: 110,
search: {
el: 'date-picker',
props: { type: 'datetime', valueFormat: 'YYYY-MM-DD HH:mm:ss' },
},
},
},
{
field: 'remark',
title: '备注',
width: 80,
search: { el: 'input', props: { clearable: true } },
},
{
field: 'voices',
title: '通话录音',
width: 80,
slots: {
default: ({ row, rowIndex }) => {
if (row.voices && row.voices.length > 0) {
{
field: 'guarantor.name',
title: '联系人姓名',
width: 110,
search: { el: 'input', props: { clearable: true }, key: 'guarantorName' },
},
{
field: 'guarantor.phone',
title: '联系人号码',
width: 110,
search: { el: 'input', props: { clearable: true }, key: 'guarantorPhone' },
},
{
field: 'followStatus',
title: '拨打跟进结果',
width: 120,
enum: followStatusOpt,
search: { el: 'select', props: { filterable: true }, span: 1 },
fieldNames: { label: 'label', value: 'value' },
slots: {
default: ({ row }) => {
return (
<>
{row.voices.map((item, index) => (
<el-icon>
<Download onClick={() => download(item)} />
</el-icon>
))}
{row.followStatus
? followStatusOpt.find((v) => v.value === row.followStatus).label
: ''}
</>
);
}
},
},
},
},
{
field: 'code',
title: '微信图片附件',
width: 80,
slots: {
default: ({ row, rowIndex }) => {
if (row.images && row.images.length > 0) {
{
field: 'phoneResultStatus',
title: '拨打处置状态',
width: 120,
enum: phoneResultStatusOpt,
search: { el: 'select', props: { filterable: true }, span: 1 },
fieldNames: { label: 'label', value: 'value' },
slots: {
default: ({ row }) => {
return (
<>
<el-icon>
<Picture onClick={() => preview(row, 'images')} />
</el-icon>
{row.phoneResultStatus
? phoneResultStatusOpt.find((v) => v.value === row.phoneResultStatus).label
: ''}
</>
);
}
},
},
},
},
{
field: 'code',
title: '短信图片附件',
width: 80,
slots: {
default: ({ row, rowIndex }) => {
if (row.notes && row.notes.length > 0) {
{
field: 'auditStatus',
title: '稽核状态',
width: 80,
slots: {
default: ({ row }) => {
return (
<>
<el-icon>
<Picture onClick={() => preview(row, 'notes')} />
</el-icon>
{row.auditStatus
? auditStatusOpt.find((v) => v.value === row.auditStatus).label
: ''}
</>
);
}
},
},
},
},
{
field: 'code',
title: '其他图片附件',
width: 80,
slots: {
default: ({ row, rowIndex }) => {
if (row.others && row.others.length > 0) {
return (
<>
<el-icon>
<Picture onClick={() => preview(row, 'others')} />
</el-icon>
</>
);
}
{
field: 'remark',
title: '备注',
width: 80,
search: { el: 'input', props: { clearable: true } },
},
{
field: 'voices',
title: '通话录音',
width: 80,
slots: {
default: ({ row, rowIndex }) => {
if (row.voices && row.voices.length > 0) {
return (
<>
{row.voices.map((item, index) => (
<el-icon>
<Download onClick={() => download(item)} />
</el-icon>
))}
</>
);
}
},
},
},
},
{
field: 'code',
title: '操作',
width: 80,
slots: {
default: ({ row, rowIndex }) => {
if (row.others && row.others.length > 0) {
return (
<>
<ElButton type="primary" onClick={() => callTelephone(row)}>
处理
</ElButton>
</>
);
}
{
field: 'code',
title: '微信图片附件',
width: 80,
slots: {
default: ({ row, rowIndex }) => {
if (row.images && row.images.length > 0) {
return (
<>
<el-icon>
<Picture onClick={() => preview(row, 'images')} />
</el-icon>
</>
);
}
},
},
},
},
],
onCheckboxChange: onCheckboxChange,
{
field: 'code',
title: '短信图片附件',
width: 80,
slots: {
default: ({ row, rowIndex }) => {
if (row.notes && row.notes.length > 0) {
return (
<>
<el-icon>
<Picture onClick={() => preview(row, 'notes')} />
</el-icon>
</>
);
}
},
},
},
{
field: 'code',
title: '其他图片附件',
width: 80,
slots: {
default: ({ row, rowIndex }) => {
if (row.others && row.others.length > 0) {
return (
<>
<el-icon>
<Picture onClick={() => preview(row, 'others')} />
</el-icon>
</>
);
}
},
},
},
{
field: 'code',
title: '操作',
width: 80,
visible: (activeName.value === 'audit' || activeName.value === 'complete') ? true : false,
slots: {
default: ({ row, rowIndex }) => {
if (row.others && row.others.length > 0) {
if (activeName.value === 'audit') {
return (
<>
<ElButton type="primary" onClick={() => callTelephone(row, 'handle')}>
处理
</ElButton>
</>
)
} else {
return (
<>
<ElButton type="primary" onClick={() => callTelephone(row, 'audit')}>
审核
</ElButton>
</>
)
}
}
}
}
},
],
onCheckboxChange: onCheckboxChange
}
});
const preview = (item, type) => {
const list = [];
......@@ -297,16 +349,4 @@
onMounted(() => {
query();
});
const data = [
{ name: 'admin', code: 'admin', role: 'superadmin' },
{ name: 'account1', code: 'account1', role: 'user' },
{ name: 'account2', code: 'account2', role: 'user' },
{ name: 'account3', code: 'account3', role: 'user' },
{ name: 'account3', code: 'account3', role: 'user' },
{ name: 'account3', code: 'account3', role: 'user' },
{ name: 'account3', code: 'account3', role: 'user' },
{ name: 'account3', code: 'account3', role: 'user' },
{ name: 'account3', code: 'account3', role: 'user' },
{ name: 'account3', code: 'account3', role: 'user' },
];
</script>
src/views/property/case-detail/index.vue
View file @ 009c4713
......@@ -17,7 +17,7 @@
<el-button type="primary" @click="reduce">减免申请</el-button>
<el-button type="primary" @click="split">分期申请</el-button>
</div>
<div class="detail-steps">
<div class="detail-steps" style="display:none;">
<el-steps :active="activeStep">
<el-step
:title="item.title"
......@@ -59,7 +59,7 @@
<div class="box-content">
<ProTable
:config="relationConfig"
:data="detail?.borrower?.guarantors"
:data="guarantorData"
:showPagination="false"
:showToolBar="false"
/>
......@@ -230,12 +230,15 @@
getByStages,
listByBorrower,
getRepayRecords,
getGuarantors
} from '@/api/property';
import { Picture, Download } from '@element-plus/icons-vue';
import { saveAudit } from '@/api/audit';
import { inject } from 'vue';
const envs = getAppEnvConfig();
const returnData = ref([]);
const recordData = ref([]);
const guarantorData = ref([]);
const reduceData = ref([]);
const splitData = ref([]);
const srcList = ref([]);
......@@ -479,6 +482,25 @@
},
},
},
{
field: 'code',
title: '',
slots: {
default: ({ row, rowIndex }) => {
return (
<>
<ElButton
type="primary"
onClick={() => audit(row)}
>
{/* <ElButton type="primary" onClick={() => callTelephone(row)}> */}
发起稽核
</ElButton>
</>
);
},
},
}
],
toolbarConfig: { enabled: false },
});
......@@ -740,6 +762,13 @@
}
});
};
const getGuarantorsList = (borrowerId) => {
getGuarantors(borrowerId).then((res) => {
if (res.result && res.result) {
guarantorData.value = res.result;
}
});
};
const onCellCase = ({ row, rowIndex }) => {
console.log('row.borrower.id', row);
......@@ -755,6 +784,15 @@
caseDetailRef.value?.setAllRowExpand(true);
}
};
const audit = (row) => {
saveAudit({
trackRecord: {
id: row.id
}
}).then(res => {
})
}
const reduceConfig = reactive({
columns: [
{
......@@ -868,8 +906,10 @@
onBeforeMount(async () => {
const id = JSON.parse(route.query.id);
const { result } = await getCredit(id);
console.log('result', result)
detail.value = result;
if (detail.value?.borrower?.id) {
getGuarantorsList(detail.value?.borrower?.id)
getTrackRecordList(detail.value?.borrower?.id);
listByBorrower(detail.value?.borrower?.id).then((res) => {
if (res.result && res.result) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment