UI及业务
This commit is contained in:
parent
ca3980f307
commit
5e8f28ccc5
@ -99,14 +99,6 @@
|
|||||||
<el-table-column prop="B" label="约定还款金额" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="B" label="约定还款金额" show-overflow-tooltip ></el-table-column>
|
||||||
<el-table-column prop="C" label="约定还款时间" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="C" label="约定还款时间" show-overflow-tooltip ></el-table-column>
|
||||||
<el-table-column prop="D" label="备注信息" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="D" label="备注信息" show-overflow-tooltip ></el-table-column>
|
||||||
<el-table-column label="操作" width="170">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<div class="flex-row align-items-center">
|
|
||||||
<el-button size="mini" @click="handleCaseAllocation(scope)">编辑</el-button>
|
|
||||||
<el-button size="mini" @click="handleCaseAllocation(scope)">删除</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
</el-table>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane>
|
<el-tab-pane>
|
||||||
@ -217,8 +209,6 @@
|
|||||||
<el-table-column label="操作" width="230">
|
<el-table-column label="操作" width="230">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div class="flex-row align-items-center">
|
<div class="flex-row align-items-center">
|
||||||
<el-button size="mini" @click="handleCaseAllocation(scope)">上传</el-button>
|
|
||||||
<el-button size="mini" @click="handleCaseAllocation(scope)">删除</el-button>
|
|
||||||
<el-button size="mini" @click="handleCaseAllocation(scope)">查看</el-button>
|
<el-button size="mini" @click="handleCaseAllocation(scope)">查看</el-button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -9,7 +9,7 @@
|
|||||||
<el-button @click="getNextCaseById">下一个</el-button>
|
<el-button @click="getNextCaseById">下一个</el-button>
|
||||||
<span class="ipphoneimg"> IP电话</span>
|
<span class="ipphoneimg"> IP电话</span>
|
||||||
<span class="smsimg">发送短信</span>
|
<span class="smsimg">发送短信</span>
|
||||||
<span class="videoimg">视频预约</span>
|
<span class="videoimg" @click="VideoDialog={caseId:caseId}">视频预约</span>
|
||||||
|
|
||||||
<span class="case-send-btn">发起送达</span>
|
<span class="case-send-btn">发起送达</span>
|
||||||
<span class="case-send-btn">发起签章</span>
|
<span class="case-send-btn">发起签章</span>
|
||||||
@ -410,7 +410,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 视频预约 -->
|
||||||
|
<VideoReservationDialog v-if="VideoDialog" :eventDialog.sync="VideoDialog" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
@ -421,9 +422,11 @@ import api from "@/services/caseManagement";
|
|||||||
uploadFile: () => import('@/components/uploadFile.vue'),//上传
|
uploadFile: () => import('@/components/uploadFile.vue'),//上传
|
||||||
RepaymentSchedule: () => import('./RepaymentSchedule.vue'),//还款计划
|
RepaymentSchedule: () => import('./RepaymentSchedule.vue'),//还款计划
|
||||||
RepaymentCertificate: () => import('./RepaymentCertificate.vue'),//还款凭证
|
RepaymentCertificate: () => import('./RepaymentCertificate.vue'),//还款凭证
|
||||||
|
VideoReservationDialog: () => import('./VideoReservationDialog'),//视频预约
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
VideoDialog:null,
|
||||||
eventDialog:{caseId:this.$route.query.caseId},
|
eventDialog:{caseId:this.$route.query.caseId},
|
||||||
leftActive:1,
|
leftActive:1,
|
||||||
rightActive:1,
|
rightActive:1,
|
||||||
|
|||||||
255
src/pages/mediation-page/components/VideoReservationDialog.vue
Normal file
255
src/pages/mediation-page/components/VideoReservationDialog.vue
Normal file
@ -0,0 +1,255 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog title="视频预约" :visible="true" width="600px" append-to-body :close-on-click-modal="false"
|
||||||
|
@close="handleClose">
|
||||||
|
<div class="dialog-content dialog-office-batch">
|
||||||
|
<div class="pt-8">
|
||||||
|
<!-- <div class="flex-row align-items-center justify-content-between mb-16 case-batch-num">
|
||||||
|
<span>选中<a>{{eventTraDialog.caseids.length}}</a>个案件，系统将对您选择的案件进行批量电子短信送达！</span>
|
||||||
|
</div> -->
|
||||||
|
<el-form ref="ruleFormRepayment"
|
||||||
|
:model="videoObj"
|
||||||
|
:rules="rulesClientRule"
|
||||||
|
label-width="130px">
|
||||||
|
|
||||||
|
<el-row :gutter="56">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="开始时间" prop="type">
|
||||||
|
<el-select v-model="repaymentObj.type" class="width100" disabled
|
||||||
|
placeholder="请选择还款方式" size="small">
|
||||||
|
<el-option
|
||||||
|
v-for="(item,index) in RepaymentOptions"
|
||||||
|
:key="index"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="持续时间" prop="type">
|
||||||
|
<el-select v-model="repaymentObj.type" class="width100" disabled
|
||||||
|
placeholder="请选择还款方式" size="small">
|
||||||
|
<el-option
|
||||||
|
v-for="(item,index) in RepaymentOptions"
|
||||||
|
:key="index"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-form-item label="" prop="type">
|
||||||
|
<el-select v-model="repaymentObj.type" class="width100" disabled
|
||||||
|
placeholder="请选择还款方式" size="small">
|
||||||
|
<el-option
|
||||||
|
v-for="(item,index) in RepaymentOptions"
|
||||||
|
:key="index"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="还款金额" prop="totalAmount">
|
||||||
|
<el-input class="inputpaddingtop2" disabled
|
||||||
|
size="small"
|
||||||
|
placeholder="请输入还款金额"
|
||||||
|
v-model="repaymentObj.totalAmount"
|
||||||
|
@input="inputChange($event)">
|
||||||
|
<template slot="append">元</template>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- 枚举备注: ALL :一次性全部回款 STAGES :全部分期 MIX :混合，部分先还加分期 OTHER :其他 -->
|
||||||
|
<el-form-item v-if="repaymentObj.type == 'MIX'" label="分期前偿还金额" prop="partAmount">
|
||||||
|
<el-input class="inputpaddingtop2" disabled
|
||||||
|
size="small"
|
||||||
|
placeholder="请输入分期前偿还金额"
|
||||||
|
v-model="repaymentObj.partAmount"
|
||||||
|
@input="inputChange($event)">
|
||||||
|
<template slot="append">元</template>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="repaymentObj.type == 'MIX'" label="先还日期" prop="partDate">
|
||||||
|
<el-date-picker class="width100" size="small" disabled
|
||||||
|
v-model="repaymentObj.partDate"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择先还日期"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="repaymentObj.type == 'MIX'" label="分期部分金额" prop="productTypeId">
|
||||||
|
<el-input class="inputpaddingtop2"
|
||||||
|
size="small"
|
||||||
|
disabled
|
||||||
|
placeholder="分期部分金额"
|
||||||
|
v-model="repaymentObj.moneyAmount">
|
||||||
|
<template slot="append">元</template>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="repaymentObj.type == 'STAGES' || repaymentObj.type == 'MIX'" label="分期期数" prop="stagesNum">
|
||||||
|
<el-input
|
||||||
|
size="small" disabled
|
||||||
|
placeholder="请输入分期期数"
|
||||||
|
v-model="repaymentObj.stagesNum"
|
||||||
|
@input="inputChange($event)">
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="repaymentObj.type == 'STAGES' || repaymentObj.type == 'MIX'" label="每期还款金额" prop="stagesAmount">
|
||||||
|
<el-input class="inputpaddingtop2"
|
||||||
|
size="small"
|
||||||
|
disabled
|
||||||
|
placeholder="每期还款金额"
|
||||||
|
v-model="repaymentObj.stagesAmount">
|
||||||
|
<template slot="append">元</template>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="repaymentObj.type == 'STAGES' || repaymentObj.type == 'MIX'" label="每期还款日期" prop="stagesDay">
|
||||||
|
<el-select v-model="repaymentObj.stagesDay" class="width100" disabled
|
||||||
|
placeholder="请选择每期还款日期" size="small">
|
||||||
|
<el-option
|
||||||
|
v-for="(item, index) in 31"
|
||||||
|
:key="index"
|
||||||
|
:label="(index+1)+'日'"
|
||||||
|
:value="(index+1)">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="repaymentObj.type == 'ALL' || repaymentObj.type == 'STAGES' || repaymentObj.type == 'MIX'" label="还款截止日期" prop="paybackDate">
|
||||||
|
<el-date-picker class="width100" size="small" disabled
|
||||||
|
v-model="repaymentObj.paybackDate"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="备注说明" prop="remark">
|
||||||
|
<el-input disabled
|
||||||
|
size="small"
|
||||||
|
clearable
|
||||||
|
placeholder="请输入备注说明"
|
||||||
|
v-model="repaymentObj.remark">
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-collapse-transition>
|
||||||
|
<el-row :gutter="56">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="" prop="type">
|
||||||
|
<el-select v-model="repaymentObj.type" class="width100" disabled
|
||||||
|
placeholder="请选择还款方式" size="small">
|
||||||
|
<el-option
|
||||||
|
v-for="(item,index) in RepaymentOptions"
|
||||||
|
:key="index"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
</el-row>
|
||||||
|
</el-collapse-transition>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="handleClose()">取消</el-button>
|
||||||
|
<el-button type="primary" @click="handleSubmit()">批量送达</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import api from "@/services/caseManagement";
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
eventTraDialog: {
|
||||||
|
type: Object,
|
||||||
|
default: () => {
|
||||||
|
return {}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
videoObj:{},
|
||||||
|
rulesClientRule:{
|
||||||
|
type: [
|
||||||
|
{ required: true, message: '请选择还款方式', trigger: 'change',},
|
||||||
|
],
|
||||||
|
totalAmount: [
|
||||||
|
{ required: true, message: '请输入还款金额', trigger: 'change',},
|
||||||
|
{ pattern: /^[1-9]\d*(,\d{3})*(\.\d{1,2})?$|^0.\d{1,2}$/, message: '请输入2位小数金额', trigger: ['blur', 'change']}
|
||||||
|
],
|
||||||
|
paybackDate: [
|
||||||
|
{ required: true, message: '请选择还款截止日期', trigger: 'change',},
|
||||||
|
],
|
||||||
|
stagesDay: [
|
||||||
|
{ required: true, message: '请选择每期还款日期', trigger: 'change',},
|
||||||
|
],
|
||||||
|
partAmount: [
|
||||||
|
{ required: true, message: '请输入分期前偿还金额 ', trigger: 'change',},
|
||||||
|
{ pattern: /^[1-9]\d*(,\d{3})*(\.\d{1,2})?$|^0.\d{1,2}$/, message: '请输入2位小数金额', trigger: ['blur', 'change']}
|
||||||
|
],
|
||||||
|
partDate: [
|
||||||
|
{ required: true, message: '请选择分期前偿还日期', trigger: 'change',},
|
||||||
|
],
|
||||||
|
stagesNum: [
|
||||||
|
{ required: true, message: '请输入分期期数', trigger: 'change',},
|
||||||
|
{ pattern: /^[1-9]\d*$/, message: '只能输入正整数', trigger: ['blur', 'change']}
|
||||||
|
],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted () {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
smsChange(){
|
||||||
|
let jsonData = this.smsOptions.find(item=>{
|
||||||
|
return this.ObjectInfo.methodId == item.value
|
||||||
|
})
|
||||||
|
this.ObjectInfo.users = jsonData.users
|
||||||
|
this.ObjectInfo.content = jsonData.content
|
||||||
|
},
|
||||||
|
|
||||||
|
handleClose() {
|
||||||
|
this.$emit('update:eventTraDialog', null)
|
||||||
|
},
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.dialog-office-batch{
|
||||||
|
padding: 16px 30px;
|
||||||
|
max-height:500px;
|
||||||
|
.tabs__search-criteria-title{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.case-batch-num{
|
||||||
|
background-color: rgba(236, 238, 241, 0.8196078431);
|
||||||
|
padding: 15px 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
a{font-size: 16px;font-weight: 500;color: #C66A5B;}
|
||||||
|
}
|
||||||
|
.officelist{
|
||||||
|
background-color: rgba(236, 238, 241, 0.8196078431);
|
||||||
|
padding: 20px 20px;
|
||||||
|
.el-checkbox
|
||||||
|
{
|
||||||
|
width: 230px;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -47,7 +47,7 @@ module.exports = {
|
|||||||
},
|
},
|
||||||
proxy: {
|
proxy: {
|
||||||
"/manage-center": {
|
"/manage-center": {
|
||||||
target: "http://api.mediate.dev.trydotec.com/manage-center", // 管理中心
|
target: "http://mediate.dev.trydotec.com/", // 管理中心
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
pathRewrite: {
|
pathRewrite: {
|
||||||
"^/manage-center": "/",
|
"^/manage-center": "/",
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user