huoran
/
FE_bankTeaching
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

fix

Browse Source
20240205
yujialong 6 months ago
parent bdc5f09888
commit 88d7e50f6e
5 changed files with 203 additions and 319 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 233
      src/pages/manage/list/agent/agent.vue
  2. 138
      src/pages/manage/list/agent/telRate.vue
  3. 125
      src/pages/manage/list/agent/waterRate.vue
  4. 8
      src/pages/manage/list/foreignExchange/puchasing.vue
  5. 18
      src/pages/manage/list/foreignExchange/settlement.vue

233
src/pages/manage/list/agent/agent.vue
Unescape View File

@ -2,10 +2,7 @@
<!-- 零存整取 --> <!-- 零存整取 -->
<div class="wrap wrap2"> <div class="wrap wrap2">
<div class="nav"> <div class="nav">
<el-menu :default-active="activeIndex" <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
class="el-menu-demo"
mode="horizontal"
@select="handleSelect">
<el-menu-item index="1">代收水费</el-menu-item> <el-menu-item index="1">代收水费</el-menu-item>
<el-menu-item index="2">代收电费</el-menu-item> <el-menu-item index="2">代收电费</el-menu-item>
<el-menu-item index="3">代收电话费</el-menu-item> <el-menu-item index="3">代收电话费</el-menu-item>
@ -15,32 +12,23 @@
<MyTitle :titleArr="['代理业务', text]" /> <MyTitle :titleArr="['代理业务', text]" />
<!-- 代收水费 --> <!-- 代收水费 -->
<waterRate v-if="activeIndex==='1'"></waterRate> <waterRate v-if="activeIndex === '1'"></waterRate>
<!-- 代收电费 --> <!-- 代收电费 -->
<electricRate v-if="activeIndex==='2'"></electricRate> <electricRate v-if="activeIndex === '2'"></electricRate>
<!-- 代收电话费 --> <!-- 代收电话费 -->
<telRate v-if="activeIndex==='3'"></telRate> <telRate v-if="activeIndex === '3'"></telRate>
<el-dialog style="margin-top:10vh" <el-dialog style="margin-top:10vh" :visible.sync="visible" :modal="false" width="40%" :close-on-click-modal="false"
:visible.sync="visible" :show-close="false" custom-class="data-dia">
:modal="false" <div slot="title" class="dia-header">
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia">
<div slot="title"
class="dia-header">
<div class="data-title">提交</div> <div class="data-title">提交</div>
</div> </div>
<div class="popBody"> <div class="popBody">
<h2>本业务需要授权</h2> <h2>本业务需要授权</h2>
</div> </div>
<div class="popBtns"> <div class="popBtns">
<el-button class="close btn" <el-button class="close btn" @click="visible = false">取 消</el-button>
@click="visible = false">取 消</el-button> <el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
<el-button class="sure btn"
type="primary"
@click="visible = false">确 定</el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
@ -101,104 +89,119 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.wrap { .wrap {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
.nav {
/deep/ .el-menu.el-menu--horizontal { .nav {
border: 0; /deep/ .el-menu.el-menu--horizontal {
} border: 0;
/deep/ .el-menu--horizontal > .el-menu-item.is-active { }
border: 2px solid #568df2;
border-radius: 10px; /deep/ .el-menu--horizontal>.el-menu-item.is-active {
color: #000; border: 2px solid #568df2;
} border-radius: 10px;
/deep/ .el-menu--horizontal > .el-menu-item { color: #000;
border: 2px solid transparent; }
border-radius: 10px;
margin-right: 10px; /deep/ .el-menu--horizontal>.el-menu-item {
height: 30px; border: 2px solid transparent;
line-height: 28px; border-radius: 10px;
} margin-right: 10px;
height: 30px;
line-height: 28px;
} }
.title { }
height: 60px;
display: flex; .title {
align-items: center; height: 60px;
font-size: 20px; display: flex;
padding-left: 0px; align-items: center;
margin-top: 10px; font-size: 20px;
padding-left: 0px;
margin-top: 10px;
}
.body {
margin-top: 50px;
overflow: auto;
.idCard {
border-radius: 5px;
background: #cfddff;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191ff;
} }
.body {
margin-top: 50px; .add {
overflow: auto; position: relative;
.idCard {
border-radius: 5px; &::after {
background: #cfddff; content: '';
text-align: center; display: block;
height: 40px; position: absolute;
line-height: 40px; right: 3%;
font-size: 18px; top: -4%;
color: #6191ff; border: 1px dashed #cfddff;
} width: 88%;
.add { height: 268px;
position: relative; }
&::after {
content: ''; .addBtn {
display: block; position: absolute;
position: absolute; left: 0;
right: 3%; top: 50%;
top: -4%; transform: translate(50%, -50%);
border: 1px dashed #cfddff; font-size: 22px;
width: 88%; }
height: 268px;
}
.addBtn {
position: absolute;
left: 0;
top: 50%;
transform: translate(50%, -50%);
font-size: 22px;
}
}
} }
.submitBtn { }
position: relative;
width: 300px; .submitBtn {
font-size: 18px; position: relative;
height: 45px; width: 300px;
margin-top: 50px; font-size: 18px;
border-radius: 10px; height: 45px;
bottom: 10px; margin-top: 50px;
left: 50%; border-radius: 10px;
transform: translate(-50%, -50%); bottom: 10px;
left: 50%;
transform: translate(-50%, -50%);
}
.popBody {
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns {
display: flex;
justify-content: space-between;
align-items: center;
.btn {
width: 180px;
border-radius: 10px;
font-size: 18px;
} }
.popBody {
min-height: 200px; .close {
display: flex; background: #cfdeff;
align-items: center; color: #6191ff;
justify-content: center;
text-align: center;
} }
.popBtns {
display: flex; .sure {
justify-content: space-between; background: #6191ff;
align-items: center; color: #fff;
.btn {
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close {
background: #cfdeff;
color: #6191ff;
}
.sure {
background: #6191ff;
color: #fff;
}
} }
}
} }
</style> </style>

138
src/pages/manage/list/agent/telRate.vue
Unescape View File

@ -1,136 +1,79 @@
<!-- 代收电话费 --> <!-- 代收电话费 -->
<template> <template>
<div class="body"> <div class="body">
<el-row :gutter="20" <el-row :gutter="20" style="margin: 0">
style="margin: 0"> <el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-form ref="form" <el-col :span="10" :offset="1">
:model="form" <el-form-item label="证件类型" prop="certificateType">
label-width="120px" <el-select v-model.trim="form.certificateType" placeholder="请选择" ref="certificateType">
:rules="rules"> <el-option label="身份证" :value="83"> </el-option>
<el-col :span="10"
:offset="1">
<el-form-item label="证件类型"
prop="certificateType">
<el-select v-model.trim="form.certificateType"
placeholder="请选择"
ref="certificateType">
<el-option label="身份证"
:value="83"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="账号" <el-form-item label="账号" required>
required> <div v-if='!cardNumberJudge' class="idCard" @click="popUp2('刷卡器')">
<div v-if='!cardNumberJudge'
class="idCard"
@click="popUp2('刷卡器')">
<p>请刷卡</p> <p>请刷卡</p>
</div> </div>
<div v-else> <div v-else>
<el-input @blur="getDataBlur" <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" disabled :value="form.voucherNumber"
maxlength="20" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
ref="voucherNumber"
disabled
:value="form.voucherNumber"
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
</div> </div>
<!-- <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> --> <!-- <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> -->
</el-form-item> </el-form-item>
<el-form-item label="缴费单位" <el-form-item label="缴费单位" required>
required> <el-input :value="form.mailbox" @input="val => mailBoxListen(val, form, 'mailbox')" maxlength="30"
<el-input :value="form.mailbox" ref="mailbox"></el-input>
@input="val => mailBoxListen(val, form, 'mailbox')"
maxlength="30"
ref="mailbox"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="缴费号码" <el-form-item label="缴费号码" required>
required> <el-input :value="form.mailbox" @input="val => mailBoxListen(val, form, 'mailbox')" maxlength="30"
<el-input :value="form.mailbox" ref="mailbox"></el-input>
@input="val => mailBoxListen(val, form, 'mailbox')"
maxlength="30"
ref="mailbox"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="每月代扣" <el-form-item label="每月代扣" prop="extendPeriod" required>
prop="extendPeriod" <el-radio-group v-model.trim="form.extendPeriod" ref="extendPeriod">
required>
<el-radio-group v-model.trim="form.extendPeriod"
ref="extendPeriod">
<el-radio :label="90">是</el-radio> <el-radio :label="90">是</el-radio>
<el-radio :label="91">否</el-radio> <el-radio :label="91">否</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" <el-col :span="10" :offset="1">
:offset="1"> <el-form-item label="证件号码" required>
<el-form-item label="证件号码" <div class="idCard" @click="popUp1('身份证扫描仪')" v-if='!idNumberJudge'>
required>
<div class="idCard"
@click="popUp1('身份证扫描仪')"
v-if='!idNumberJudge'>
<p>请刷身份证</p> <p>请刷身份证</p>
</div> </div>
<div v-else> <div v-else>
<el-input :value="form.idNumber" <el-input :value="form.idNumber" disabled ref="idNumber"></el-input>
disabled
ref="idNumber"></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="客户姓名" <el-form-item label="客户姓名" prop="customerName">
prop="customerName"> <el-input ref="customerName" disabled :value="form.customerName"
<el-input ref="customerName" @input="(val) => checkName(val, form, 'customerName')"></el-input>
disabled
:value="form.customerName"
@input="(val) => checkName(val, form, 'customerName')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="号码类型" <el-form-item label="号码类型" prop="goldLogo">
prop="goldLogo"> <el-select v-model.trim="form.goldLogo" placeholder="请选择" ref="goldLogo">
<el-select v-model.trim="form.goldLogo" <el-option v-for="item in getSelectList.goldLogoSelectList" :label="item.options" :value="item.itemId"
placeholder="请选择" :key="item.itemId"> </el-option>
ref="goldLogo">
<el-option v-for="item in getSelectList.goldLogoSelectList"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="缴费金额" <el-form-item label="缴费金额" prop="monthDeposit" required>
prop="monthDeposit"
required>
<!-- :value="form.monthDeposit" --> <!-- :value="form.monthDeposit" -->
<el-input :value="form.monthDeposit" <el-input :value="form.monthDeposit" maxlength="15" @input="val => ismoney(val, form, 'monthDeposit')"
maxlength="15" ref="monthDeposit"></el-input>
@input="val => ismoney(val, form, 'monthDeposit')"
ref="monthDeposit"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" <el-form-item label="支取密码" required>
required> <div v-if='!form.drawPassword' class="idCard" @click="popUp3('密码器')">
<div v-if='!form.drawPassword'
class="idCard"
@click="popUp3('密码器')">
<p>请输入密码</p> <p>请输入密码</p>
</div> </div>
<div v-else <div v-else @click="popUp3('密码器')">
@click="popUp3('密码器')"> <el-input :value="form.drawPassword" ref="drawPassword" type="password"></el-input>
<el-input :value="form.drawPassword"
ref="drawPassword"
type="password"></el-input>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<my-dialog :moduleName="moduleName" <my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName"
v-if="visible" @submitIt="submitForm2" depositNumber='0816' />
:visible.sync="visible"
:showForm="form"
:formName="formName"
@submitIt="submitForm2"
depositNumber='0816' />
</el-form> </el-form>
</el-row> </el-row>
<el-button @click="submitForm" <el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button>
type="primary"
class="submitBtn"
v-throttle>提交</el-button>
</div> </div>
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> <!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> -->
</template> </template>
@ -479,5 +422,4 @@ export default {
} }
} }
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped></style>
</style>

125
src/pages/manage/list/agent/waterRate.vue
Unescape View File

@ -1,125 +1,73 @@
<!-- 代收水费 --> <!-- 代收水费 -->
<template> <template>
<div class="body"> <div class="body">
<el-row :gutter="20" <el-row :gutter="20" style="margin: 0">
style="margin: 0"> <el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-form ref="form" <el-col :span="10" :offset="1">
:model="form" <el-form-item label="证件类型" prop="certificateType">
label-width="120px" <el-select v-model.trim="form.certificateType" placeholder="请选择" ref="certificateType">
:rules="rules"> <el-option label="身份证" :value="83"> </el-option>
<el-col :span="10"
:offset="1">
<el-form-item label="证件类型"
prop="certificateType">
<el-select v-model.trim="form.certificateType"
placeholder="请选择"
ref="certificateType">
<el-option label="身份证"
:value="83"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="账号" <el-form-item label="账号" required>
required> <div v-if='!cardNumberJudge' class="idCard" @click="popUp2('刷卡器')">
<div v-if='!cardNumberJudge'
class="idCard"
@click="popUp2('刷卡器')">
<p>请刷卡</p> <p>请刷卡</p>
</div> </div>
<div v-else> <div v-else>
<el-input @blur="getDataBlur" <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" disabled :value="form.voucherNumber"
maxlength="20" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
ref="voucherNumber"
disabled
:value="form.voucherNumber"
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
</div> </div>
<!-- <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> --> <!-- <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> -->
</el-form-item> </el-form-item>
<el-form-item label="缴费单位" <el-form-item label="缴费单位" required>
required> <el-input :value="form.mailbox" @input="val => mailBoxListen(val, form, 'mailbox')" maxlength="30"
<el-input :value="form.mailbox" ref="mailbox"></el-input>
@input="val => mailBoxListen(val, form, 'mailbox')"
maxlength="30"
ref="mailbox"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="缴费金额" <el-form-item label="缴费金额" prop="monthDeposit" required>
prop="monthDeposit"
required>
<!-- :value="form.monthDeposit" --> <!-- :value="form.monthDeposit" -->
<el-input :value="form.monthDeposit" <el-input :value="form.monthDeposit" maxlength="15" @input="val => ismoney(val, form, 'monthDeposit')"
maxlength="15" ref="monthDeposit"></el-input>
@input="val => ismoney(val, form, 'monthDeposit')"
ref="monthDeposit"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" <el-form-item label="支取密码" required>
required> <div v-if='!form.drawPassword' class="idCard" @click="popUp3('密码器')">
<div v-if='!form.drawPassword'
class="idCard"
@click="popUp3('密码器')">
<p>请输入密码</p> <p>请输入密码</p>
</div> </div>
<div v-else <div v-else @click="popUp3('密码器')">
@click="popUp3('密码器')"> <el-input :value="form.drawPassword" ref="drawPassword" type="password"></el-input>
<el-input :value="form.drawPassword"
ref="drawPassword"
type="password"></el-input>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" <el-col :span="10" :offset="1">
:offset="1"> <el-form-item label="证件号码" required>
<el-form-item label="证件号码" <div class="idCard" @click="popUp1('身份证扫描仪')" v-if='!idNumberJudge'>
required>
<div class="idCard"
@click="popUp1('身份证扫描仪')"
v-if='!idNumberJudge'>
<p>请刷身份证</p> <p>请刷身份证</p>
</div> </div>
<div v-else> <div v-else>
<el-input :value="form.idNumber" <el-input :value="form.idNumber" disabled ref="idNumber"></el-input>
disabled
ref="idNumber"></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="客户姓名" <el-form-item label="客户姓名" prop="customerName">
prop="customerName"> <el-input ref="customerName" disabled :value="form.customerName"
<el-input ref="customerName" @input="(val) => checkName(val, form, 'customerName')"></el-input>
disabled
:value="form.customerName"
@input="(val) => checkName(val, form, 'customerName')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="户号" <el-form-item label="户号" required>
required> <el-input :value="form.mailbox" @input="val => mailBoxListen(val, form, 'mailbox')" maxlength="30"
<el-input :value="form.mailbox" ref="mailbox"></el-input>
@input="val => mailBoxListen(val, form, 'mailbox')"
maxlength="30"
ref="mailbox"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="每月代扣" <el-form-item label="每月代扣" prop="extendPeriod" required>
prop="extendPeriod" <el-radio-group v-model.trim="form.extendPeriod" ref="extendPeriod">
required>
<el-radio-group v-model.trim="form.extendPeriod"
ref="extendPeriod">
<el-radio :label="90">是</el-radio> <el-radio :label="90">是</el-radio>
<el-radio :label="91">否</el-radio> <el-radio :label="91">否</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
<my-dialog :moduleName="moduleName" <my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName"
v-if="visible" @submitIt="submitForm2" depositNumber='0816' />
:visible.sync="visible"
:showForm="form"
:formName="formName"
@submitIt="submitForm2"
depositNumber='0816' />
</el-form> </el-form>
</el-row> </el-row>
<el-button @click="submitForm" <el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button>
type="primary"
class="submitBtn"
v-throttle>提交</el-button>
</div> </div>
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> <!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> -->
</template> </template>
@ -468,5 +416,4 @@ export default {
} }
} }
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped></style>
</style>

8
src/pages/manage/list/foreignExchange/puchasing.vue
Unescape View File

@ -146,17 +146,17 @@ export default {
trigger: 'blur' trigger: 'blur'
} }
], ],
drawWay: [ money: [
{ {
required: true, required: true,
message: '请选择支取方式', message: '请输入外汇金额',
trigger: 'blur' trigger: 'blur'
} }
], ],
money: [ drawWay: [
{ {
required: true, required: true,
message: '请输入金额', message: '请选择购汇用途',
trigger: 'blur' trigger: 'blur'
} }
], ],

18
src/pages/manage/list/foreignExchange/settlement.vue
Unescape View File

@ -119,7 +119,6 @@ export default {
drawPassword: '支取密码', drawPassword: '支取密码',
}, },
rules: { rules: {
userName: vercustomer,
currency: [ currency: [
{ {
required: true, required: true,
@ -127,25 +126,18 @@ export default {
trigger: 'blur' trigger: 'blur'
} }
], ],
drawWay: [ money: [
{
required: true,
message: '请选择支取方式',
trigger: 'blur'
}
],
serviceCharge: [
{ {
required: true, required: true,
message: '请输入手续费', message: '请输入外币金额',
trigger: 'blur' trigger: 'blur'
} }
], ],
money: [ drawWay: [
{ {
required: true, required: true,
message: '请输入金额', message: '请选择资金来源',
trigger: 'blur' trigger: 'change'
} }
], ],
}, },

Write Preview
Loading…
Cancel
Save