Skip to content

L
loan-manager-customer
Commit db95428f authored by caimeng's avatar caimeng
Browse files
Options

优化客户详情样式

parents 529c89e6 9ed94069
Hide whitespace changes
Inline Side-by-side
Showing with 10334 additions and 8530 deletions
.gitignore
View file @ db95428f
......@@ -16,7 +16,7 @@
.env.development.local
.env.test.local
.env.production.local
.history
npm-debug.log*
yarn-debug.log*
yarn-error.log*
public/index.html
View file @ db95428f
......@@ -12,10 +12,10 @@
//window.APIHOST = "http://192.168.0.50:8202";
//测试
window.APIHOST = "http://47.99.245.36:8202";
window.APIHOST = "http://47.99.245.36:8202";
//生产环境
// window.APIHOST = "https://water.jqtianxia.com";
//window.APIHOST = "https://water.jqtianxia.com";
</script>
</head>
......
src/components/byh/AddQuestion.vue deleted 100644 → 0
View file @ 529c89e6
<template>
<el-dialog class="client-data-dialog" title="客服反馈新增" :visible.sync="visible" :before-close="handleClose">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
<el-form-item label="反馈类型" prop="feedType">
<el-select v-model="ruleForm.feedType" label="反馈类型" placeholder="请选择" style="width:80%">
<el-option
v-for="item in optionsFeedType"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item >
<el-form-item label="反馈描述" prop="feedContent">
<el-input
type="textarea"
:rows="2"
placeholder="请输入反馈内容"
v-model="ruleForm.feedContent" style="width:80%">
</el-input>
</el-form-item>
<el-form-item label="反馈状态" prop="feedStatus">
<el-select v-model="ruleForm.feedStatus" label="反馈状态" placeholder="请选择">
<el-option
v-for="item in optionsStatus"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="创建人" prop="creater">
<p>{{this.ruleForm.creater}}</p>
</el-form-item>
</el-form>
<div slot="footer" style="margin-right:30px">
<el-button @click="handleClose">取 消</el-button>
<el-button type="primary" @click="submitForm('ruleForm')">新 增</el-button>
</div>
</el-dialog>
</template>
<script type="text/ecmascript-6">
export default {
name: 'AddUserServiceDialog',
props: {
dialogVisible: {
type: Boolean,
required: true,
},
clientNo: {
type: String
},
},
data() {
/*请选择功能点*/
var validatefeedType = (rule, value, callback) => {
if (!value) {
return callback(new Error('请选择反馈类型'));
}
};
/*请输入问题描述*/
var validatefeedStatus = (rule, value, callback) => {
if (!value) {
return callback(new Error('请选择反馈结果'));
}
};
var validatefeedContent = (rule, value, callback) => {
if (!value) {
return callback(new Error('请输入反馈问题描述'));
}
};
return {
ui: {
submitLoading: false
},
visible: this.$props.dialogVisible,
ruleForm: {
feedType: '',
feedStatus: '',
feedContent: '',
clientNo: '',
creater: ''
},
rules: {
feedType: [
{ required: true,message: "请选择反馈类型", trigger: 'blur' }
],
feedStatus: [
{ required: true,message: '请选择反馈结果', trigger: 'blur' }
],
feedContent: [
{ required: true,message: '请输入反馈问题描述', trigger: 'blur' }
]
},
optionsStatus: [
{
value: 'YES',
label: '已解决'
},
{
value: 'NO',
label: '未解决'
}
],
optionsFeedType: [
{
value: '内部投诉',
label: '内部投诉'
},
{
value: '还款问题',
label: '还款问题'
},
{
value: '系统问题',
label: '系统问题'
},
{
value: '借款咨询',
label: '借款咨询'
},
{
value: '账户问题',
label: '账户问题'
},
{
value: '银行卡签约问题',
label: '银行卡签约问题'
},
{
value: '其它',
label: '其它'
}
],
}
},
created() {
this.ruleForm = {
clientNo: this.clientNo,
creater: localStorage.getItem("userName"),
}
},
methods: {
/** 提交点击 */
submitForm() {
this.$refs['ruleForm'].validate((valid) => {
if (!valid) {
return false
}
this.$$post('/feed/createClientFeed', {
creater: localStorage.getItem("userName"),
feedType: this.ruleForm.feedType,
feedSource: 'CUSTOMER',
feedStatus: this.ruleForm.feedStatus,
feedContent: this.ruleForm.feedContent,
clientNo: this.ruleForm.clientNo
})
.then(res => {
if (res.data.code != 200) {
this.$message.error(res.data.message);
return
}
this.$message({message: '反馈问题新增成功', type: 'success'});
this.handleClose();
})
.catch(err => {
alert("error!")
})
})
},
/** 关闭处理 */
handleClose() {
this.visible = false;
setTimeout(() => {
this.$emit('update:dialogVisible', false)
}, 300);
}
},
}
</script>
<style>
</style>
src/components/byh/ByhServiceDetail.vue
View file @ db95428f
<template>
<div>
<el-button type="text" @click="goBack" v-text="`<`+'返回'"></el-button>
<div>
<el-collapse v-model="activeNames">
<el-collapse-item title="基本信息" name="1">
<div>
<h2 style="float:left">基本信息</h2>
<el-button style="float:right;margin-right:65px" type="primary" @click="addQuestion">新增反馈记录</el-button>
<br/>
</div>
<br/>
<br/>
<el-row :gutter="20" type="flex" :data="basicInfo" style="margin-left:50px">
<el-col :span="8">
<div class="grid-content bg-purple">姓名：{{ basicInfo.name }}</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">身份证号：{{ basicInfo.idCard }}</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">手机号：{{ basicInfo.phone }}</div>
</el-col>
</el-row>
<br/>
<h2>认证信息</h2>
<br/>
<el-row :gutter="20" style="margin-left:50px">
<el-col :span="8">
<div class="grid-content bg-purple">实名认证：{{ basicInfo.isIdentity }}</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">基础信息认证：{{ basicInfo.isBasicInfo }}</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">活体认证：{{ basicInfo.isFace }}</div>
</el-col>
</el-row>
<br/>
<el-row :gutter="20" type="flex" style="margin-left:50px;">
<el-col :span="8">
<div class="grid-content bg-purple">客户单位名称：{{ basicInfo.companyName }}</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">客户单位地址：{{ basicInfo.companyAddress }}</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">住宅地址：{{ basicInfo.houseAddress }}</div>
</el-col>
</el-row>
<br/>
<el-row :gutter="20" type="flex" :data="basicInfo" style="margin-left:50px">
<el-col :span="8">
<div class="grid-content bg-purple">第一联系人姓名：{{ basicInfo.firstName }}</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">第一联系人电话：{{ basicInfo.firstPhone }}</div>
</el-col>
</el-row>
<!-- 当前用户认证的银行卡列表 -->
<el-table :data="ownerBank" stripe style="width: 100%;">
<el-table-column prop="bankAccount" label="银行卡号"></el-table-column>
<el-table-column prop="openBankName" label="银行名称"></el-table-column>
<el-table-column prop="ownerName" label="姓名"></el-table-column>
<el-table-column prop="payChannelApi" label="渠道名称"></el-table-column>
<el-table-column prop="gmtCreated" label="绑定时间" :formatter="dateFormat"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="text" size="small" @click="ownerBankBind(scope.row)">绑卡记录</el-button>
</template>
</el-table-column>
</el-table>
</el-collapse-item>
<el-collapse-item name="2" title="借款信息">
<h2>借款信息</h2>
<br/>
<el-table :data="loanResultLists" stripe style="width: 100%;">
<el-table-column prop="loanNo" label="借款编号"></el-table-column>
<el-table-column prop="gmtCreated" label="申请日期" :formatter="dateFormats"></el-table-column>
<el-table-column prop="startDate" label="放款日期" :formatter="dateFormats"></el-table-column>
<el-table-column prop="raiseAmt" label="放款本金"></el-table-column>
<el-table-column prop="capitalCode" label="放款资方" :formatter="capitalCodeFormat"></el-table-column>
<el-table-column prop="status" label="借款单状态" :formatter="loanStatusFormat"></el-table-column>
<el-table-column prop="cancelMemo" label="备注"></el-table-column>
<el-table-column label="查看详情">
<template slot-scope="scope">
<el-button type="text" size="small" @click="addLoanDetail(scope.row.loanNo)">详情</el-button>
</template>
</el-table-column>
</el-table>
</el-collapse-item>
<el-collapse-item title="申请信息" name="3">
<p style="margin-left:50px"><strong>当前借款</strong></p>
<br/>
<div v-if="this.loanModel !=null">
<el-row :gutter="20" :data="loanModel" style="margin-left:50px">
<el-col :span="6">
<div class="grid-content bg-purple">申请日期：{{ loanModel.gmtCreated | dateFilter }}</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">放款日期：{{ loanModel.raiseDate | dateFilter }}</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">项目名称：{{ loanModel.bizTypeStr }}</div>
</el-col>
</el-row>
<br/>
<el-row :gutter="20" :data="loanModel" style="margin-left:50px">
<el-col :span="6">
<div class="grid-content bg-purple">总应还金额：{{ loanModel.loanAmt }}</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">申请期数：{{ loanModel.loanLimit }}</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple" v-if="loanModel.cardBankAccount">
放款银行卡（所属银行）：{{ loanModel.cardBankAccount }}（{{ loanModel.cardBankCodeStr }}）
</div>
<div class="grid-content bg-purple" v-else>放款银行卡（所属银行）：{{ loanModel.bankAccount }}</div>
</el-col>
</el-row>
<br/>
<el-row :gutter="20" :data="loanModel" style="margin-left:50px">
<el-col :span="6">
<div class="grid-content bg-purple">本金：{{ loanModel.raiseAmt }}</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">总服务费：{{ loanModel.serviceAmt }}</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">总利息：{{ loanModel.rateAmt }}</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">总手续费：{{ loanModel.accountAmt }}</div>
</el-col>
</el-row>
</div>
</el-collapse-item>
<el-collapse-item title="账单详情" name="4">
<br/>
<div style="margin-left:10px">
<strong>
<el-row :gutter="20" :data="loanModel" style="margin-left:20px">
<el-col :span="4">
<div class="grid-content bg-purple">借款编号：{{ this.advanceLoanAmt.loanNo }}</div>
</el-col>
<el-col :span="4">
<div class="grid-content bg-purple">账单剩余应还：{{ this.loanVo.surAmt }}</div>
</el-col>
<el-col :span="4">
<div class="grid-content bg-purple">账单已还款：{{ this.loanVo.alrAmt }}</div>
</el-col>
<el-col :span="4">
<div class="grid-content bg-purple" v-if="this.loanVo.refundAmt != null ">退款金额：{{ this.loanVo.refundAmt }} ({{ this.loanVo.refundStatusDesc }})</div>
<div class="grid-content bg-purple" v-else>退款金额：0</div>
</el-col>
<el-col :span="6">
<el-button type="primary" size="small" @click="advanceLoanAmt()" v-if="isNeedAudit">线下结清</el-button>
<el-button type="primary" size="small" @click="protocolSettleAll()"
v-if="$permissionUtils.rolePermission('customBoss')">代扣结清
</el-button>
</el-col>
</el-row>
</strong>
</div>
<br/>
<el-table :data="loanApplyList" stripe style="width: 100%;">
<el-table-column prop="planNo" label="计划编号" width="150px"></el-table-column>
<el-table-column prop="planIndex" label="期数"></el-table-column>
<el-table-column prop="planAmt" label="应还总金额"></el-table-column>
<el-table-column prop="planBen" label="本金"></el-table-column>
<el-table-column prop="planFu" label="服务费"></el-table-column>
<el-table-column prop="planXi" label="利息"></el-table-column>
<el-table-column prop="planFa" label="计划罚息"></el-table-column>
<el-table-column prop="accountAmt" label="手续费"></el-table-column>
<el-table-column prop="planDate" label="计划还款时间" :formatter="dateFormats"></el-table-column>
<el-table-column prop="backedAmt" label="已还金额" :formatter="planMoneyFormat"></el-table-column>
<el-table-column prop="derateAmt" label="减免金额"></el-table-column>
<el-table-column prop="remainAmt" label="待还金额"></el-table-column>
<el-table-column prop="statusStr" label="还款状态"></el-table-column>
<el-table-column prop="gmtModified" label="结清时间" :formatter="dateFormats"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="text" size="small"
v-if=" scope.row.status !='SETTLED' && scope.row.backedSign == 'YES' && $permissionUtils.rolePermission('customBoss') "
@click="protocolOne(scope.row)">代扣
</el-button>
<el-button type="text" size="small" v-else disabled @click="protocolOne(scope.row)">代扣</el-button>
<el-button type="text" size="small"
v-if=" scope.row.status != 'SETTLED' && scope.row.backedSign == 'YES' "
@click="offineTransfer(scope.row)">线下转账
</el-button>
<el-button type="text" size="small" v-else disabled @click="offineTransfer(scope.row)">线下转账</el-button>
</template>
</el-table-column>
</el-table>
</el-collapse-item>
<el-collapse-item title="还款情况" name="5">
<el-table :data="loanBackedList" stripe style="width: 100%;">
<el-table-column prop="backedNo" label="还款编号"></el-table-column>
<el-table-column prop="planIndex" label="期数"></el-table-column>
<el-table-column prop="backedAmt" label="还款金额"></el-table-column>
<el-table-column prop="backedTypeStr" label="还款方式"></el-table-column>
<!-- <el-table-column prop="backedXi" label="还款利息"></el-table-column> -->
<el-table-column prop="statusStr" label="还款单状态"></el-table-column>
<el-table-column prop="cardOwnerName" label="银行账号户主名称"></el-table-column>
<el-table-column prop="cardOwnerMobile" label="银行账号户主电话号码"></el-table-column>
<el-table-column prop="cardBankAccount" label="银行账号" :formatter="cardBankFormat"></el-table-column>
<el-table-column prop="bankAccount" label="还款银行账号"></el-table-column>
<el-table-column prop="bankOwner" label="还款银行账户"></el-table-column>
<el-table-column prop="backedDate" label="还款时间" :formatter="dateCompare"></el-table-column>
<el-table-column prop="resultStr" label="还款结果" :formatter="resultBankFormat"></el-table-column>
<el-table-column prop="creator" label="创建人"></el-table-column>
<el-table-column prop="memo" label="备注"></el-table-column>
</el-table>
<div class="page">
<el-pagination
@current-change="handleCurrentChange"
@size-change="handleSizeChange"
:current-page.sync="page.current"
:page-sizes="[10, 20, 50, 100]"
:page-size="page.size"
layout="total, sizes, prev, pager, next, jumper"
:total="page.total">
</el-pagination>
</div>
</el-collapse-item>
<el-collapse-item title="客服反馈问题记录" name="6">
<el-table :data="customerFeedList" stripe style="width: 100%;">
<el-table-column prop="feedNo" label="客服反馈编号"></el-table-column>
<el-table-column prop="clientName" label="客户姓名"></el-table-column>
<el-table-column prop="clientCell" label="客户手机号"></el-table-column>
<el-table-column prop="feedType" label="反馈类型"></el-table-column>
<el-table-column prop="feedContent" label="反馈内容"></el-table-column>
<el-table-column prop="finishContent" label="处理意见"></el-table-column>
<el-table-column prop="feedStatus" label="状态" :formatter="serviceFormat"></el-table-column>
<el-table-column prop="creater" label="处理人"></el-table-column>
<el-table-column prop="gmtCreated" label="记录时间" :formatter="dateFormat"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="text" size="small" @click="updateQueDialog(scope.row)">修改</el-button>
</template>
</el-table-column>
</el-table>
<div class="page">
<el-pagination
@current-change="customerHandleCurrentChange"
@size-change="customerHandleSizeChange"
:current-page.sync="customerPage.current"
:page-sizes="[10, 20, 50, 100]"
:page-size="customerPage.size"
layout="total, sizes, prev, pager, next, jumper"
:total="customerPage.total">
</el-pagination>
</div>
</el-collapse-item>
<el-collapse-item title="催收记录" name="7">
<el-table :data="collectFeedList" stripe style="width: 100%;">
<el-table-column prop="collectContact.contactMobile" label="联系人手机号"></el-table-column>
<el-table-column prop="collectContact.contactName" label="联系人姓名"></el-table-column>
<el-table-column prop="collectContact.contactRelation" label="联系人关系"></el-table-column>
<el-table-column prop="collectContact.overdueDay" label="逾期天数"></el-table-column>
<el-table-column prop="collectContact.state" label="状态" :formatter="collectStatueFormat"></el-table-column>
<el-table-column prop="collectContact.created" label="联系时间"
:formatter="collectDateFormat"></el-table-column>
<el-table-column prop="collectContact.resultType" label="结果"
:formatter="collectResultFormat"></el-table-column>
<el-table-column prop="collectContact.callSeconds" label="语音时长"
:formatter="formatSeconds"></el-table-column>
<el-table-column prop="collectContact.record" label="催记"></el-table-column>
</el-table>
<div class="page">
<el-pagination
@current-change="collectHandleCurrentChange"
@size-change="collectHandleSizeChange"
:current-page.sync="collectPage.current"
:page-sizes="[10, 20, 50, 100]"
:page-size="collectPage.size"
layout="total, sizes, prev, pager, next, jumper"
:total="collectPage.total">
</el-pagination>
</div>
</el-collapse-item>
<el-collapse-item title="操作日志" name="8">
<el-table :data="loanLogCustom" stripe style="width: 100%;">
<el-table-column prop="typeStr" label="操作类型"></el-table-column>
<el-table-column prop="gmtCreated" label="操作时间" :formatter="dateFormat"></el-table-column>
<el-table-column prop="memo" label="备注"></el-table-column>
</el-table>
<div class="page">
<el-pagination
@current-change="handleCurrentChangeClient"
@size-change="handleSizeChangeClient"
:current-page.sync="pages.current"
:page-sizes="[10, 20, 50, 100]"
:page-size="pages.size"
layout="total, sizes, prev, pager, next, jumper"
:total="pages.total">
</el-pagination>
</div>
</el-collapse-item>
</el-collapse>
<div class="page-user-detail">
<el-page-header style="margin-bottom: 20px" @back="goBack" content="客户详情"/>
<!--操作按钮-->
<div class="block-box">
<el-button-group>
<el-button size="mini" type="primary" @click="handleClick('AddQuestion','新增反馈记录')">新增反馈记录</el-button>
<el-button size="mini" type="primary" @click="handleClick('LoanInfo','借款信息')">借款信息</el-button>
<el-button size="mini" type="primary" @click="handleClick('ApplyInfo','申请信息')">申请信息</el-button>
<el-button size="mini" v-if="$permissionUtils.rolePermission('customBoss')" type="primary"
@click="handleClick('ContractList','合同列表')">借款合同
</el-button>
<el-button size="mini" type="primary" @click="handleClick('BillList','账单详情')">账单详情</el-button>
<el-button size="mini" type="primary" @click="handleClick('RePayList','还款情况')">还款情况</el-button>
<el-button size="mini" type="primary" @click="handleClick('FeedList','反馈记录')">反馈记录</el-button>
<el-button size="mini" type="primary" @click="handleClick('UrgeList','催收记录')">催收记录</el-button>
<el-button size="mini" type="primary" @click="handleClick('OperateLog','操作日志')">操作日志</el-button>
<el-button size="mini" type="primary" @click="handleClick('RiskInfo','风险等级')">风险等级</el-button>
</el-button-group>
</div>
<block-header title="基本信息"/>
<div class="block-box">
<table class="table">
<tr>
<td>姓名:</td>
<td>{{ basicInfo.name }}</td>
<td>身份证号:</td>
<td>{{ basicInfo.idCard }}</td>
<td>手机号:</td>
<td>{{ basicInfo.phone }}</td>
</tr>
<tr>
<td>实名认证:</td>
<td>
<el-tag size="mini" type="danger" v-if="basicInfo.isIdentity==='未认证'"> {{ basicInfo.isIdentity }}</el-tag>
<el-tag size="mini" type="success" v-else> {{ basicInfo.isIdentity }}</el-tag>
</td>
<td>基础信息认证:</td>
<td>
<el-tag size="mini" type="danger" v-if="basicInfo.isIdentity==='未认证'"> {{ basicInfo.isBasicInfo }}</el-tag>
<el-tag size="mini" type="success" v-else> {{ basicInfo.isBasicInfo }}</el-tag>
</td>
<td>活体认证:</td>
<td>
<el-tag size="mini" type="danger" v-if="basicInfo.isIdentity==='未认证'"> {{ basicInfo.isFace }}</el-tag>
<el-tag size="mini" type="success" v-else> {{ basicInfo.isFace }}</el-tag>
</td>
</tr>
<tr>
<td>客户单位名称:</td>
<td>{{ basicInfo.companyName }}</td>
<td>客户单位地址:</td>
<td>{{ basicInfo.companyAddress }}</td>
<td>住宅地址:</td>
<td>{{ basicInfo.houseAddress }}</td>
</tr>
<tr>
<td>第一联系人姓名:</td>
<td>{{ basicInfo.firstName }}</td>
<td>第一联系人电话:</td>
<td colspan="3">{{ basicInfo.firstPhone }}</td>
</tr>
</table>
</div>
<block-header title="银行卡列表"/>
<div class="block-box">
<el-table
:header-row-class-name="headerStyle"
:highlight-current-row="true"
border
size="small"
:data="ownerBank"
stripe style="width: 100%;">
<el-table-column align="center" prop="bankAccount" label="银行卡号"></el-table-column>
<el-table-column align="center" prop="openBankName" label="银行名称"></el-table-column>
<el-table-column align="center" prop="ownerName" label="姓名"></el-table-column>
<el-table-column align="center" prop="payChannelApi" label="渠道名称"></el-table-column>
<el-table-column align="center" prop="gmtCreated" label="绑定时间" :formatter="dateFormat"></el-table-column>
<el-table-column align="center" label="操作">
<template slot-scope="scope">
<el-button type="text" size="small" @click="ownerBankBind(scope.row)">绑卡记录</el-button>
</template>
</el-table-column>
</el-table>
</div>
......@@ -438,26 +177,60 @@
</ownerBankBind>
</template>
<!-- 弹框组件-->
<template v-if="visible">
<component
@handleClose="visible = false"
:is="activeComponents"
:dialogVisible="visible"
:params="params"
:title="title"/>
</template>
</div>
</template>
<script>
import * as moment from "moment";
import addQuestion from "../byh/AddQuestion";
import advanceLoanAmt from "./AdvanceLoanAmt";
import protocolSettled from "./ProtocolSettled";
import updateQueDialog from "../byh/UpdateQueDialog";
import readDetail from "../byh/readDetail";
import offineTransfer from "../byh/offineTransfer";
import protocolSettledOne from "../byh/ProtocolSettledOne";
import ownerBankBind from "../byh/OwnerBankBind";
import AddQuestion from "./componments/AddQuestion";
import LoanInfo from "./componments/LoanInfo";
import ApplyInfo from "./componments/ApplyInfo";
import RiskInfo from "./componments/RiskInfo";
import ContractList from "./componments/ContractList";
import FeedList from "./componments/FeedList";
import UrgeList from "./componments/UrgeList";
import OperateLog from "./componments/OperateLog";
import RePayList from "./componments/RePayList";
import BillList from "./componments/BillList";
import advanceLoanAmt from "./componments/AdvanceLoanAmt";
import protocolSettled from "./componments/ProtocolSettled";
import updateQueDialog from "./componments/UpdateQueDialog";
import readDetail from "./componments/readDetail";
import offineTransfer from "./componments/offineTransfer";
import protocolSettledOne from "./componments/ProtocolSettledOne";
import ownerBankBind from "./componments/OwnerBankBind";
import clone from "../../mixins/clone";
import BlockHeader from "@/components/byh/componments/blockHeader";
export default {
name: "ByhLoanBackedList",
components: {
addQuestion,
BlockHeader,
AddQuestion,
LoanInfo,
ApplyInfo,
RiskInfo,
ContractList,
FeedList,
UrgeList,
OperateLog,
RePayList,
BillList,
advanceLoanAmt,
protocolSettled,
protocolSettledOne,
......@@ -468,10 +241,19 @@ export default {
},
data() {
return {
visible: false,
activeComponents: "",
title: "",
params: {},
firstLoanNo: '',
loan:{},
tableStatus: [{text: '成功', value: "SUCCESS"}, {text: '失败', value: "FAIL"}],
backValue: null,
flag: false,
isShow: true,
isNeedAudit: true,
activeNames: ['1', '2', '7', '8'],
activeNames: [],
page: {
current: 1,
size: 10,
......@@ -537,6 +319,11 @@ export default {
planDate: '',
status: '',
}],
contractList: [{
contractName: '',
contractUrl: '',
}],
companyInfo: [{
companyName: '',
companyAddress: '',
......@@ -639,26 +426,21 @@ export default {
},
}
},
filters: {
dateFilter: function (row) {
var exp = row
if (!exp || typeof (exp) === undefined || typeof (exp) === null) {
return ''
}
return moment(exp).format("YYYY-MM-DD")
},
},
created() {
this.clientNos = this.$route.query.clientNo;
this.clientProducts = this.$route.query.clientProductName;
this.clientCells = this.$route.query.phoneNo;
this.backedData(this.$route.query.phoneNo, this.$route.query.clientNo, this.$route.query.clientProductName);
// 初始化客户信息
this.loanDetail(this.$route.query.phoneNo, this.$route.query.clientNo, this.$route.query.clientProductName);
// 初始化借款信息
this.addLoanDetail(this.$route.query.loanNo);
},
methods: {
headerStyle() {
return "tableHeaderStyle";
},
// 反馈弹窗
addQuestion() {
this.ui.addQuestion = {
......@@ -746,226 +528,59 @@ export default {
})
},
/** 加载数据 */
backedData(phoneNo, clientNo, clientProductName) {
this.loanDetail(phoneNo, clientNo, clientProductName)
},
loanDetail(phoneNo, clientNo, clientProductName) {
// 初始化详情
async loanDetail(phoneNo, clientNo, clientProductName) {
let urlStr = 'clientNo=' + clientNo + '&productName=' + clientProductName;
// 个人信息
this.$$get('/detail/clientDetailInfo?' + urlStr).then(res => {
if (res.data.code != 200) {
this.$message.error(res.data.message);
return
} else {
if (res.data.result != null) {
this.basicInfo = res.data.result ? res.data.result : '';
// 多个用户银行卡信息
if (res.data.result.cardList != null) {
this.ownerBank = res.data.result.cardList ? res.data.result.cardList : '';
}
}
}
});
//操作信息
this.clientDailyInfo(this.$route.query.clientNo);
// 请求当前的反馈问题/customer/getQuestionList/
// 请求当前日志
this.$$post('/feed/feedPageList',
{clientCell: phoneNo,
feedProduct: clientProductName,
feedSource: 'CUSTOMER',
size: this.customerPage.size,
current: this.customerPage.current,
sort: 'id desc'}).then(res => {
if (res.data.code != 200) {
this.$message.error(res.data.message);
return
}
if (res.data.result.records != null) {
this.customerFeedList = res.data.result.records ? res.data.result.records : '';
this.customerPage.total = res.data.result.total;
}
}).catch(error => {
this.$message.error(error || '系统异常');
});
// 请求当前日志
this.$$post('/feed/feedPageList',
{clientCell: phoneNo,
feedProduct: 'GXD',
feedSource: 'COLLECT',
size: this.collectPage.size,
current: this.collectPage.current,
sort: 'id desc'}).then(res => {
if (res.data.code != 200) {
this.$message.error(res.data.message);
return
}
if (res.data.result.records != null) {
this.collectFeedList = res.data.result.records ? res.data.result.records : '';
this.collectPage.total = res.data.result.total;
}
}).catch(error => {
this.$message.error(error || '系统异常');
});
this.$$post('/loan/getLoanListByClientNo/' + clientNo).then(res => {
if (res.data.code != 200) {
// this.isShow = false;
this.$message.error(res.data.message);
return
} else {
if (res.data.result != null) {
this.loanResultLists = res.data.result ? res.data.result : '';
}
}
}).catch(error => {
this.$message.error(error || '网络异常，请稍后。。。');
});
},
//操作信息
clientDailyInfo(clientNo) {
// 请求当前日志
this.$$post('/detail/getDaily', this.buildParam(clientNo)).then(res => {
if (res.data.code != 200) {
this.$message.error(res.data.message);
return
}
if (res.data.result.data != null) {
this.loanLogCustom = res.data.result.data ? res.data.result.data : '';
this.pages.total = res.data.result.size;
}
}).catch(error => {
this.$message.error(error || '系统异常');
});
},
//客服反馈信息
customerInfo(phoneNo) {
// 请求当前日志
this.$$post('/feed/feedPageList',
{clientCell: phoneNo,
feedProduct: this.clientProducts,
feedSource: 'CUSTOMER',
size: this.customerPage.size,
current: this.customerPage.current,
sort: 'id desc'}).then(res => {
if (res.data.code != 200) {
this.$message.error(res.data.message);
return
}
if (res.data.result.records != null) {
this.customerFeedList = res.data.result.records ? res.data.result.records : '';
this.customerPage.total = res.data.result.total;
}
}).catch(error => {
this.$message.error(error || '系统异常');
});
},
//客户催收信息
collectInfo(phoneNo) {
// 请求当前日志
this.$$post('/feed/feedPageList',
{clientCell: phoneNo,
feedProduct: 'GXD',
feedSource: 'COLLECT',
size: this.collectPage.size,
current: this.collectPage.current,
sort: 'id desc'}).then(res => {
if (res.data.code != 200) {
this.$message.error(res.data.message);
return
}
if (res.data.result.records != null) {
this.collectFeedList = res.data.result.records ? res.data.result.records : [];
this.collectPage.total = res.data.result.total;
}
}).catch(error => {
this.$message.error(error || '系统异常');
});
const res = await this.$$get('/detail/clientDetailInfo?' + urlStr);
const {success, result} = res.data;
if (success && result !== null) {
const {cardList} = result;
this.basicInfo = result;
if (cardList) this.ownerBank = cardList;
}
},
//根据借款信息查借款所有信息
addLoanDetail(record) {
async addLoanDetail(record) {
this.isNeedAudit = true;
this.$$get('/detail/customer/' + record).then(res => {
if (res.data.code != 200) {
// this.isShow = false;
this.$message.error(res.data.message);
return
} else {
//打开借款的面板
this.activeNames = ['1', '2', '3', '4', '5', '8'];
//还款计划
if (res.data.result.planVo == null) {
this.loanApplyList = [];
this.isNeedAudit = false;
} else {
this.loanApplyList = res.data.result.planVo ? res.data.result.planVo : '';
this.advanceLoanAmt.loanNo = res.data.result.applyVo.loanNo;
this.advanceLoanAmt.bizType = res.data.result.applyVo.bizType;
this.advanceLoanAmt.clientNo = res.data.result.applyVo.clientNo;
this.clientNos = res.data.result.applyVo.clientNo;
this.loanNos = res.data.result.applyVo.loanNo;
}
//借款信息
if (res.data.result.loanVo == null) {
this.loanVo = [];
} else {
this.loanVo = res.data.result.loanVo ? res.data.result.loanVo : '';
}
//借款信息放款信息
this.loanModel = res.data.result.applyVo ? res.data.result.applyVo : '';
//还款信息
this.loanBackedData(res.data.result.applyVo.loanNo);
/*if(res.data.result.backedVo == null){
this.loanBackedList = [];
}else {
this.loanBackedList = res.data.result.backedVo ? res.data.result.backedVo : '';
}*/
const res = await this.$$get('/detail/customer/' + record);
const {success, result} = res.data;
if (success && result !== null) {
this.loan = result;
//打开借款的面板
this.activeNames = ['1', '2', '3', '4', '5', '8'];
//还款计划
if (res.data.result.planVo == null) {
this.loanApplyList = [];
this.isNeedAudit = false;
}
else {
this.loanApplyList = res.data.result.planVo ? res.data.result.planVo : '';
this.advanceLoanAmt.loanNo = res.data.result.applyVo.loanNo;
this.advanceLoanAmt.bizType = res.data.result.applyVo.bizType;
this.advanceLoanAmt.clientNo = res.data.result.applyVo.clientNo;
this.clientNos = res.data.result.applyVo.clientNo;
this.loanNos = res.data.result.applyVo.loanNo;
console.log(this.loanNos,'沃日')
}
//操作信息
this.clientDailyInfo(res.data.result.applyVo.clientNo);
}).catch(error => {
this.$message.error(error || '网络异常，请稍后。。。');
});
},
loanBackedData(record) {
this.$$post('/back/detailPageList', {
bizNo: record,
size: this.page.size,
current: this.page.current
}).then(res => {
if (res.data.code != 200) {
// this.isShow = false;
this.$message.error(res.data.message);
//借款信息
if (res.data.result.loanVo == null) {
this.loanVo = [];
} else {
if (res.data.result == null) {
this.loanBackedList = [];
} else {
this.loanBackedList = res.data.result.data ? res.data.result.data : '';
this.page.total = res.data.result.total;
}
this.loanVo = res.data.result.loanVo ? res.data.result.loanVo : '';
}
}).catch(error => {
this.$message.error(error || '网络异常，请稍后。。。');
});
//借款信息放款信息
this.loanModel = res.data.result.applyVo ? res.data.result.applyVo : '';
this.firstLoanNo = result.applyVo.loanNo;
}
},
// 绑卡记录
//绑卡记录
ownerBankBind(record) {
this.ui.ownerBankBind = {
visible: true,
......@@ -1111,7 +726,7 @@ export default {
// 计算已还金额
planMoneyFormat: function (row, column) {
return this.accAdd( this.accAdd( this.accAdd( this.accAdd(this.accAdd(row.backedBen, row.backedFu), row.backedXi),row.backedFa),row.backedBurden),row.backedSpeaccount) .toFixed(2)
return this.accAdd(this.accAdd(this.accAdd(this.accAdd(this.accAdd(row.backedBen, row.backedFu), row.backedXi), row.backedFa), row.backedBurden), row.backedSpeaccount).toFixed(2)
},
// 银行信息拼接
cardBankFormat: function (row, column) {
......@@ -1121,7 +736,6 @@ export default {
resultBankFormat: function (row, column) {
return row.resultStr + "(" + row.confirmDesc + ")";
},
// 合同金额
// 计算小数
accAdd(arg1, arg2) {
......@@ -1157,37 +771,6 @@ export default {
this.loanBackedData(this.loanNos);
},
/** 处理分页操作*/
handleCurrentChangeClient() {
this.loanLogCustom = this.clientDailyInfo(this.clientNos);
},
handleSizeChangeClient(row) {
this.pages.size = row
this.pages.current = 1;
this.clientDailyInfo(this.clientNos);
},
/** 客服反馈处理分页操作*/
customerHandleCurrentChange() {
this.customerFeedList = this.customerInfo(this.clientCells);
},
customerHandleSizeChange(row) {
this.customerPage.size = row
this.customerPage.current = 1;
this.customerInfo(this.clientCells);
},
/** 客户催收处理分页操作*/
collectHandleCurrentChange() {
this.collectFeedList = this.collectInfo(this.clientCells);
},
collectHandleSizeChange(row) {
this.collectPage.size = row
this.collectPage.current = 1;
this.collectInfo(this.clientCells);
},
//结果状态
resultFormat: function (row, column) {
......@@ -1198,12 +781,56 @@ export default {
return '未处理';
}
},
// 显示组件
handleClick(com, title) {
this.visible = true;
this.activeComponents = com;
this.title = title;
this.params = {
...this.loan,
...this.loanModel,
...this.basicInfo,
...this.$route.query,
firstLoanNo: this.firstLoanNo
};
}
}
}
</script>
<style scoped>
<style lang="less">
.page-user-detail {
.block-box {
margin-bottom: 15px;
}
.table {
width: 100%;
color: #666;
border-collapse: collapse;
background-color: #fff;
td {
position: relative;
padding: 9px 15px;
overflow: hidden;
font-size: 14px;
line-height: 20px;
text-overflow: ellipsis;
white-space: nowrap;
border: 1px solid #e6e6e6;
&:nth-child(odd) {
width: 15%;
text-align: right;
background-color: #f7f7f7;
}
}
}
}
</style>
src/components/byh/Controlswitch.vue
View file @ db95428f
<template>
<div>
<el-table :data="baseConfigList" stripe style="width: 100%;">
<el-table-column prop="content" label="内容"></el-table-column>
<el-table-column prop="valueContent" label="当前配置"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="text" size="small" @click="updateQue(scope.row)">修改</el-button>
</template>
</el-table-column>
</el-table>
<div class="page">
<el-pagination
@current-change="handleCurrentChange"
@size-change="handleSizeChange"
:current-page.sync="page.current"
:page-sizes="[10, 20, 50, 100]"
:page-size="page.size"
layout="total, sizes, prev, pager, next, jumper"
:total="page.total">
</el-pagination>
</div>
<el-row>
<el-col :span="24">
<el-link type="danger" disabled>绿色时为开启积累 红色时为关闭积累</el-link>
</el-col>
<el-col :span="24">
<el-switch
v-model="value"
active-color="#13ce66"
@change="change()"
inactive-color="#ff4949">
</el-switch>
</el-col>
</el-row>
<br/>
</div>
</template>
......@@ -26,7 +34,13 @@ export default {
name: "Controlswitch",
data() {
return {
value: true
value: true,
page: {
current: 1,
size: 10,
total: 0
},
baseConfigList: [],
}
},
filters: {
......@@ -45,51 +59,71 @@ export default {
},
methods: {
change(){
this.$confirm('此操作将影响是否积累放款, 是否继续?', '提示', {
getRiaseOrPut(){
this.$$post("/raise/getRiaseOrPut",{
size: this.page.size,
current: this.page.current
}).then(res=>{
if (res.data.code != 200) {
// this.isShow = false;
this.$message.error(res.data.message);
} else {
if (res.data.result.records == null) {
this.baseConfigList = [];
} else {
this.baseConfigList = res.data.result.records ? res.data.result.records : '';
this.page.total = res.data.result.total;
}
}
});
},
/** 处理分页操作*/
handleCurrentChange() {
this.baseConfigList = this.getRiaseOrPut();
},
handleSizeChange(row) {
this.page.size = row
this.page.current = 1;
this.getRiaseOrPut();
},
updateQue(record) {
this.$prompt('请输入内容', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
if(this.value === true){
this.$$get("/raise/riaseOrPut?type=ON",null).then(res=>{
if (res.data.code==="200"){
this.$message({
message: '设置成功',
type: 'success'
});
this.getRiaseOrPut();
}
});
}else {
this.$$get("/raise/riaseOrPut?type=OFF",null).then(res=>{
if (res.data.code==="200"){
this.$message({
message: '设置成功',
type: 'success'
});
this.getRiaseOrPut();
}
});
center: true
}).then(({ value }) => {
if(value == null || value == '' ){
this.$message.error("请输入后再提交");
return
}
this.$$post('/raise/riaseOrPut', {
keyContent: record.keyContent,
valueContent: value
}).then(res => {
if (res.data.code != 200) {
this.$message.error(res.data.message);
return
}
this.$message({
type: 'success',
message: '你输入的内容是: ' + value
});
window.location.reload();
}).catch(error => {
this.$message.error("修改资方配置信息失败");
})
}).catch(() => {
this.$message({
message: '已取消',
type: 'warning'
type: 'info',
message: '取消输入'
});
this.getRiaseOrPut();
});
},
getRiaseOrPut(){
this.$$get("/raise/getRiaseOrPut",null).then(res=>{
if (res.data.result==="OFF"){
this.value = false
}else {
this.value = true
}
});
}
}
......
src/components/byh/DerateCreate.vue 0 → 100644
View file @ db95428f
<template>
<div style="width: 600px">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px" class="demo-ruleForm">
<el-form-item label="借款编号" prop="loanNo">
<el-col :span="20">
<el-input v-model="ruleForm.loanNo" placeholder="请正确填写借款编号"></el-input>
</el-col>
</el-form-item>
<el-form-item label="减免金额" prop="derateAmt">
<el-col :span="20">
<el-input type='number' v-model="ruleForm.derateAmt" placeholder="请输入减免金额"></el-input>
</el-col>
</el-form-item>
<el-form-item label="描述信息" prop="applyDesc">
<el-col :span="20">
<el-input v-model="ruleForm.applyDesc" placeholder="请输入减免描述信息"></el-input>
</el-col>
</el-form-item>
</el-form>
<div slot="footer">
<el-button style="float:right; margin-right:200px" type="primary" @click="createDerate('ruleForm')">确 定</el-button>
</div>
</div>
</template>
<script>
export default {
name: "DerateCreate",
props: {
},
data (){
return {
ruleForm: {
loanNo: '',
derateAmt: '',
applyUser: '',
applyDesc: ''
},
rules: {
loanNo: [{required: true, message: '请正确填写借款编号', trigger: 'blur'}],
derateAmt: [{required: true, message: '请输入减免金额', trigger: 'blur'}],
applyDesc: [{required: true, message: '请输入减免描述信息', trigger: 'blur'}],
},
loginName: '',
}
},
mounted() {
this.loginName = localStorage.getItem("loginName");
},
methods:{
/** 提交点击 */
createDerate() {
this.$refs['ruleForm'].validate((valid) => {
if (!valid) {
return false
}
this.$confirm('操作将创建减免单, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$$post(`/loan/createDerated`, {
loanNo: this.ruleForm.loanNo,
derateAmt: this.ruleForm.derateAmt,
applyDesc: this.ruleForm.applyDesc,
applyUser: this.loginName,
}).then(res => {
if (res.data.code != 200) {
this.$message.error(res.data.message);
return
}
this.$message({message: '提交成功!', type: 'success'});
setTimeout(() => {
window.location.reload();
}, 1500);
}).catch(err => {
this.$message.error("提交减免单失败！！！");
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消提交'
});
});
})
},
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
src/components/byh/RiskLevelList.vue 0 → 100644
View file @ db95428f
<template>
<div class="page-risk-level-list">
<div class="search">
<block-header title="搜索"></block-header>
<el-form size="small" label-suffix=":" :inline="true" :model="form" class="form-inline">
<el-form-item label="风险等级">
<el-select clearable v-model="form.riskType">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="选择时间">
<el-date-picker
clearable
v-model="form.time"
type="datetimerange"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd HH:mm:ss"
:default-time="['12:00:00']">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button
type="primary"
@click="onSubmit"
>
查询
</el-button>
<!--<el-button type="default" @click="onReset">重置</el-button>-->
</el-form-item>
</el-form>
</div>
<div class="table">
<block-header title="客户列表"></block-header>
<el-table
border
size="mini"
:highlight-current-row="true"
:header-row-class-name="headerStyle"
:data="data"
stripe
style="width: 100%;">
<el-table-column align="center" prop="clientName" label="姓名"></el-table-column>
<el-table-column align="center" width="140" prop="riskGmtCreated" :formatter="dateFormats"
label="修改日期"></el-table-column>
<el-table-column align="center" prop="riskType" label="风险等级"></el-table-column>
<el-table-column align="center" prop="riskContent" label="风险描述"></el-table-column>
<el-table-column align="center" prop="memo" label="备注"></el-table-column>
</el-table>
</div>
<div class="pages">
<el-pagination
background
@current-change="handleChange"
:current-page="form.current"
:page-size="form.size"
layout="prev, pager, next"
:total="form.total">
</el-pagination>
</div>
</div>
</template>
<script>
import BlockHeader from "@/components/byh/componments/blockHeader";
import * as moment from "moment";
export default {
name: 'RiskInfo',
components: {
BlockHeader
},
data() {
return {
options: [
{
value: 'R1',
label: 'R1'
}, {
value: 'R2',
label: 'R2'
}, {
value: 'R3',
label: 'R3'
}, {
value: 'R4',
label: 'R4'
}
],
form: {
current: 1,
size: 10,
riskType: "",
certNo: "",
endDate: "",
startDate: "",
time: '',
total: 1
},
data: []
}
},
async created() {
await this.init()
},
methods: {
headerStyle() {
return "tableHeaderStyle";
},
async init() {
const form = this.form;
//delete form.time
const res = await this.$$post('/risk/getRiskLogPage', form);
const {success, result} = res.data;
if (success && result !== null) {
const {total, records} = result;
this.form.total = total;
this.data = records;
}
},
/*日期*/
dateFormats: function (row, column) {
let date = row[column.property]
if (date === undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD HH:mm:ss")
},
handleClose() {
this.$emit("handleClose");
},
handleChange(e) {
this.form.current = e;
this.init();
},
onSubmit() {
const {time} = this.form;
if (time) {
this.form.startDate = time[0];
this.form.endDate = time[1];
} else {
this.form.startDate = '';
this.form.endDate = '';
}
this.init();
}
}
}
</script>
<style lang="less" scoped>
.table {
margin-bottom: 20px;
}
.pages {
display: flex;
align-items: center;
justify-content: center;
}
</style>
src/components/byh/componments/AddQuestion.vue 0 → 100644
View file @ db95428f
<template>
<el-dialog
class="client-data-dialog"
:title="title"
:visible.sync="dialogVisible"
:before-close="handleClose">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
<el-form-item label="反馈类型" prop="feedType">
<el-select v-model="ruleForm.feedType" label="反馈类型" placeholder="请选择" style="width:80%">
<el-option
v-for="item in optionsFeedType"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="反馈描述" prop="feedContent">
<el-input
type="textarea"
:rows="2"
placeholder="请输入反馈内容"
v-model="ruleForm.feedContent" style="width:80%">
</el-input>
</el-form-item>
<el-form-item label="反馈状态" prop="feedStatus">
<el-select v-model="ruleForm.feedStatus" label="反馈状态" placeholder="请选择">
<el-option
v-for="item in optionsStatus"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="创建人" prop="creater">
<p>{{ this.ruleForm.creater }}</p>
</el-form-item>
</el-form>
<div slot="footer" style="margin-right:30px">
<el-button @click="handleClose">取 消</el-button>
<el-button type="primary" @click="submitForm('ruleForm')">新 增</el-button>
</div>
</el-dialog>
</template>
<script type="text/ecmascript-6">
export default {
name: 'AddUserServiceDialog',
props: {
dialogVisible: {
type: Boolean,
required: true,
},
title: {
type: String,
required: true,
},
params: {
type: Object,
required: true
},
},
data() {
/*请选择功能点*/
const validatefeedType = (rule, value, callback) => {
if (!value) {
return callback(new Error('请选择反馈类型'));
}
};
/*请输入问题描述*/
const validatefeedStatus = (rule, value, callback) => {
if (!value) {
return callback(new Error('请选择反馈结果'));
}
};
const validatefeedContent = (rule, value, callback) => {
if (!value) {
return callback(new Error('请输入反馈问题描述'));
}
};
return {
ui: {
submitLoading: false
},
visible: this.$props.dialogVisible,
ruleForm: {
feedType: '',
feedStatus: '',
feedContent: '',
clientNo: '',
creater: ''
},
rules: {
feedType: [
{required: true, message: "请选择反馈类型", trigger: 'blur'}
],
feedStatus: [
{required: true, message: '请选择反馈结果', trigger: 'blur'}
],
feedContent: [
{required: true, message: '请输入反馈问题描述', trigger: 'blur'}
]
},
optionsStatus: [
{
value: 'YES',
label: '已解决'
},
{
value: 'NO',
label: '未解决'
}
],
optionsFeedType: [
{
value: '内部投诉',
label: '内部投诉'
},
{
value: '还款问题',
label: '还款问题'
},
{
value: '系统问题',
label: '系统问题'
},
{
value: '借款咨询',
label: '借款咨询'
},
{
value: '账户问题',
label: '账户问题'
},
{
value: '银行卡签约问题',
label: '银行卡签约问题'
},
{
value: '其它',
label: '其它'
}
],
}
},
created() {
const {clientNo} = this.params;
this.ruleForm = {
clientNo,
creater: localStorage.getItem("userName"),
}
},
methods: {
/** 提交点击 */
submitForm() {
this.$refs['ruleForm'].validate((valid) => {
if (!valid) {
return false
}
this.$$post('/feed/createClientFeed', {
creater: localStorage.getItem("userName"),
feedType: this.ruleForm.feedType,
feedSource: 'CUSTOMER',
feedStatus: this.ruleForm.feedStatus,
feedContent: this.ruleForm.feedContent,
clientNo: this.ruleForm.clientNo
})
.then(res => {
if (res.data.code != 200) {
this.$message.error(res.data.message);
return
}
this.$message({message: '反馈问题新增成功', type: 'success'});
this.handleClose();
})
.catch(err => {
alert("error!")
})
})
},
/** 关闭处理 */
handleClose() {
this.$emit("handleClose");
//this.visible = false;
//setTimeout(() => {
// this.$emit('update:dialogVisible', false)
//}, 300);
}
},
}
</script>
<style>
</style>
src/components/byh/AdvanceLoanAmt.vue → src/components/byh/componments/AdvanceLoanAmt.vue
View file @ db95428f
......@@ -27,7 +27,7 @@
<el-row :gutter="20">
<el-col :span="8">
<div class="grid-content bg-purple">总费用：{{ this.ruleForm.allAmt }}</div>
<div class="grid-content bg-purple">还款本金：{{ this.ruleForm.principleAmt }}</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">利息：{{ this.ruleForm.interestAmt }}</div>
......@@ -41,11 +41,14 @@
<el-col :span="8">
<div class="grid-content bg-purple">退款金额：{{ this.ruleForm.refundAmt }}</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">罚息：{{ this.ruleForm.overdueAmt }}</div>
</el-col>
</el-row>
<br/>
<el-row :gutter="20">
<el-col :span="16">
<div class="grid-content bg-purple">总计应还：{{ this.ruleForm.settleAmt }}</div>
<div class="grid-content bg-purple">总应还金额：{{ this.ruleForm.settleAmt }}</div>
</el-col>
</el-row>
</div>
......
src/components/byh/componments/ApplyInfo.vue 0 → 100644
View file @ db95428f
<template>
<el-dialog
width="70%"
class="client-data-dialog"
:title="title"
:visible.sync="dialogVisible"
:before-close="handleClose">
<div class="page-dialog">
<!--<block-header :title="title"></block-header>-->
<table class="table">
<tr>
<td>申请日期:</td>
<td>{{ loanModel.gmtCreated | dateFilter }}</td>
<td>放款日期:</td>
<td>{{ loanModel.raiseDate | dateFilter }}</td>
<td>项目名称:</td>
<td>{{ loanModel.bizTypeStr }}</td>
</tr>
<tr>
<td>总应还金额:</td>
<td>{{ loanModel.loanAmt }}</td>
<td>申请期数:</td>
<td>{{ loanModel.loanLimit }}</td>
<td>
<span v-if="loanModel.cardBankAccount">放款银行卡（所属银行）:</span>
<span v-else>放款银行卡（所属银行）</span>
</td>
<td>
<span v-if="loanModel.cardBankAccount">{{ loanModel.cardBankAccount }}（{{
loanModel.cardBankCodeStr
}}）</span>
<span v-else>{{ loanModel.bankAccount }}</span>
</td>
</tr>
<tr>
<td>本金:</td>
<td>{{ loanModel.raiseAmt }}</td>
<td>总服务费:</td>
<td>{{ loanModel.serviceAmt }}</td>
<td>总利息:</td>
<td>{{ loanModel.rateAmt }}</td>
</tr>
<tr>
<td>总手续费:</td>
<td colspan="5">{{ loanModel.accountAmt }}</td>
</tr>
</table>
</div>
</el-dialog>
</template>
<script>
import BlockHeader from "@/components/byh/componments/blockHeader";
import * as moment from "moment";
export default {
name: 'AddUserServiceDialog',
components: {
BlockHeader
},
props: {
dialogVisible: {
type: Boolean,
required: true,
},
title: {
type: String,
required: true,
},
params: {
type: Object,
required: true
},
},
data() {
return {
loanModel: {}
}
},
filters: {
dateFilter: function (row) {
const exp = row;
if (!exp || typeof (exp) === undefined || typeof (exp) === null) {
return ''
}
return moment(exp).format("YYYY-MM-DD")
},
},
async created() {
const {loanNo} = this.params;
await this.init(loanNo)
},
methods: {
headerStyle() {
return "tableHeaderStyle";
},
async init(loanNo) {
const res = await this.$$get('/detail/customer/' + loanNo)
const {success, result} = res.data
if (success && result != null) {
const {applyVo} = result;
this.loanModel = applyVo
}
},
handleClose() {
this.$emit("handleClose");
}
}
}
</script>
<style>
</style>
src/components/byh/componments/BillList.vue 0 → 100644
View file @ db95428f
<template>
<el-dialog
width="70%"
class="client-data-dialog"
:title="title"
:visible.sync="dialogVisible"
:before-close="handleClose">
<div class="page-dialog">
<block-header title="账单详情"/>
<div class="block-box">
<table class="table">
<tr>
<td>借款编号:</td>
<td>{{ advanceLoanAmt.loanNo }}</td>
<td>账单剩余应还:</td>
<td>{{ loanVo.surAmt }}</td>
</tr>
<tr>
<td>退款金额:</td>
<td>
<span v-if="loanVo.refundAmt !== null ">{{ loanVo.refundAmt }} ({{ loanVo.refundStatusDesc }})</span>
<span v-else>0</span>
</td>
<td>账单已还款:</td>
<td>{{ loanVo.alrAmt }}</td>
</tr>
<tr>
<td>操作:</td>
<td colspan="3">
<el-button type="primary" size="mini" @click="advanceLoanAmt()" v-if="isNeedAudit">线下结清</el-button>
<el-button type="primary" size="mini" @click="protocolSettleAll()">代扣结清</el-button>
</td>
</tr>
</table>
</div>
<div class="tables">
<block-header :title="title"></block-header>
<el-table
@filter-change="handleFilterChange"
border
size="mini"
:highlight-current-row="true"
:header-row-class-name="headerStyle"
:data="data"
stripe
style="width: 100%;">
<el-table-column align="center" prop="planNo" label="计划编号" width="135px"></el-table-column>
<el-table-column align="center" prop="planIndex" label="期数"></el-table-column>
<el-table-column align="center" prop="planAmt" width="85" label="应还总金额"></el-table-column>
<el-table-column align="center" prop="planBen" label="本金"></el-table-column>
<el-table-column align="center" prop="planFu" label="服务费"></el-table-column>
<el-table-column align="center" prop="planXi" label="利息"></el-table-column>
<el-table-column align="center" prop="planFa" label="计划罚息"></el-table-column>
<el-table-column align="center" prop="accountAmt" label="手续费"></el-table-column>
<el-table-column align="center" prop="planDate" width="120" label="计划还款时间" :formatter="dateFormats"></el-table-column>
<el-table-column align="center" prop="backedAmt" label="已还金额" :formatter="planMoneyFormat"></el-table-column>
<el-table-column align="center" prop="derateAmt" label="减免金额"></el-table-column>
<el-table-column align="center" prop="remainAmt" label="待还金额"></el-table-column>
<el-table-column align="center" prop="statusStr" label="还款状态"></el-table-column>
<el-table-column align="center" prop="gmtModified" width="120" label="结清时间" :formatter="dateFormats"></el-table-column>
<el-table-column fixed="right" align="center" width="120" label="操作">
<template slot-scope="scope">
<el-button type="text" size="small"
v-if=" scope.row.status !='SETTLED' && scope.row.backedSign == 'YES' "
@click="protocolOne(scope.row)">代扣
</el-button>
<el-button type="text" size="small" v-else disabled @click="protocolOne(scope.row)">代扣</el-button>
<el-button type="text" size="small"
v-if=" scope.row.status != 'SETTLED' && scope.row.backedSign == 'YES' "
@click="offineTransfer(scope.row)">线下转账
</el-button>
<el-button type="text" size="small" v-else disabled @click="offineTransfer(scope.row)">线下转账</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="pages">
<el-pagination
background
@current-change="handleCurrentChange"
@size-change="handleSizeChange"
:current-page.sync="form.current"
:page-sizes="[10, 20, 50, 100]"
:page-size="form.size"
layout="total, sizes, prev, pager, next, jumper"
:total="form.total">
</el-pagination>
</div>
</div>
</el-dialog>
</template>
<script>
import BlockHeader from "@/components/byh/componments/blockHeader";
import * as moment from "moment";
export default {
name: 'RiskInfo',
components: {
BlockHeader
},
props: {
dialogVisible: {
type: Boolean,
required: true,
},
title: {
type: String,
required: true,
},
params: {
type: Object,
required: true
},
},
data() {
return {
tableStatus: [{text: '成功', value: "SUCCESS"}, {text: '失败', value: "FAIL"}],
form: {
total: 1,
current: 1,
size: 10,
},
advanceLoanAmt:{},
loanVo:{},
isNeedAudit:false,
data: []
}
},
async created() {
const params = this.params;
this.advanceLoanAmt.loanNo = params.applyVo.loanNo;
this.advanceLoanAmt.bizType = params.applyVo.bizType;
this.advanceLoanAmt.clientNo = params.applyVo.clientNo;
this.data = params.planVo;
//this.form.result = params.phoneNo;
//await this.init()
},
methods: {
headerStyle() {
return "tableHeaderStyle";
},
async init() {
const res = await this.$$post('/back/detailPageList', this.form);
const {success, result} = res.data;
if (success && result !== null) {
const {data, total} = result
this.data = data;
this.form.total = total;
}
},
// 计算小数
accAdd(arg1, arg2) {
let r1, r2, m;
try {
r1 = arg1.toString().split(".")[1].length
} catch (e) {
r1 = 0
}
try {
r2 = arg2.toString().split(".")[1].length
} catch (e) {
r2 = 0
}
m = Math.pow(10, Math.max(r1, r2))
return (arg1 * m + arg2 * m) / m
},
offineTransfer(record) {
// 取当前用户的信息
this.ui.offineTransfer = {
visible: true,
orderNo: this.loanModel.orderNo,
loanNo: this.loanModel.loanNo,
planNo: record.planNo,
periodNo: record.planIndex,
planAmt: record.planAmt,
planFu: record.planFu,
planBen: record.planBen,
planXi: record.planXi,
remainAmt: record.remainAmt,
accountAmt: record.accountAmt,
};
},
//代扣提前结清
protocolSettleAll() {
this.ui.protocolSettled = {
visible: true,
loanNo: this.loanModel.loanNo,
bizType: this.advanceLoanAmt.bizType,
clientNo: this.advanceLoanAmt.clientNo,
};
},
// 计算已还金额
planMoneyFormat: function (row, column) {
return this.accAdd(this.accAdd(this.accAdd(this.accAdd(this.accAdd(row.backedBen, row.backedFu), row.backedXi), row.backedFa), row.backedBurden), row.backedSpeaccount).toFixed(2)
},
// 还款结果
resultBankFormat: function (row, column) {
return row.resultStr + "(" + row.confirmDesc + ")";
},
//代扣当期
protocolOne(record) {
this.ui.protocolSettledOne = {
visible: true,
loanNo: this.loanModel.loanNo,
bizType: this.advanceLoanAmt.bizType,
clientNo: this.advanceLoanAmt.clientNo,
periodNo: record.planIndex,
remainAmt: record.remainAmt,
planAmt: record.planAmt,
};
},
// 合并日期
dateCompare: function (row, column) {
let date = row[column.property]
if (date === undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD ") + row.backedTime
},
// 银行信息拼接
cardBankFormat: function (row, column) {
return row.cardBankAccount + "(" + row.cardBankName + ")";
},
/*日期*/
dateFormat: function (row, column) {
let date = row[column.property]
if (date === undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD HH:mm:ss")
},
/*日期*/
dateFormats: function (row, column) {
let date = row[column.property]
if (date === undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD")
},
handleClose() {
this.$emit("handleClose");
},
//客服状态
serviceFormat: function (row, column) {
let status = row['feedStatus'];
return this.$enumUtils.toMsg('FeedStatus', status);
},
handleCurrentChange(e) {
this.form.current = e;
this.init();
},
handleSizeChange(e) {
this.form.size = e
this.form.current = 1;
this.init();
},
//还款添加查询功能
handleFilterChange: function (filters, value) {
if (filters.status.length === 2) {
this.backValue = null
}
else {
this.backValue = filters.status[0]
}
this.loanBackedData(this.loanNos)
},
}
}
</script>
<style>
.tables{
margin-bottom: 20px;
}
.pages {
display: flex;
align-items: center;
justify-content: center;
}
</style>
src/components/byh/componments/ContractList.vue 0 → 100644
View file @ db95428f
<template>
<el-dialog
width="70%"
class="client-data-dialog"
:title="title"
:visible.sync="dialogVisible"
:before-close="handleClose">
<div class="page-dialog">
<block-header :title="title"></block-header>
<el-table
border
size="mini"
:highlight-current-row="true"
:header-row-class-name="headerStyle"
:data="data"
stripe
style="width: 100%;">
<el-table-column prop="contractName" align="center" label="合同类型"></el-table-column>
<el-table-column prop="contractUrl" align="center" label="下载">
<template slot-scope="scope">
<a :href="scope.row.contractUrl" target="_blank" class="buttonText">合同下载</a>
</template>
</el-table-column>
</el-table>
</div>
</el-dialog>
</template>
<script>
import BlockHeader from "@/components/byh/componments/blockHeader";
import * as moment from "moment";
export default {
name: 'RiskInfo',
components: {
BlockHeader
},
props: {
dialogVisible: {
type: Boolean,
required: true,
},
title: {
type: String,
required: true,
},
params: {
type: Object,
required: true
},
},
data() {
return {
form: {
current: 1,
size: 1000,
riskType: "",
certNo: "",
endDate: "",
startDate: ""
},
data: []
}
},
async created() {
const {loanNo} = this.params;
await this.init(loanNo)
},
methods: {
headerStyle() {
return "tableHeaderStyle";
},
async init(loanNo) {
const res = await this.$$get('/loan/contract?loanNo=' + loanNo);
const {success, result} = res.data;
if (success && result !== null) {
this.data = result.result;
}
},
handleClose() {
this.$emit("handleClose");
}
}
}
</script>
<style>
</style>
src/components/byh/componments/FeedList.vue 0 → 100644
View file @ db95428f
<template>
<el-dialog
width="70%"
class="client-data-dialog"
:title="title"
:visible.sync="dialogVisible"
:before-close="handleClose">
<div class="page-dialog">
<div class="tables">
<block-header :title="title"></block-header>
<el-table
border
size="mini"
:highlight-current-row="true"
:header-row-class-name="headerStyle"
:data="data"
stripe
style="width: 100%;">
<el-table-column prop="feedNo" label="客服反馈编号"></el-table-column>
<el-table-column prop="clientName" label="客户姓名"></el-table-column>
<el-table-column prop="clientCell" label="客户手机号"></el-table-column>
<el-table-column prop="feedType" label="反馈类型"></el-table-column>
<el-table-column prop="feedContent" label="反馈内容"></el-table-column>
<el-table-column prop="finishContent" label="处理意见"></el-table-column>
<el-table-column prop="feedStatus" label="状态" :formatter="serviceFormat"></el-table-column>
<el-table-column prop="creater" label="处理人"></el-table-column>
<el-table-column prop="gmtCreated" label="记录时间" :formatter="dateFormat"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="text" size="small" @click="updateQueDialog(scope.row)">修改</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="pages">
<el-pagination
background
@current-change="handleCurrentChange"
@size-change="handleSizeChange"
:current-page.sync="form.current"
:page-sizes="[10, 20, 50, 100]"
:page-size="form.size"
layout="total, sizes, prev, pager, next, jumper"
:total="form.total">
</el-pagination>
</div>
</div>
<updateQueDialog
v-if="updateQueDialog.visible"
:feedNo="updateQueDialog.feedNo"
:feedType="updateQueDialog.feedType"
:feedStatus="updateQueDialog.feedStatus"
:feedContent="updateQueDialog.feedContent"
:creater="updateQueDialog.creater"
:finishContent="updateQueDialog.finishContent"
:dialogVisible.sync="updateQueDialog.visible">
</updateQueDialog>
</el-dialog>
</template>
<script>
import BlockHeader from "@/components/byh/componments/blockHeader";
import * as moment from "moment";
export default {
name: 'RiskInfo',
components: {
BlockHeader
},
props: {
dialogVisible: {
type: Boolean,
required: true,
},
title: {
type: String,
required: true,
},
params: {
type: Object,
required: true
},
},
data() {
return {
form: {
total: 1,
current: 1,
size: 10,
},
updateQueDialog: {
visible: false,
feedNo: '',
feedType: '',
feedStatus: '',
feedContent: '',
clientNo: '',
creater: '',
finishContent: '',
},
data: []
}
},
async created() {
const params = this.params;
this.form.clientCell = params.phoneNo;
this.form.feedProduct = params.clientProductName;
this.form.feedSource = 'CUSTOMER';
this.form.sort = 'id desc';
await this.init()
},
methods: {
headerStyle() {
return "tableHeaderStyle";
},
async init() {
const res = await this.$$post('/feed/feedPageList', this.form);
const {success, result} = res.data;
if (success && result !== null) {
const {records, total} = result
this.data = records;
this.form.total = total;
}
},
/*日期*/
dateFormat: function (row, column) {
let date = row[column.property]
if (date === undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD HH:mm:ss")
},
/*日期*/
dateFormats: function (row, column) {
let date = row[column.property]
if (date === undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD")
},
handleClose() {
this.$emit("handleClose");
},
//客服状态
serviceFormat: function (row, column) {
let status = row['feedStatus'];
return this.$enumUtils.toMsg('FeedStatus', status);
},
handleCurrentChange(e) {
this.form.current = e;
this.init();
},
handleSizeChange(e) {
this.form.size = e
this.form.current = 1;
this.init();
},
// 修改用户的反馈问题
updateQueDialog(record) {
this.updateQueDialog = {
visible: true,
feedNo: record.feedNo,
feedType: record.feedType,
feedStatus: record.feedStatus,
feedContent: record.feedContent,
clientNo: record.clientNo,
creater: record.creater,
finishContent: record.finishContent,
};
},
}
}
</script>
<style>
.tables{
margin-bottom: 20px;
}
.pages {
display: flex;
align-items: center;
justify-content: center;
}
</style>
src/components/byh/componments/LoanInfo.vue 0 → 100644
View file @ db95428f
<template>
<el-dialog
width="70%"
class="client-data-dialog"
:title="title"
:visible.sync="dialogVisible"
:before-close="handleClose">
<div class="page-dialog">
<block-header title="借款信息"></block-header>
<el-table
border
size="mini"
:highlight-current-row="true"
:header-row-class-name="headerStyle"
:data="data" stripe style="width: 100%;">
<el-table-column align="center" width="140" prop="loanNo" label="借款编号"></el-table-column>
<el-table-column align="center" prop="gmtCreated" label="申请日期" :formatter="dateFormats"></el-table-column>
<el-table-column align="center" prop="startDate" label="放款日期" :formatter="dateFormats"></el-table-column>
<el-table-column align="center" prop="raiseAmt" label="放款本金"></el-table-column>
<el-table-column align="center" prop="capitalCode" label="放款资方" :formatter="capitalCodeFormat"></el-table-column>
<el-table-column align="center" prop="status" label="借款单状态" :formatter="loanStatusFormat"></el-table-column>
<el-table-column align="center" prop="cancelMemo" label="备注"></el-table-column>
<el-table-column align="center" label="查看详情">
<template slot-scope="scope">
<el-button type="text" size="small" @click="addLoanDetail(scope.row.loanNo)">详情</el-button>
</template>
</el-table-column>
</el-table>
</div>
</el-dialog>
</template>
<script>
import BlockHeader from "@/components/byh/componments/blockHeader";
import * as moment from "moment";
export default {
name: 'AddUserServiceDialog',
components: {
BlockHeader
},
props: {
dialogVisible: {
type: Boolean,
required: true,
},
title: {
type: String,
required: true,
},
params: {
type: Object,
required: true
},
},
data() {
return {
data: []
}
},
async created() {
const {clientNo} = this.params;
const res = await this.$$post('/loan/getLoanListByClientNo/' + clientNo);
const {success, result} = res.data;
if (success && result !== null) {
this.data = result;
}
},
methods: {
headerStyle() {
return "tableHeaderStyle";
},
capitalCodeFormat: function (row, column) {
let capitalCode = row['capitalCode'];
return this.$enumUtils.toMsg('CapitalEnums', capitalCode);
},
/*日期*/
dateFormats: function (row, column) {
let date = row[column.property]
if (date === undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD")
},
handleClose() {
this.$emit("handleClose");
},
//根据借款信息查借款所有信息
addLoanDetail(record) {
this.isNeedAudit = true;
this.$$get('/detail/customer/' + record).then(res => {
if (res.data.code != 200) {
// this.isShow = false;
this.$message.error(res.data.message);
return
} else {
//打开借款的面板
this.activeNames = ['1', '2', '3', '4', '5', '8'];
//还款计划
if (res.data.result.planVo == null) {
this.loanApplyList = [];
this.isNeedAudit = false;
} else {
this.loanApplyList = res.data.result.planVo ? res.data.result.planVo : '';
this.advanceLoanAmt.loanNo = res.data.result.applyVo.loanNo;
this.advanceLoanAmt.bizType = res.data.result.applyVo.bizType;
this.advanceLoanAmt.clientNo = res.data.result.applyVo.clientNo;
this.clientNos = res.data.result.applyVo.clientNo;
this.loanNos = res.data.result.applyVo.loanNo;
}
//借款信息
if (res.data.result.loanVo == null) {
this.loanVo = [];
} else {
this.loanVo = res.data.result.loanVo ? res.data.result.loanVo : '';
}
//借款信息放款信息
this.loanModel = res.data.result.applyVo ? res.data.result.applyVo : '';
//还款信息
this.loanBackedData(res.data.result.applyVo.loanNo);
//合同列表
this.contractData(res.data.result.applyVo.loanNo);
}
//操作信息
this.clientDailyInfo(res.data.result.applyVo.clientNo);
}).catch(error => {
this.$message.error(error || '网络异常，请稍后。。。');
});
},
}
}
</script>
<style>
</style>
src/components/byh/componments/OperateLog.vue 0 → 100644
View file @ db95428f
<template>
<el-dialog
width="70%"
class="client-data-dialog"
:title="title"
:visible.sync="dialogVisible"
:before-close="handleClose">
<div class="page-dialog">
<div class="tables">
<block-header :title="title"></block-header>
<el-table
border
size="mini"
:highlight-current-row="true"
:header-row-class-name="headerStyle"
:data="data"
stripe
style="width: 100%;">
<el-table-column align="center" prop="typeStr" label="操作类型"></el-table-column>
<el-table-column align="center" prop="gmtCreated" label="操作时间" :formatter="dateFormat"></el-table-column>
<el-table-column align="center" prop="memo" label="备注"></el-table-column>
</el-table>
</div>
<div class="pages">
<el-pagination
background
@current-change="handleCurrentChange"
@size-change="handleSizeChange"
:current-page.sync="form.current"
:page-sizes="[10, 20, 50, 100]"
:page-size="form.size"
layout="total, sizes, prev, pager, next, jumper"
:total="form.total">
</el-pagination>
</div>
</div>
</el-dialog>
</template>
<script>
import BlockHeader from "@/components/byh/componments/blockHeader";
import * as moment from "moment";
export default {
name: 'RiskInfo',
components: {
BlockHeader
},
props: {
dialogVisible: {
type: Boolean,
required: true,
},
title: {
type: String,
required: true,
},
params: {
type: Object,
required: true
},
},
data() {
return {
form: {
total: 1,
current: 1,
size: 10,
},
data: []
}
},
async created() {
const params = this.params;
this.form.clientNo = params.clientNo;
await this.init()
},
methods: {
headerStyle() {
return "tableHeaderStyle";
},
async init() {
const res = await this.$$post('/detail/getDaily', this.form);
const {success, result} = res.data;
if (success && result !== null) {
const {data, total} = result
this.data = data;
this.form.total = total;
}
},
/*日期*/
dateFormat: function (row, column) {
let date = row[column.property]
if (date === undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD HH:mm:ss")
},
/*日期*/
dateFormats: function (row, column) {
let date = row[column.property]
if (date === undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD")
},
handleClose() {
this.$emit("handleClose");
},
//客服状态
serviceFormat: function (row, column) {
let status = row['feedStatus'];
return this.$enumUtils.toMsg('FeedStatus', status);
},
handleCurrentChange(e) {
this.form.current = e;
this.init();
},
handleSizeChange(e) {
this.form.size = e
this.form.current = 1;
this.init();
}
}
}
</script>
<style>
.tables{
margin-bottom: 20px;
}
.pages {
display: flex;
align-items: center;
justify-content: center;
}
</style>
src/components/byh/ProtocolSettled.vue → src/components/byh/componments/ProtocolSettled.vue
View file @ db95428f
......@@ -24,7 +24,7 @@
<el-row :gutter="20">
<el-col :span="8">
<div class="grid-content bg-purple">总费用：{{ this.ruleForm.allAmt }}</div>
<div class="grid-content bg-purple">还款本金：{{ this.ruleForm.principleAmt }}</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">利息：{{ this.ruleForm.interestAmt }}</div>
......@@ -38,11 +38,14 @@
<el-col :span="8">
<div class="grid-content bg-purple">退款金额：{{ this.ruleForm.refundAmt }}</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">罚息：{{ this.ruleForm.overdueAmt }}</div>
</el-col>
</el-row>
<br/>
<el-row :gutter="20">
<el-col :span="16">
<div class="grid-content bg-purple">总计应还：{{ this.ruleForm.settleAmt }}</div>
<div class="grid-content bg-purple">总应还金额：{{ this.ruleForm.settleAmt }}</div>
</el-col>
</el-row>
</div>
......
src/components/byh/componments/RePayList.vue 0 → 100644
View file @ db95428f
<template>
<el-dialog
width="70%"
class="client-data-dialog"
:title="title"
:visible.sync="dialogVisible"
:before-close="handleClose">
<div class="page-dialog">
<div class="tables">
<block-header :title="title"></block-header>
<el-table
@filter-change="handleFilterChange"
border
size="mini"
:highlight-current-row="true"
:header-row-class-name="headerStyle"
:data="data"
stripe
style="width: 100%;">
<el-table-column align="center" prop="backedNo" label="还款编号"></el-table-column>
<el-table-column align="center" prop="planIndex" label="期数"></el-table-column>
<el-table-column align="center" prop="backedAmt" label="还款金额"></el-table-column>
<el-table-column align="center" prop="backedTypeStr" label="还款方式"></el-table-column>
<el-table-column align="center" prop="statusStr" label="还款单状态"></el-table-column>
<el-table-column align="center" prop="cardOwnerName" label="银行账号户主名称"></el-table-column>
<el-table-column align="center" prop="cardOwnerMobile" label="银行账号户主电话"></el-table-column>
<el-table-column align="center" prop="cardBankAccount" label="银行账号" :formatter="cardBankFormat"></el-table-column>
<el-table-column align="center" prop="bankAccount" label="还款银行账号"></el-table-column>
<el-table-column align="center" prop="bankOwner" label="还款银行账户"></el-table-column>
<el-table-column align="center" prop="backedDate" label="还款时间" :formatter="dateCompare"></el-table-column>
<el-table-column align="center" prop="resultStr" label="还款结果" width="100" :formatter="resultBankFormat"
:filters="tableStatus"
column-key="status"
>
</el-table-column>
<el-table-column align="center" prop="creator" label="创建人"></el-table-column>
<el-table-column align="center" prop="memo" label="备注"></el-table-column>
</el-table>
</div>
<div class="pages">
<el-pagination
background
@current-change="handleCurrentChange"
@size-change="handleSizeChange"
:current-page.sync="form.current"
:page-sizes="[10, 20, 50, 100]"
:page-size="form.size"
layout="total, sizes, prev, pager, next, jumper"
:total="form.total">
</el-pagination>
</div>
</div>
</el-dialog>
</template>
<script>
import BlockHeader from "@/components/byh/componments/blockHeader";
import * as moment from "moment";
export default {
name: 'RiskInfo',
components: {
BlockHeader
},
props: {
dialogVisible: {
type: Boolean,
required: true,
},
title: {
type: String,
required: true,
},
params: {
type: Object,
required: true
},
},
data() {
return {
tableStatus: [{text: '成功', value: "SUCCESS"}, {text: '失败', value: "FAIL"}],
form: {
total: 1,
current: 1,
size: 10,
},
updateQueDialog: {
visible: false,
feedNo: '',
feedType: '',
feedStatus: '',
feedContent: '',
clientNo: '',
creater: '',
finishContent: '',
},
data: []
}
},
async created() {
const params = this.params;
console.log(params,'哈哈')
this.form.bizNo = params.firstLoanNo;
//this.form.result = params.phoneNo;
await this.init()
},
methods: {
headerStyle() {
return "tableHeaderStyle";
},
async init() {
const res = await this.$$post('/back/detailPageList', this.form);
const {success, result} = res.data;
if (success && result !== null) {
const {data, total} = result
this.data = data;
this.form.total = total;
}
},
// 还款结果
resultBankFormat: function (row, column) {
return row.resultStr + "(" + row.confirmDesc + ")";
},
// 合并日期
dateCompare: function (row, column) {
let date = row[column.property]
if (date === undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD ") + row.backedTime
},
// 银行信息拼接
cardBankFormat: function (row, column) {
return row.cardBankAccount + "(" + row.cardBankName + ")";
},
/*日期*/
dateFormat: function (row, column) {
let date = row[column.property]
if (date === undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD HH:mm:ss")
},
/*日期*/
dateFormats: function (row, column) {
let date = row[column.property]
if (date === undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD")
},
handleClose() {
this.$emit("handleClose");
},
//客服状态
serviceFormat: function (row, column) {
let status = row['feedStatus'];
return this.$enumUtils.toMsg('FeedStatus', status);
},
handleCurrentChange(e) {
this.form.current = e;
this.init();
},
handleSizeChange(e) {
this.form.size = e
this.form.current = 1;
this.init();
},
//还款添加查询功能
handleFilterChange: function (filters, value) {
if (filters.status.length === 2) {
this.backValue = null
}
else {
this.backValue = filters.status[0]
}
this.loanBackedData(this.loanNos)
},
}
}
</script>
<style>
.tables{
margin-bottom: 20px;
}
.pages {
display: flex;
align-items: center;
justify-content: center;
}
</style>
src/components/byh/componments/RiskInfo.vue 0 → 100644
View file @ db95428f
<template>
<el-dialog
width="70%"
class="client-data-dialog"
:title="title"
:visible.sync="dialogVisible"
:before-close="handleClose">
<div class="page-dialog">
<block-header :title="title"></block-header>
<el-table
border
size="mini"
:highlight-current-row="true"
:header-row-class-name="headerStyle"
:data="data"
stripe
style="width: 100%;">
<el-table-column align="center" prop="clientName" label="姓名"></el-table-column>
<el-table-column align="center" width="140" prop="riskGmtCreated" :formatter="dateFormats" label="修改日期"></el-table-column>
<el-table-column align="center" prop="riskType" label="风险等级" ></el-table-column>
<el-table-column align="center" prop="riskContent" label="风险描述" ></el-table-column>
<el-table-column align="center" prop="memo" label="备注"></el-table-column>
</el-table>
</div>
</el-dialog>
</template>
<script>
import BlockHeader from "@/components/byh/componments/blockHeader";
import * as moment from "moment";
export default {
name: 'RiskInfo',
components: {
BlockHeader
},
props: {
dialogVisible: {
type: Boolean,
required: true,
},
title: {
type: String,
required: true,
},
params: {
type: Object,
required: true
},
},
data() {
return {
form: {
current: 1,
size: 1000,
riskType: "",
certNo: "",
endDate: "",
startDate: ""
},
data: []
}
},
async created() {
const params = this.params;
this.form.certNo = params.idCard;
await this.init()
},
methods: {
headerStyle() {
return "tableHeaderStyle";
},
async init() {
const res = await this.$$post('/risk/getRiskLogPage', this.form);
const {success, result} = res.data;
if (success && result !== null) {
this.data = result.records;
}
},
/*日期*/
dateFormats: function (row, column) {
let date = row[column.property]
if (date === undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD")
},
handleClose() {
this.$emit("handleClose");
}
}
}
</script>
<style>
</style>
src/components/byh/componments/UrgeList.vue 0 → 100644
View file @ db95428f
<template>
<el-dialog
width="70%"
class="client-data-dialog"
:title="title"
:visible.sync="dialogVisible"
:before-close="handleClose">
<div class="page-dialog">
<div class="tables">
<block-header :title="title"></block-header>
<el-table
border
size="mini"
:highlight-current-row="true"
:header-row-class-name="headerStyle"
:data="data"
stripe
style="width: 100%;">
<el-table-column align="center" prop="collectContact.contactMobile" label="联系人手机号"></el-table-column>
<el-table-column align="center" prop="collectContact.contactName" label="联系人姓名"></el-table-column>
<el-table-column align="center" prop="collectContact.contactRelation" label="联系人关系"></el-table-column>
<el-table-column align="center" prop="collectContact.overdueDay" label="逾期天数"></el-table-column>
<el-table-column align="center" prop="collectContact.state" label="状态" :formatter="collectStatueFormat"></el-table-column>
<el-table-column align="center" width="150" prop="collectContact.created" label="联系时间"
:formatter="collectDateFormat"></el-table-column>
<el-table-column align="center" prop="collectContact.resultType" label="结果"
:formatter="collectResultFormat"></el-table-column>
<el-table-column align="center" prop="collectContact.callSeconds" label="语音时长"
:formatter="formatSeconds"></el-table-column>
<el-table-column align="center" prop="collectContact.record" label="催记"></el-table-column>
</el-table>
</div>
<div class="pages">
<el-pagination
background
@current-change="handleCurrentChange"
@size-change="handleSizeChange"
:current-page.sync="form.current"
:page-sizes="[10, 20, 50, 100]"
:page-size="form.size"
layout="total, sizes, prev, pager, next, jumper"
:total="form.total">
</el-pagination>
</div>
</div>
</el-dialog>
</template>
<script>
import BlockHeader from "@/components/byh/componments/blockHeader";
import * as moment from "moment";
export default {
name: 'UrgeList',
components: {
BlockHeader
},
props: {
dialogVisible: {
type: Boolean,
required: true,
},
title: {
type: String,
required: true,
},
params: {
type: Object,
required: true
},
},
data() {
return {
form: {
total: 1,
current: 1,
size: 10,
},
updateQueDialog: {
visible: false,
feedNo: '',
feedType: '',
feedStatus: '',
feedContent: '',
clientNo: '',
creater: '',
finishContent: '',
},
data: []
}
},
async created() {
const params = this.params;
this.form.clientCell = params.phoneNo;
//this.form.feedProduct = params.clientProductName;
this.form.feedProduct = 'GXD';
this.form.feedSource = 'COLLECT';
this.form.sort = 'id desc';
await this.init()
},
methods: {
headerStyle() {
return "tableHeaderStyle";
},
async init() {
const res = await this.$$post('/feed/feedPageList', this.form);
const {success, result} = res.data;
if (success && result !== null) {
const {records, total} = result
this.data = records;
this.form.total = total;
}
},
collectStatueFormat: function (row, column) {
let status = row.collectContact.state;
if (status == null || status === '' || status === undefined) {
return ''
}
return this.$enumUtils.toMsg('CollectFeedStatue', status);
},
/*日期*/
dateFormat: function (row, column) {
let date = row[column.property]
if (date === undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD HH:mm:ss")
},
collectDateFormat: function (row, column) {
let date = row.collectContact.created;
if (date === undefined || date == null) {
return ''
}
return moment(date).format("YYYY-MM-DD HH:mm:ss")
},
collectResultFormat: function (row, column) {
let resultType = row.collectContact.resultType;
if (resultType == null || resultType == '' || resultType == undefined) {
return ''
}
return this.$enumUtils.toMsg('CollectFeedResult', resultType);
},
/*日期*/
dateFormats: function (row, column) {
let date = row[column.property]
if (date === undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD")
},
handleClose() {
this.$emit("handleClose");
},
//客服状态
serviceFormat: function (row, column) {
let status = row['feedStatus'];
return this.$enumUtils.toMsg('FeedStatus', status);
},
handleCurrentChange(e) {
this.form.current = e;
this.init();
},
handleSizeChange(e) {
this.form.size = e
this.form.current = 1;
this.init();
},
formatSeconds: function (row, column) {
let callSeconds = row.collectContact.callSeconds;
if (callSeconds == null || callSeconds == '' || callSeconds == undefined) {
return ''
}
let theTime = parseInt(callSeconds);// 秒
let middle = 0;// 分
let hour = 0;// 小时
if (theTime > 60) {
middle = parseInt(theTime / 60);
theTime = parseInt(theTime % 60);
if (middle > 60) {
hour = parseInt(middle / 60);
middle = parseInt(middle % 60);
}
}
let result = "" + parseInt(theTime) + "秒";
if (middle > 0) {
result = "" + parseInt(middle) + "分" + result;
}
if (hour > 0) {
result = "" + parseInt(hour) + "小时" + result;
}
return result;
},
}
}
</script>
<style scoped>
.tables{
margin-bottom: 20px;
}
.pages {
display: flex;
align-items: center;
justify-content: center;
}
</style>
src/components/byh/componments/blockHeader.vue 0 → 100644
View file @ db95428f
<template>
<!--页头-->
<div class="block-header">
<div class="b-header-inner">
<h3>{{ title }}</h3>
</div>
</div>
</template>
<script>
export default {
name:"BlockHeader",
props: ['title']
}
</script>
<style lang="less" scoped>
.block-header {
display: flex;
justify-content: flex-start;
align-content: center;
padding: 10px 12px;
min-height: 40px;
box-sizing: border-box;
margin-bottom: 16px;
background: #f7f8fa;
}
.b-header-inner {
display: flex;
align-items: center;
}
.b-header-inner::before {
content: "";
background-color: #155bd4;
width: 3px;
height: 14px;
margin-right: 8px;
}
.b-header-inner h3 {
font-size: 14px;
line-height: 20px;
color: #323233;
font-weight: 500;
margin: 0;
padding: 0;
}
</style>
src/components/byh/componments/limit-form.vue 0 → 100644
View file @ db95428f
<template>
<el-dialog
:title="title"
size="30%"
:visible.sync="dialogVisible"
:before-close="handleClose">
<div class="page">
<el-form
style="max-width: 400px;"
size="small"
ref="pubForm"
label-position="right"
label-width="140px"
label-suffix=":"
:rules="rules"
:model="form"
class="search-form">
<el-form-item prop="awardInterval" label="奖励间隔">
<el-input v-model="form.awardInterval"></el-input>
</el-form-item>
<el-form-item prop="dayMaxPoint" label="单日最大奖励值">
<el-input v-model="form.dayMaxPoint"></el-input>
</el-form-item>
<el-form-item prop="dayMaxTimes" label="单日最大奖励次数">
<el-input v-model="form.dayMaxTimes"></el-input>
</el-form-item>
<template v-if="form.limitId">
<el-form-item prop="status" label="状态">
<el-switch active-value="ENABLED" inactive-value="UNENABLED" v-model="form.status"></el-switch>
</el-form-item>
</template>
<el-form-item label="描述">
<el-input type="textarea" :rows="3" v-model="form.memo"></el-input>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="handleClose">取 消</el-button>
<el-button type="primary" @click="onSubmit('pubForm')">确 定</el-button>
</div>
</el-dialog>
</template>
<script>
import API from "@/api/delivery";
import BlockHeader from "@/components/block-header";
export default {
name: "CardNew",
components: {
BlockHeader
},
props: {
title: {
type: String,
required: true
},
items: {
type: Object,
required: false
},
dialogVisible: {
type: Boolean,
required: true
}
},
data() {
return {
item: null,
detail: {},
rules: {
awardInterval: [
{ required: true, message: "请输入奖励间隔", trigger: "blur" },
{
validator: (rule, value, callback) => {
const reg = /^\d+$/;
if (!reg.test(value)) {
callback(new Error("请输入数字"));
} else {
callback();
}
},
trigger: "blur"
}
],
dayMaxPoint: [
{ required: true, message: "请输入单日最大奖励值", trigger: "blur" },
{
validator: (rule, value, callback) => {
const reg = /^\d+$/;
if (!reg.test(value)) {
callback(new Error("请输入数字"));
} else {
callback();
}
},
trigger: "blur"
}
],
dayMaxTimes: [
{ required: true, message: "请输入单日最大奖励次数", trigger: "blur" },
{
validator: (rule, value, callback) => {
const reg = /^\d+$/;
if (!reg.test(value)) {
callback(new Error("请输入数字"));
} else {
callback();
}
},
trigger: "blur"
}
],
status: [
{ required: true, message: "请选择状态", trigger: "blur" }
]
},
form: {
awardType: "TaiPoint",
awardInterval: "",
dayMaxPoint: "",
dayMaxTimes: "",
memo: "",
status: ""
}
};
},
async mounted() {
if (this.items) {
const items = this.items;
this.form = items;
this.form.limitId = items.id;
}
},
methods: {
headerStyle() {
return "tableHeaderStyle";
},
handleClose() {
this.$emit("handleClose");
},
async onSubmit(formName) {
this.$refs[formName].validate(async (valid) => {
if (valid) {
let result;
if (this.items) {
result = await API.editDeliveryAwardLimit({
...this.form
});
} else {
result = await API.addDeliveryAwardLimit({
...this.form
});
}
if (result.status === 200) {
this.$message.success("保存成功");
this.handleClose();
this.$emit("callback");
}
}
});
}
}
};
</script>
src/main.js
View file @ db95428f
......@@ -8,6 +8,7 @@ import VueIconFont from 'vue-iconfont'
import ElementUI from 'element-ui'
import 'normalize.css'
import 'element-ui/lib/theme-chalk/index.css'
import '@/styles/layout.less'
import App from './App.vue'
/* 系统内公共样式 */
......
src/router/index.js
View file @ db95428f
......@@ -18,7 +18,7 @@ import {
ByhLoanBackedDetails,
ByhLoanSnapList,
ServiceProblem,
ClientManagerment
ClientManagerment, DerateCreate
} from './routes'
Vue.use(Router)
......@@ -131,6 +131,19 @@ export default new Router({
filter: true
}
},
{
path: '/byh/DerateCreate',
name: 'DerateCreate',
component: DerateCreate,
meta: {title: '减免单管理', filter: true}
},
{
path: '/byh/RiskLevelList',
name: 'RiskLevelList',
component: resolve => require(['../components/byh/RiskLevelList.vue'], resolve),
meta: {title: '风险客户', filter: true}
},
]
}
]
......
src/router/routes.js
View file @ db95428f
......@@ -26,6 +26,7 @@ export const ByhLoanBackedDetails = resolve => require(['../components/byh/ByhLo
// 临时放款
export const ByhLoanSnapList = resolve => require(['../components/byh/ByhLoanSnapList.vue'], resolve)
export const Controlswitch = resolve => require(['../components/byh/Controlswitch.vue'], resolve)
export const DerateCreate = resolve => require(['../components/byh/DerateCreate.vue'], resolve)
export default {
Login,
......@@ -50,5 +51,6 @@ export default {
ByhApplyMoney,
//客户管理
ClientManagerment,
Controlswitch
Controlswitch,
DerateCreate
}
src/styles/layout.less 0 → 100644
View file @ db95428f
// 为table 添加标头
.tableHeaderStyle {
background: #FAFBFC !important;
th {
background: #FAFBFC !important;
padding: 8px 0 !important;
color: #666;
}
}
src/utils/ajax.js
View file @ db95428f
......@@ -9,130 +9,133 @@ import Cookies from 'js-cookie'
axios.defaults.baseURL = window.APIHOST
/* 所有ajax请求拦截 */
axios.interceptors.request.use(function (req) {
const token = Cookies.get('x-auth-token')
if (token) {
req.headers['X-Auth-Token'] = token
// req.headers['token'] = localStorage.getItem("token_xxx")
}
// 在发送请求之前做些什么
return req
const token = Cookies.get('x-auth-token')
if (token) {
req.headers['X-Auth-Token'] = token
// req.headers['token'] = localStorage.getItem("token_xxx")
}
// 在发送请求之前做些什么
return req
}, function (error) {
// 对请求错误做些什么
return Promise.reject(error)
// 对请求错误做些什么
return Promise.reject(error)
})
/* 所有ajax响应拦截 */
axios.interceptors.response.use(
res => {
const token = res.headers['x-auth-token']
token && Cookies.set('x-auth-token', token)
return res
},
error => {
return Promise.reject(error)
}
res => {
const token = res.headers['x-auth-token']
token && Cookies.set('x-auth-token', token)
if (res.status !== 200) {
throw new Error(res)
}
return res
},
error => {
return Promise.reject(error)
}
)
const Ajax = {
install (Vue) {
const $$get = (url, data) => {
if (data !== undefined) {
let b = true
for (const key in data) {
if (data[key] === null) {
continue
}
if (b) {
url += `?${key}=${data[key]}`
b = !b
} else {
url += `&${key}=${data[key]}`
}
}
}
install(Vue) {
const $$get = (url, data) => {
if (data !== undefined) {
let b = true
for (const key in data) {
if (data[key] === null) {
continue
}
if (b) {
url += `?${key}=${data[key]}`
b = !b
} else {
url += `&${key}=${data[key]}`
}
}
}
return new Promise((resolve, reject) => {
axios.get(url)
.then(res => {
resolve(res)
})
.catch((err) => {
reject(err)
})
})
}
return new Promise((resolve, reject) => {
axios.get(url)
.then(res => {
resolve(res)
})
.catch((err) => {
reject(err)
})
})
}
const $$post = (url, data) => {
return new Promise((resolve, reject) => {
axios.post(url, data)
.then(res => {
resolve(res)
})
.catch((err) => {
reject(err)
})
})
}
const $$post = (url, data) => {
return new Promise((resolve, reject) => {
axios.post(url, data)
.then(res => {
resolve(res)
})
.catch((err) => {
reject(err)
})
})
}
const $$put = (url, data) => {
return new Promise((resolve, reject) => {
axios.put(url, data)
.then(res => {
resolve(res)
})
.catch((err) => {
reject(err)
})
})
}
const $$put = (url, data) => {
return new Promise((resolve, reject) => {
axios.put(url, data)
.then(res => {
resolve(res)
})
.catch((err) => {
reject(err)
})
})
}
const $$patch = (url, data) => {
return new Promise((resolve, reject) => {
axios.patch(url, qs.stringify(data))
.then(res => {
resolve(res)
})
.catch((err) => {
reject(err)
})
})
}
const $$patch = (url, data) => {
return new Promise((resolve, reject) => {
axios.patch(url, qs.stringify(data))
.then(res => {
resolve(res)
})
.catch((err) => {
reject(err)
})
})
}
const $$delete = (url, data) => {
if (data !== undefined) {
let b = true
for (const key in data) {
if (data[key] === null) {
continue
}
if (b) {
url += `?${key}=${data[key]}`
b = !b
} else {
url += `&${key}=${data[key]}`
}
}
}
const $$delete = (url, data) => {
if (data !== undefined) {
let b = true
for (const key in data) {
if (data[key] === null) {
continue
}
if (b) {
url += `?${key}=${data[key]}`
b = !b
} else {
url += `&${key}=${data[key]}`
}
}
}
return new Promise((resolve, reject) => {
axios.delete(url)
.then(res => {
resolve(res)
})
.catch((err) => {
reject(err)
})
})
}
return new Promise((resolve, reject) => {
axios.delete(url)
.then(res => {
resolve(res)
})
.catch((err) => {
reject(err)
})
})
}
Vue.prototype.$$ajax = axios
Vue.prototype.$$get = $$get
Vue.prototype.$$post = $$post
Vue.prototype.$$put = $$put
Vue.prototype.$$patch = $$patch
Vue.prototype.$$delete = $$delete
}
Vue.prototype.$$ajax = axios
Vue.prototype.$$get = $$get
Vue.prototype.$$post = $$post
Vue.prototype.$$put = $$put
Vue.prototype.$$patch = $$patch
Vue.prototype.$$delete = $$delete
}
}
export default Ajax
src/utils/enumOpt.js
View file @ db95428f
......@@ -242,8 +242,8 @@ const enumUtils = {
]
};
/** 客服跟进状态 */
enumOpts[25] = {
/** 客服跟进状态 */
enumOpts[25] = {
enumName: 'ServiceStatus', values: [
{code: 'FOLLOWEDUP', message: '待跟进'},
{code: 'FOLLOWEDING', message: '跟进中'},
......@@ -251,8 +251,8 @@ const enumUtils = {
]
};
/* 还款状态 */
enumOpts[26] = {
/* 还款状态 */
enumOpts[26] = {
enumName: 'ServiceDetail', values: [
{code: 'FAIL', message: '失败'},
{code: 'HAND', message: '手动'},
......@@ -260,8 +260,8 @@ const enumUtils = {
]
};
/* 还款类型状态 */
enumOpts[27] = {
/* 还款类型状态 */
enumOpts[27] = {
enumName: 'backedType', values: [
{code: 'TRANSFER', message: '线下转账'},
{code: 'PROTOCOL', message: '协议代扣'},
......@@ -278,8 +278,8 @@ const enumUtils = {
]
};
/* 借款渠道名称 */
enumOpts[29] = {
/* 借款渠道名称 */
enumOpts[29] = {
enumName: 'loanChannel', values: [
{code: 'DKZ', message: '贷款猪'},
{code: 'SJJQ', message: '手机借钱'},
......@@ -287,157 +287,161 @@ const enumUtils = {
]
};
/* 订单状态 */
enumOpts[30] = {
/* 订单状态 */
enumOpts[30] = {
enumName: 'LoanHangupEnum', values: [
{code: 'UP', message: '已挂起'},
{code: 'DOWN', message: '未挂起'},
{code: 'ONCE', message: '曾经挂起'},
]
};
// 产品名称
enumOpts[31] = {
enumName: 'BusinessType', values: [
{code: 'GXD', message: '工薪贷'},
{code: 'FO_GJJ', message: '51公积金'},
{code: 'RS_DAI', message: '榕树贷'},
{code: 'ZGH', message: '尊贵花'},
{code: 'YSD', message: '衣食贷'},
{code: 'YYH', message: '盈盈有钱H5'},
{code: 'YQG_DAI', message: '洋钱罐'},
{code: 'SJJQ', message: '手机借钱'},
{code: 'YXQB_DAI', message: '有信钱包'},
{code: 'RNY_DAI', message: '任你用'},
{code: 'QYD_DAI', message: '钱有道'},
{code: 'JP_DAI', message: '榕树九品贷'},
{code: 'HY_DAI', message: '花鸭'},
{code: 'R360_DAI', message: '融360'},
]
};
// 用户状态
enumOpts[32] = {
enumName: 'UserStatusType', values: [
{code: 'TEMP', message: '临时用户'},
{code: 'NEW', message: '注册用户'},
{code: 'REAL_NAME', message: '实名用户'},
{code: 'LOCK', message: '冻结'},
{code: 'CANCEL', message: '注销'},
]
};
/** 借条状态*/
enumOpts[33] = {
enumName: 'LoanStatuEnums', values: [
{code: 'SUBMITED', message: '待审核'},
{code: 'AUDITED', message: '审核通过'},
{code: 'BACKING', message: '回款中'},
{code: 'SETTLED', message: '已结清'},
{code: 'OVERDUED', message: '已逾期'},
{code: 'CANCELED', message: '已作废'},
]
};
/** 借条状态*/
enumOpts[34] = {
enumName: 'FeedStatus', values: [
{code: 'NO', message: '未解决'},
{code: 'YES', message: '已解决'},
]
};
/** 借条状态*/
enumOpts[35] = {
enumName: 'FeedSourceType', values: [
{code: 'APP', message: 'APP客户反馈'},
{code: 'CUSTOMER', message: '客服人员'},
{code: 'COLLECT', message: '天思催收'},
]
};
/** 天思催收反馈状态*/
enumOpts[36] = {
enumName: 'CollectFeedStatue', values: [
{code: 'PROMISE_REPAYMENT', message: '承诺还款'},
{code: 'NEGOTIATING', message: '谈判中'},
{code: 'LOAN_CONNECT', message: '债可联'},
{code: 'family_CONNECT', message: '家属可联'},
{code: 'TP_CASE', message: '跳票案件'},
{code: 'LOSS_HALF', message: '半失联'},
{code: 'LOSS', message: '失联'},
{code: 'REFUSE_REPAYMENT', message: '拒绝还款'},
{code: 'CHECK_REPAY', message: '检查付款'},
{code: 'FIRST_FOLLOW', message: '初次跟进'},
{code: 'FIND', message: '查找'},
{code: 'OUT_CASE', message: '外访案件'},
{code: 'DISPUTED_CASE', message: '争议案件'},
{code: 'NEW_CASE', message: '新案'},
{code: 'TOTAL_BACK', message: '已结清'},
{code: 'AI_PROMISE_REPAYMENT_TODAY', message: '当天还款'},
{code: 'AI_PROMISE_REPAYMENT', message: '承诺还款'},
{code: 'AI_CALL_CONNECTED', message: '可以接通'},
{code: 'AI_CALL_FAIL', message: '外呼失败'},
{code: 'AI_RESPONSE_REPAYMENT_ALREADY', message: '反应已还'},
]
};
/** 天思催收结果*/
enumOpts[37] = {
enumName: 'CollectFeedResult', values: [
{code: 'NOT_CONTACTED', message: '未联系'},
{code: 'CONTACTED', message: '已联系'},
{code: 'USER_NOT_ANSWER', message: '未接听'},
{code: 'USER_ANSWER_CALL', message: '接听'},
{code: 'USER_CALL_BUSY', message: '占线'},
{code: 'USER_CALL_SHUTDOWN', message: '关机'},
{code: 'NO_BODY_FOR_THE_NUM', message: '号码已换人'},
{code: 'USER_CALL_STOP', message: '停机'},
{code: 'INVALID_PHONE_NUM', message: '空号'},
{code: 'CHANNEL_ERROR', message: '渠道异常'},
{code: 'SEARCHED', message: '已查找'},
{code: 'SMS_SEND', message: '短屏信已发'},
]
};
/** 客户管理用户状态*/
enumOpts[38] = {
enumName: 'ClientStatusEnum', values: [
{code: '-1', message: '临时用户'},
{code: '1', message: '注册用户'},
{code: '2', message: '实名用户'},
{code: '3', message: '已冻结'},
{code: '4', message: '已注销'},
]
};
/** 客户管理用户实名状态*/
enumOpts[39] = {
enumName: 'RealAuthStatusEnum', values: [
{code: '0', message: '未认证'},
{code: '1', message: '认证中'},
{code: '2', message: '认证通过'},
{code: '3', message: '认证不通过'},
]
};
/** 客户管理用户活体状态*/
enumOpts[40] = {
enumName: 'FaceStatusEnum', values: [
{code: '0', message: '未识别'},
{code: '1', message: '身份比对成功'},
{code: '2', message: '身份比对异常'},
{code: '3', message: '身份比对服务异常'},
]
};
/** 放款资方*/
enumOpts[41] = {
enumName: 'CapitalEnums', values: [
{code: 'QINJIABUSINESS', message: '亲家'},
{code: 'OWNBUSINESS', message: '自有'},
]
};
// 产品名称
enumOpts[31] = {
enumName: 'BusinessType', values: [
{code: 'GXD', message: '工薪贷'},
{code: 'FO_GJJ', message: '51公积金-金致贷'},
{code: 'RS_DAI', message: '榕树贷-助仁贷'},
{code: 'ZGH', message: '尊贵花'},
{code: 'YSD', message: '衣食贷'},
{code: 'YYH', message: '盈盈有钱H5'},
{code: 'YQG_DAI', message: '洋钱罐-创薪贷'},
{code: 'SJJQ', message: '手机借钱'},
{code: 'YXQB_DAI', message: '有信钱包-尚品贷'},
{code: 'RNY_DAI', message: '任你用'},
{code: 'QYD_DAI', message: '钱有道-稳重贷'},
{code: 'JP_DAI', message: '榕树九品贷-富贵花'},
{code: 'HY_DAI', message: '花鸭-核心贷'},
{code: 'R360_DAI', message: '融360-品智贷'},
{code: 'RPQB_DAI', message: '人品钱包-优质贷'},
{code: 'YPD_DAI', message: '一品贷'},
{code: 'AYSC_DAI', message: '爱用商城-风尚贷'},
{code: 'HFD_DAI', message: '会分期'},
]
};
// 用户状态
enumOpts[32] = {
enumName: 'UserStatusType', values: [
{code: 'TEMP', message: '临时用户'},
{code: 'NEW', message: '注册用户'},
{code: 'REAL_NAME', message: '实名用户'},
{code: 'LOCK', message: '冻结'},
{code: 'CANCEL', message: '注销'},
]
};
/** 借条状态*/
enumOpts[33] = {
enumName: 'LoanStatuEnums', values: [
{code: 'SUBMITED', message: '待审核'},
{code: 'AUDITED', message: '审核通过'},
{code: 'BACKING', message: '回款中'},
{code: 'SETTLED', message: '已结清'},
{code: 'OVERDUED', message: '已逾期'},
{code: 'CANCELED', message: '已作废'},
]
};
/** 借条状态*/
enumOpts[34] = {
enumName: 'FeedStatus', values: [
{code: 'NO', message: '未解决'},
{code: 'YES', message: '已解决'},
]
};
/** 借条状态*/
enumOpts[35] = {
enumName: 'FeedSourceType', values: [
{code: 'APP', message: 'APP客户反馈'},
{code: 'CUSTOMER', message: '客服人员'},
{code: 'COLLECT', message: '天思催收'},
]
};
/** 天思催收反馈状态*/
enumOpts[36] = {
enumName: 'CollectFeedStatue', values: [
{code: 'PROMISE_REPAYMENT', message: '承诺还款'},
{code: 'NEGOTIATING', message: '谈判中'},
{code: 'LOAN_CONNECT', message: '债可联'},
{code: 'family_CONNECT', message: '家属可联'},
{code: 'TP_CASE', message: '跳票案件'},
{code: 'LOSS_HALF', message: '半失联'},
{code: 'LOSS', message: '失联'},
{code: 'REFUSE_REPAYMENT', message: '拒绝还款'},
{code: 'CHECK_REPAY', message: '检查付款'},
{code: 'FIRST_FOLLOW', message: '初次跟进'},
{code: 'FIND', message: '查找'},
{code: 'OUT_CASE', message: '外访案件'},
{code: 'DISPUTED_CASE', message: '争议案件'},
{code: 'NEW_CASE', message: '新案'},
{code: 'TOTAL_BACK', message: '已结清'},
{code: 'AI_PROMISE_REPAYMENT_TODAY', message: '当天还款'},
{code: 'AI_PROMISE_REPAYMENT', message: '承诺还款'},
{code: 'AI_CALL_CONNECTED', message: '可以接通'},
{code: 'AI_CALL_FAIL', message: '外呼失败'},
{code: 'AI_RESPONSE_REPAYMENT_ALREADY', message: '反应已还'},
]
};
/** 天思催收结果*/
enumOpts[37] = {
enumName: 'CollectFeedResult', values: [
{code: 'NOT_CONTACTED', message: '未联系'},
{code: 'CONTACTED', message: '已联系'},
{code: 'USER_NOT_ANSWER', message: '未接听'},
{code: 'USER_ANSWER_CALL', message: '接听'},
{code: 'USER_CALL_BUSY', message: '占线'},
{code: 'USER_CALL_SHUTDOWN', message: '关机'},
{code: 'NO_BODY_FOR_THE_NUM', message: '号码已换人'},
{code: 'USER_CALL_STOP', message: '停机'},
{code: 'INVALID_PHONE_NUM', message: '空号'},
{code: 'CHANNEL_ERROR', message: '渠道异常'},
{code: 'SEARCHED', message: '已查找'},
{code: 'SMS_SEND', message: '短屏信已发'},
]
};
/** 客户管理用户状态*/
enumOpts[38] = {
enumName: 'ClientStatusEnum', values: [
{code: '-1', message: '临时用户'},
{code: '1', message: '注册用户'},
{code: '2', message: '实名用户'},
{code: '3', message: '已冻结'},
{code: '4', message: '已注销'},
]
};
/** 客户管理用户实名状态*/
enumOpts[39] = {
enumName: 'RealAuthStatusEnum', values: [
{code: '0', message: '未认证'},
{code: '1', message: '认证中'},
{code: '2', message: '认证通过'},
{code: '3', message: '认证不通过'},
]
};
/** 客户管理用户活体状态*/
enumOpts[40] = {
enumName: 'FaceStatusEnum', values: [
{code: '0', message: '未识别'},
{code: '1', message: '身份比对成功'},
{code: '2', message: '身份比对异常'},
{code: '3', message: '身份比对服务异常'},
]
};
/** 放款资方*/
enumOpts[41] = {
enumName: 'CapitalEnums', values: [
{code: 'QINJIABUSINESS', message: '亲家'},
{code: 'OWNBUSINESS', message: '自有'},
]
};
for (var enumOptNum in enumOpts) {
if (enumOpts[enumOptNum].enumName == enumName) {
......@@ -529,7 +533,7 @@ const enumUtils = {
]
};
/* 坐席状态 */
/* 坐席状态 */
enumOpts[6] = {
enumName: 'bindMarket', values: [
{name: 'YES', value: '已绑定'},
......@@ -537,8 +541,8 @@ const enumUtils = {
]
};
/* 是否挂起 */
enumOpts[7] = {
/* 是否挂起 */
enumOpts[7] = {
enumName: 'SystemType', values: [
{value: 'service-loess', label: '工薪贷后台'},
{value: 'service-midgard', label: '南宁盈盈有钱app'},
......@@ -559,24 +563,24 @@ const enumUtils = {
/* 人工打款状态*/
enumOpts[9] = {
enumName: 'SendMoneyStatus', values: [
{value: 'SUCCESS', label: '全部打款成功'},
{value: 'INIT', label: '待打款'},
{value: 'FAIL', label: '全部打款失败'},
{value: 'PART', label: '部分打款失败'},
]
enumName: 'SendMoneyStatus', values: [
{value: 'SUCCESS', label: '全部打款成功'},
{value: 'INIT', label: '待打款'},
{value: 'FAIL', label: '全部打款失败'},
{value: 'PART', label: '部分打款失败'},
]
};
/* 人工打款状态*/
enumOpts[10] = {
/* 人工打款状态*/
enumOpts[10] = {
enumName: 'ManualReviewStatus', values: [
{value: 'ING', label: '审批中'},
{value: 'FAIL', label: '拒绝'},
{value: 'SUCCESS', label: '通过'},
]
};
/* 放款结果*/
enumOpts[11] = {
};
/* 放款结果*/
enumOpts[11] = {
enumName: 'ResultSuccessFail', values: [
{value: '', label: '全部'},
{value: 'SUCCESS', label: '打款成功'},
......@@ -611,15 +615,15 @@ const enumUtils = {
]
};
/* 支付渠道状态*/
enumOpts[15] = {
/* 支付渠道状态*/
enumOpts[15] = {
enumName: 'BankCardStatus', values: [
{value: 'AUTH', label: '签约'},
{value: 'DEDUCT', label: '代扣'},
]
};
// 解决状态
enumOpts[16] = {
};
// 解决状态
enumOpts[16] = {
enumName: 'SolveStatus', values: [
{value: 'YES', label: 'YES'},
{value: 'NO', label: 'NO'},
......@@ -645,43 +649,48 @@ const enumUtils = {
]
};
// 产品名称
enumOpts[18] = {
enumName: 'BusinessType', values: [
{value: 'GXD', label: '工薪贷'},
{value: 'FO_GJJ', label: '51公积金'},
{value: 'RS_DAI', label: '榕树贷'},
{value: 'ZGH', label: '尊贵花'},
{value: 'YSD', label: '衣食贷'},
{value: 'YYH', label: '盈盈有钱H5'},
{value: 'YQG_DAI', label: '洋钱罐'},
{value: 'SJJQ', label: '手机借钱'},
{value: 'YXQB_DAI', label: '有信钱包'},
{value: 'RNY_DAI', label: '任你用'},
{value: 'QYD_DAI', label: '钱有道'},
{value: 'JP_DAI', label: '榕树九品贷'},
{value: 'HY_DAI', label: '花鸭'},
{value: 'R360_DAI', label: '融360'},
]
};
// 反馈来源
enumOpts[19] = {
enumName: 'FeedSourceType', values: [
{value: 'CUSTOMER', label: '客服人员'},
{value: 'APP', label: 'APP'},
{value: 'COLLECT', label: '催收'},
]
};
// 产品名称
enumOpts[20] = {
enumName: 'AppNameType', values: [
{value: 'YYYQ', label: '盈盈有钱'},
{value: 'YYYQ_QUICK', label: '盈盈有钱福利版'},
{value: 'SJJQ', label: '手机借钱'},
]
};
// 产品名称
enumOpts[18] = {
enumName: 'BusinessType', values: [
{value: 'GXD', label: '工薪贷'},
{value: 'FO_GJJ', label: '51公积金-金致贷'},
{value: 'RS_DAI', label: '榕树贷-助仁贷'},
{value: 'ZGH', label: '尊贵花'},
{value: 'YSD', label: '衣食贷'},
{value: 'YYH', label: '盈盈有钱H5'},
{value: 'YQG_DAI', label: '洋钱罐-创薪贷'},
{value: 'SJJQ', label: '手机借钱'},
{value: 'YXQB_DAI', label: '有信钱包-尚品贷'},
{value: 'RNY_DAI', label: '任你用'},
{value: 'QYD_DAI', label: '钱有道-稳重贷'},
{value: 'JP_DAI', label: '榕树九品贷-富贵花'},
{value: 'HY_DAI', label: '花鸭-核心贷'},
{value: 'R360_DAI', label: '融360-品智贷'},
{value: 'RPQB_DAI', label: '人品钱包-优质贷'},
{value: 'YPD_DAI', label: '一品贷'},
{value: 'AYSC_DAI', label: '爱用商城-风尚贷'},
{value: 'HFD_DAI', label: '会分期'},
]
};
// 反馈来源
enumOpts[19] = {
enumName: 'FeedSourceType', values: [
{value: 'CUSTOMER', label: '客服人员'},
{value: 'APP', label: 'APP'},
{value: 'COLLECT', label: '催收'},
]
};
// 产品名称
enumOpts[20] = {
enumName: 'AppNameType', values: [
{value: 'YYYQ', label: '盈盈有钱'},
{value: 'YYYQ_QUICK', label: '盈盈有钱福利版'},
{value: 'SJJQ', label: '手机借钱'},
]
};
for (var enumOptNum in enumOpts) {
if (enumOpts[enumOptNum].enumName == enumName) {
......
src/utils/permission.js
View file @ db95428f
......@@ -8,24 +8,24 @@ const permissionUtils = {
Vue.prototype.$permissionUtils = {
btnPermission(code) {
if (localStorage.getItem('btnPermission') == null || localStorage.getItem('btnPermission') == '') {
if (localStorage.getItem('btnPermission') == null || localStorage.getItem('btnPermission') === '') {
return false
}
var btnPerList = localStorage.getItem('btnPermission').split(",");
for (var num in btnPerList) {
if (code == btnPerList[num]) {
if (code === btnPerList[num]) {
return true
}
}
return false
},
menuPermission(code) {
if (localStorage.getItem('menuPermission') == null || localStorage.getItem('menuPermission') == '') {
if (localStorage.getItem('menuPermission') == null || localStorage.getItem('menuPermission') === '') {
return false
}
var menuPerList = localStorage.getItem('menuPermission').split(",");
for (var num in menuPerList) {
const menuPerList = localStorage.getItem('menuPermission').split(",");
for (const num in menuPerList) {
if (code == menuPerList[num]) {
return true
}
......@@ -34,12 +34,12 @@ const permissionUtils = {
},
rolePermission(code) {
if (localStorage.getItem('userRole') == null || localStorage.getItem('userRole') == '') {
if (localStorage.getItem('userRole') == null || localStorage.getItem('userRole') === '') {
return false
}
var rolePerList = localStorage.getItem('userRole').split(",");
for (var num in rolePerList) {
const rolePerList = localStorage.getItem('userRole').split(",");
for (const num in rolePerList) {
if (code == rolePerList[num]) {
return true
}
......
yarn.lock
View file @ db95428f
This source diff could not be displayed because it is too large. You can view the blob instead.
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