wkc/loan-pricing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

抽离组件 添加下拉框

Browse Source
This commit is contained in:
wkc
2026-01-20 23:46:44 +08:00
parent f2448ff97f
commit 39f687881a
12 changed files with 1100 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
ruoyi-ui/src/router/index.js
View File

@@ -161,6 +161,20 @@ export const dynamicRoutes = [
meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
}
]
},
{
path: '/loanPricing/workflow-detail',
component: Layout,
hidden: true,
permissions: ['loanPricing:workflow:query'],
children: [
{
path: ':serialNum',
component: () => import('@/views/loanPricing/workflow/detail'),
name: 'LoanPricingWorkflowDetail',
meta: { title: '流程详情', activeMenu: '/loanPricing/workflow' }
}
]
}
]

319
ruoyi-ui/src/views/loanPricing/workflow/components/WorkflowCreateDialog.vue Normal file
View File

@@ -0,0 +1,319 @@
<template>
<el-dialog title="新增利率定价流程" :visible.sync="dialogVisible" width="900px" append-to-body @close="handleClose">
<el-form ref="form" :model="form" :rules="rules" label-width="140px">
<el-tabs v-model="activeTab">
<!-- 基本信息 -->
<el-tab-pane label="基本信息" name="basic">
<el-row>
<el-col :span="12">
<el-form-item label="客户内码" prop="custIsn">
<el-input v-model="form.custIsn" placeholder="请输入客户内码" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="客户名称" prop="custName">
<el-input v-model="form.custName" placeholder="请输入客户名称" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="客户类型" prop="custType">
<el-select v-model="form.custType" placeholder="请选择客户类型" style="width: 100%">
<el-option label="个人" value="个人" />
<el-option label="企业" value="企业" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="证件类型" prop="idType">
<el-select v-model="form.idType" placeholder="请选择证件类型" style="width: 100%">
<el-option label="身份证" value="身份证" />
<el-option label="统一社会信用代码" value="统一社会信用代码" />
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-tab-pane>
<!-- 贷款信息 -->
<el-tab-pane label="贷款信息" name="loan">
<el-row>
<el-col :span="12">
<el-form-item label="申请金额(元)" prop="applyAmt">
<el-input v-model="form.applyAmt" placeholder="请输入申请金额" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="贷款利率(%)" prop="loanRate">
<el-input v-model="form.loanRate" placeholder="请输入贷款利率" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="担保方式" prop="guarType">
<el-select v-model="form.guarType" placeholder="请选择担保方式" style="width: 100%">
<el-option label="信用" value="信用" />
<el-option label="保证" value="保证" />
<el-option label="抵押" value="抵押" />
<el-option label="质押" value="质押" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="贷款用途" prop="loanPurpose">
<el-select v-model="form.loanPurpose" placeholder="请选择贷款用途" style="width: 100%">
<el-option label="消费贷款" value="consumer" />
<el-option label="经营贷款" value="business" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="抵质押类型" prop="collType">
<el-select v-model="form.collType" placeholder="请选择抵质押类型" style="width: 100%">
<el-option label="一线" value="一线" />
<el-option label="一类" value="一类" />
<el-option label="二类" value="二类" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否有经营佐证">
<el-switch v-model="form.bizProofActive" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="抵质押物三方所有">
<el-switch v-model="form.collThirdPartyActive" />
</el-form-item>
</el-col>
</el-row>
</el-tab-pane>
<!-- 中间业务标识 -->
<el-tab-pane label="中间业务标识" name="mid">
<el-row>
<el-col :span="12">
<el-form-item label="个人快捷支付">
<el-switch v-model="form.midPerQuickPayActive" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="个人电费代扣">
<el-switch v-model="form.midPerEleDdcActive" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="企业电费代扣">
<el-switch v-model="form.midEntEleDdcActive" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="企业水费代扣">
<el-switch v-model="form.midEntWaterDdcActive" />
</el-form-item>
</el-col>
</el-row>
</el-tab-pane>
<!-- 企业标识 -->
<el-tab-pane label="企业标识" name="ent">
<el-row>
<el-col :span="12">
<el-form-item label="净身企业">
<el-switch v-model="form.isCleanEntActive" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开立基本结算账户">
<el-switch v-model="form.hasSettleAcctActive" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="制造业企业">
<el-switch v-model="form.isManufacturingActive" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="省农担担保贷款">
<el-switch v-model="form.isAgriGuarActive" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="纳税信用等级A级">
<el-switch v-model="form.isTaxAActive" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="县级及以上农业龙头企业">
<el-switch v-model="form.isAgriLeadingActive" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="普惠小微借款人">
<el-switch v-model="form.isInclusiveFinanceActive" />
</el-form-item>
</el-col>
</el-row>
</el-tab-pane>
</el-tabs>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</template>
<script>
import { createWorkflow } from "@/api/loanPricing/workflow"
export default {
name: "WorkflowCreateDialog",
props: {
visible: {
type: Boolean,
default: false
}
},
data() {
return {
activeTab: 'basic',
form: {},
rules: {
custIsn: [
{ required: true, message: "客户内码不能为空", trigger: "blur" }
],
custType: [
{ required: true, message: "请选择客户类型", trigger: "change" }
],
guarType: [
{ required: true, message: "请选择担保方式", trigger: "change" }
],
applyAmt: [
{ required: true, message: "申请金额不能为空", trigger: "blur" }
],
loanRate: [
{ required: true, message: "贷款利率不能为空", trigger: "blur" }
]
}
}
},
computed: {
dialogVisible: {
get() {
return this.visible
},
set(val) {
this.$emit('update:visible', val)
}
}
},
watch: {
visible(val) {
if (val) {
this.reset()
}
}
},
methods: {
/** 表单重置 */
reset() {
this.form = {
orgCode: '931000',
runType: '1',
custIsn: undefined,
custName: undefined,
custType: undefined,
idType: undefined,
applyAmt: undefined,
loanRate: undefined,
guarType: undefined,
loanPurpose: undefined,
collType: undefined,
// 开关状态
bizProofActive: false,
collThirdPartyActive: false,
midPerQuickPayActive: false,
midPerEleDdcActive: false,
midEntEleDdcActive: false,
midEntWaterDdcActive: false,
isCleanEntActive: false,
hasSettleAcctActive: false,
isManufacturingActive: false,
isAgriGuarActive: false,
isTaxAActive: false,
isAgriLeadingActive: false,
isInclusiveFinanceActive: false
}
this.resetForm("form")
},
/** 对话框关闭处理 */
handleClose() {
this.reset()
},
/** 取消按钮 */
cancel() {
this.dialogVisible = false
this.reset()
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
// 转换开关值为字符串
const data = {
...this.form,
bizProof: this.form.bizProofActive ? 'true' : 'false',
collThirdParty: this.form.collThirdPartyActive ? 'true' : 'false',
midPerQuickPay: this.form.midPerQuickPayActive ? 'true' : 'false',
midPerEleDdc: this.form.midPerEleDdcActive ? 'true' : 'false',
midEntEleDdc: this.form.midEntEleDdcActive ? 'true' : 'false',
midEntWaterDdc: this.form.midEntWaterDdcActive ? 'true' : 'false',
isCleanEnt: this.form.isCleanEntActive ? 'true' : 'false',
hasSettleAcct: this.form.hasSettleAcctActive ? 'true' : 'false',
isManufacturing: this.form.isManufacturingActive ? 'true' : 'false',
isAgriGuar: this.form.isAgriGuarActive ? 'true' : 'false',
isTaxA: this.form.isTaxAActive ? 'true' : 'false',
isAgriLeading: this.form.isAgriLeadingActive ? 'true' : 'false',
isInclusiveFinance: this.form.isInclusiveFinanceActive ? 'true' : 'false'
}
// 删除开关状态字段
delete data.bizProofActive
delete data.collThirdPartyActive
delete data.midPerQuickPayActive
delete data.midPerEleDdcActive
delete data.midEntEleDdcActive
delete data.midEntWaterDdcActive
delete data.isCleanEntActive
delete data.hasSettleAcctActive
delete data.isManufacturingActive
delete data.isAgriGuarActive
delete data.isTaxAActive
delete data.isAgriLeadingActive
delete data.isInclusiveFinanceActive
createWorkflow(data).then(response => {
this.$modal.msgSuccess("新增成功")
this.dialogVisible = false
this.$emit('success')
})
}
})
}
}
}
</script>

115
ruoyi-ui/src/views/loanPricing/workflow/detail.vue Normal file
View File

@@ -0,0 +1,115 @@
<template>
<div class="app-container" v-loading="loading">
<el-page-header @back="goBack" content="流程详情" />
<el-card class="mt-20" v-if="!loading && detail">
<el-tabs v-model="activeTab">
<!-- 基本信息 -->
<el-tab-pane label="基本信息" name="basic">
<el-descriptions :column="2" border>
<el-descriptions-item label="业务方流水号" :span="2">{{ detail.serialNum }}</el-descriptions-item>
<el-descriptions-item label="机构编码">{{ detail.orgCode }}</el-descriptions-item>
<el-descriptions-item label="运行模式">{{ detail.runType }}</el-descriptions-item>
<el-descriptions-item label="客户内码">{{ detail.custIsn }}</el-descriptions-item>
<el-descriptions-item label="客户名称">{{ detail.custName }}</el-descriptions-item>
<el-descriptions-item label="证件类型" :span="2">{{ detail.idType }}</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<!-- 业务信息 -->
<el-tab-pane label="业务信息" name="business">
<el-descriptions :column="2" border>
<el-descriptions-item label="客户类型">{{ detail.custType }}</el-descriptions-item>
<el-descriptions-item label="担保方式">{{ detail.guarType }}</el-descriptions-item>
<el-descriptions-item label="申请金额">{{ detail.applyAmt }} 元</el-descriptions-item>
<el-descriptions-item label="贷款利率">{{ detail.loanRate }} %</el-descriptions-item>
<el-descriptions-item label="贷款用途">{{ detail.loanPurpose === 'consumer' ? '消费贷款' : detail.loanPurpose === 'business' ? '经营贷款' : detail.loanPurpose }}</el-descriptions-item>
<el-descriptions-item label="是否有经营佐证">{{ detail.bizProof === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="抵质押类型">{{ detail.collType }}</el-descriptions-item>
<el-descriptions-item label="抵质押物三方所有">{{ detail.collThirdParty === 'true' ? '是' : '否' }}</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<!-- 中间业务标识 -->
<el-tab-pane label="中间业务标识" name="mid">
<el-descriptions :column="2" border>
<el-descriptions-item label="个人快捷支付">{{ detail.midPerQuickPay === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="个人电费代扣">{{ detail.midPerEleDdc === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="企业电费代扣">{{ detail.midEntEleDdc === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="企业水费代扣">{{ detail.midEntWaterDdc === 'true' ? '是' : '否' }}</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<!-- 企业标识 -->
<el-tab-pane label="企业标识" name="ent">
<el-descriptions :column="2" border>
<el-descriptions-item label="净身企业">{{ detail.isCleanEnt === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="开立基本结算账户">{{ detail.hasSettleAcct === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="制造业企业">{{ detail.isManufacturing === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="省农担担保贷款">{{ detail.isAgriGuar === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="纳税信用等级A级">{{ detail.isTaxA === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="县级及以上农业龙头企业">{{ detail.isAgriLeading === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="普惠小微借款人">{{ detail.isInclusiveFinance === 'true' ? '是' : '否' }}</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<!-- 其他信息 -->
<el-tab-pane label="其他信息" name="other">
<el-descriptions :column="2" border>
<el-descriptions-item label="创建时间">{{ detail.createTime }}</el-descriptions-item>
<el-descriptions-item label="创建者">{{ detail.createBy }}</el-descriptions-item>
<el-descriptions-item label="更新时间">{{ detail.updateTime }}</el-descriptions-item>
<el-descriptions-item label="更新者">{{ detail.updateBy }}</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
</el-tabs>
</el-card>
<el-row :gutter="10" class="mt-20">
<el-col :span="24">
<el-button @click="goBack">返回</el-button>
</el-col>
</el-row>
</div>
</template>
<script>
import { getWorkflow } from "@/api/loanPricing/workflow"
export default {
name: "LoanPricingWorkflowDetail",
data() {
return {
loading: true,
detail: null,
activeTab: 'basic'
}
},
created() {
this.getDetail()
},
methods: {
/** 获取流程详情 */
getDetail() {
const serialNum = this.$route.params.serialNum
if (!serialNum) {
this.$modal.msgError("缺少业务方流水号参数")
this.goBack()
return
}
getWorkflow(serialNum).then(response => {
this.detail = response.data
this.loading = false
}).catch(error => {
this.$modal.msgError("获取流程详情失败：" + (error.message || "未知错误"))
this.loading = false
})
},
/** 返回上一页 */
goBack() {
this.$router.go(-1)
}
}
}
</script>

341
ruoyi-ui/src/views/loanPricing/workflow/index.vue
View File

@@ -79,227 +79,20 @@
@pagination="getList"
/>
<!-- 详情对话框 -->
<el-dialog title="利率定价流程详情" :visible.sync="openDetail" width="800px" append-to-body>
<el-descriptions :column="2" border>
<el-descriptions-item label="业务方流水号" :span="2">{{ detail.serialNum }}</el-descriptions-item>
<el-descriptions-item label="机构编码">{{ detail.orgCode }}</el-descriptions-item>
<el-descriptions-item label="运行模式">{{ detail.runType }}</el-descriptions-item>
<el-descriptions-item label="客户内码">{{ detail.custIsn }}</el-descriptions-item>
<el-descriptions-item label="客户名称">{{ detail.custName }}</el-descriptions-item>
<el-descriptions-item label="证件类型" :span="2">{{ detail.idType }}</el-descriptions-item>
<el-descriptions-item label="客户类型">{{ detail.custType }}</el-descriptions-item>
<el-descriptions-item label="担保方式">{{ detail.guarType }}</el-descriptions-item>
<el-descriptions-item label="申请金额">{{ detail.applyAmt }} 元</el-descriptions-item>
<el-descriptions-item label="贷款利率">{{ detail.loanRate }} %</el-descriptions-item>
<el-descriptions-item label="贷款用途">{{ detail.loanPurpose }}</el-descriptions-item>
<el-descriptions-item label="是否有经营佐证">{{ detail.bizProof === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="抵质押类型">{{ detail.collType }}</el-descriptions-item>
<el-descriptions-item label="抵质押物三方所有">{{ detail.collThirdParty === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="个人快捷支付">{{ detail.midPerQuickPay === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="个人电费代扣">{{ detail.midPerEleDdc === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="企业电费代扣">{{ detail.midEntEleDdc === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="企业水费代扣">{{ detail.midEntWaterDdc === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="净身企业">{{ detail.isCleanEnt === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="开立基本结算账户">{{ detail.hasSettleAcct === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="制造业企业">{{ detail.isManufacturing === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="省农担担保贷款">{{ detail.isAgriGuar === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="纳税信用等级A级">{{ detail.isTaxA === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="县级及以上农业龙头企业">{{ detail.isAgriLeading === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="普惠小微借款人">{{ detail.isInclusiveFinance === 'true' ? '是' : '否' }}</el-descriptions-item>
<el-descriptions-item label="创建时间">{{ detail.createTime }}</el-descriptions-item>
<el-descriptions-item label="创建者">{{ detail.createBy }}</el-descriptions-item>
<el-descriptions-item label="更新时间">{{ detail.updateTime }}</el-descriptions-item>
<el-descriptions-item label="更新者">{{ detail.updateBy }}</el-descriptions-item>
</el-descriptions>
<div slot="footer" class="dialog-footer">
<el-button @click="openDetail = false">关 闭</el-button>
</div>
</el-dialog>
<!-- 添加流程对话框 -->
<el-dialog title="新增利率定价流程" :visible.sync="openCreate" width="900px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="140px">
<el-tabs v-model="activeTab">
<!-- 基本信息 -->
<el-tab-pane label="基本信息" name="basic">
<el-row>
<el-col :span="12">
<el-form-item label="客户内码" prop="custIsn">
<el-input v-model="form.custIsn" placeholder="请输入客户内码" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="客户名称" prop="custName">
<el-input v-model="form.custName" placeholder="请输入客户名称" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="客户类型" prop="custType">
<el-select v-model="form.custType" placeholder="请选择客户类型" style="width: 100%">
<el-option label="个人" value="个人" />
<el-option label="企业" value="企业" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="证件类型" prop="idType">
<el-input v-model="form.idType" placeholder="请输入证件类型" />
</el-form-item>
</el-col>
</el-row>
</el-tab-pane>
<!-- 贷款信息 -->
<el-tab-pane label="贷款信息" name="loan">
<el-row>
<el-col :span="12">
<el-form-item label="申请金额(元)" prop="applyAmt">
<el-input v-model="form.applyAmt" placeholder="请输入申请金额" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="贷款利率(%)" prop="loanRate">
<el-input v-model="form.loanRate" placeholder="请输入贷款利率" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="担保方式" prop="guarType">
<el-select v-model="form.guarType" placeholder="请选择担保方式" style="width: 100%">
<el-option label="信用" value="信用" />
<el-option label="保证" value="保证" />
<el-option label="抵押" value="抵押" />
<el-option label="质押" value="质押" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="贷款用途" prop="loanPurpose">
<el-select v-model="form.loanPurpose" placeholder="请选择贷款用途" style="width: 100%">
<el-option label="消费贷款" value="consumer" />
<el-option label="经营贷款" value="business" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="抵质押类型" prop="collType">
<el-select v-model="form.collType" placeholder="请选择抵质押类型" style="width: 100%">
<el-option label="一线" value="一线" />
<el-option label="一类" value="一类" />
<el-option label="二类" value="二类" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否有经营佐证">
<el-switch v-model="form.bizProofActive" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="抵质押物三方所有">
<el-switch v-model="form.collThirdPartyActive" />
</el-form-item>
</el-col>
</el-row>
</el-tab-pane>
<!-- 中间业务标识 -->
<el-tab-pane label="中间业务标识" name="mid">
<el-row>
<el-col :span="12">
<el-form-item label="个人快捷支付">
<el-switch v-model="form.midPerQuickPayActive" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="个人电费代扣">
<el-switch v-model="form.midPerEleDdcActive" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="企业电费代扣">
<el-switch v-model="form.midEntEleDdcActive" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="企业水费代扣">
<el-switch v-model="form.midEntWaterDdcActive" />
</el-form-item>
</el-col>
</el-row>
</el-tab-pane>
<!-- 企业标识 -->
<el-tab-pane label="企业标识" name="ent">
<el-row>
<el-col :span="12">
<el-form-item label="净身企业">
<el-switch v-model="form.isCleanEntActive" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开立基本结算账户">
<el-switch v-model="form.hasSettleAcctActive" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="制造业企业">
<el-switch v-model="form.isManufacturingActive" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="省农担担保贷款">
<el-switch v-model="form.isAgriGuarActive" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="纳税信用等级A级">
<el-switch v-model="form.isTaxAActive" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="县级及以上农业龙头企业">
<el-switch v-model="form.isAgriLeadingActive" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="普惠小微借款人">
<el-switch v-model="form.isInclusiveFinanceActive" />
</el-form-item>
</el-col>
</el-row>
</el-tab-pane>
</el-tabs>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancelCreate">取 消</el-button>
</div>
</el-dialog>
<!-- 创建流程对话框 -->
<workflow-create-dialog :visible.sync="showCreateDialog" @success="handleCreateSuccess" />
</div>
</template>
<script>
import { listWorkflow, getWorkflow, createWorkflow } from "@/api/loanPricing/workflow"
import { listWorkflow } from "@/api/loanPricing/workflow"
import WorkflowCreateDialog from "./components/WorkflowCreateDialog"
export default {
name: "LoanPricingWorkflow",
components: {
WorkflowCreateDialog
},
data() {
return {
// 遮罩层
@@ -310,34 +103,8 @@ export default {
total: 0,
// 利率定价流程表格数据
workflowList: [],
// 是否显示详情弹出层
openDetail: false,
// 是否显示创建弹出层
openCreate: false,
// 详情数据
detail: {},
// 当前激活的标签页
activeTab: 'basic',
// 表单参数
form: {},
// 表单校验
rules: {
custIsn: [
{ required: true, message: "客户内码不能为空", trigger: "blur" }
],
custType: [
{ required: true, message: "请选择客户类型", trigger: "change" }
],
guarType: [
{ required: true, message: "请选择担保方式", trigger: "change" }
],
applyAmt: [
{ required: true, message: "申请金额不能为空", trigger: "blur" }
],
loanRate: [
{ required: true, message: "贷款利率不能为空", trigger: "blur" }
]
},
showCreateDialog: false,
// 查询参数
queryParams: {
pageNum: 1,
@@ -373,96 +140,18 @@ export default {
},
/** 查看详情操作 */
handleView(row) {
this.openDetail = true
getWorkflow(row.serialNum).then(response => {
this.detail = response.data
this.$router.push({
name: 'LoanPricingWorkflowDetail',
params: { serialNum: row.serialNum }
})
},
/** 新增按钮操作 */
handleAdd() {
this.reset()
this.openCreate = true
this.activeTab = 'basic'
this.showCreateDialog = true
},
/** 表单重置 */
reset() {
this.form = {
orgCode: '931000',
runType: '1',
custIsn: undefined,
custName: undefined,
custType: undefined,
idType: undefined,
applyAmt: undefined,
loanRate: undefined,
guarType: undefined,
loanPurpose: undefined,
collType: undefined,
// 开关状态
bizProofActive: false,
collThirdPartyActive: false,
midPerQuickPayActive: false,
midPerEleDdcActive: false,
midEntEleDdcActive: false,
midEntWaterDdcActive: false,
isCleanEntActive: false,
hasSettleAcctActive: false,
isManufacturingActive: false,
isAgriGuarActive: false,
isTaxAActive: false,
isAgriLeadingActive: false,
isInclusiveFinanceActive: false
}
this.resetForm("form")
},
/** 取消按钮 */
cancelCreate() {
this.openCreate = false
this.reset()
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
// 转换开关值为字符串
const data = {
...this.form,
bizProof: this.form.bizProofActive ? 'true' : 'false',
collThirdParty: this.form.collThirdPartyActive ? 'true' : 'false',
midPerQuickPay: this.form.midPerQuickPayActive ? 'true' : 'false',
midPerEleDdc: this.form.midPerEleDdcActive ? 'true' : 'false',
midEntEleDdc: this.form.midEntEleDdcActive ? 'true' : 'false',
midEntWaterDdc: this.form.midEntWaterDdcActive ? 'true' : 'false',
isCleanEnt: this.form.isCleanEntActive ? 'true' : 'false',
hasSettleAcct: this.form.hasSettleAcctActive ? 'true' : 'false',
isManufacturing: this.form.isManufacturingActive ? 'true' : 'false',
isAgriGuar: this.form.isAgriGuarActive ? 'true' : 'false',
isTaxA: this.form.isTaxAActive ? 'true' : 'false',
isAgriLeading: this.form.isAgriLeadingActive ? 'true' : 'false',
isInclusiveFinance: this.form.isInclusiveFinanceActive ? 'true' : 'false'
}
// 删除开关状态字段
delete data.bizProofActive
delete data.collThirdPartyActive
delete data.midPerQuickPayActive
delete data.midPerEleDdcActive
delete data.midEntEleDdcActive
delete data.midEntWaterDdcActive
delete data.isCleanEntActive
delete data.hasSettleAcctActive
delete data.isManufacturingActive
delete data.isAgriGuarActive
delete data.isTaxAActive
delete data.isAgriLeadingActive
delete data.isInclusiveFinanceActive
createWorkflow(data).then(response => {
this.$modal.msgSuccess("新增成功")
this.openCreate = false
this.getList()
})
}
})
/** 创建成功回调 */
handleCreateSuccess() {
this.getList()
}
}
}