20240205
yujialong 6 months ago
parent bdc5f09888
commit 88d7e50f6e
  1. 51
      src/pages/manage/list/agent/agent.vue
  2. 126
      src/pages/manage/list/agent/telRate.vue
  3. 115
      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

@ -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>
@ -106,16 +94,19 @@ export default {
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
.nav { .nav {
/deep/ .el-menu.el-menu--horizontal { /deep/ .el-menu.el-menu--horizontal {
border: 0; border: 0;
} }
/deep/ .el-menu--horizontal > .el-menu-item.is-active {
/deep/ .el-menu--horizontal>.el-menu-item.is-active {
border: 2px solid #568df2; border: 2px solid #568df2;
border-radius: 10px; border-radius: 10px;
color: #000; color: #000;
} }
/deep/ .el-menu--horizontal > .el-menu-item {
/deep/ .el-menu--horizontal>.el-menu-item {
border: 2px solid transparent; border: 2px solid transparent;
border-radius: 10px; border-radius: 10px;
margin-right: 10px; margin-right: 10px;
@ -123,6 +114,7 @@ export default {
line-height: 28px; line-height: 28px;
} }
} }
.title { .title {
height: 60px; height: 60px;
display: flex; display: flex;
@ -131,9 +123,11 @@ export default {
padding-left: 0px; padding-left: 0px;
margin-top: 10px; margin-top: 10px;
} }
.body { .body {
margin-top: 50px; margin-top: 50px;
overflow: auto; overflow: auto;
.idCard { .idCard {
border-radius: 5px; border-radius: 5px;
background: #cfddff; background: #cfddff;
@ -143,8 +137,10 @@ export default {
font-size: 18px; font-size: 18px;
color: #6191ff; color: #6191ff;
} }
.add { .add {
position: relative; position: relative;
&::after { &::after {
content: ''; content: '';
display: block; display: block;
@ -155,6 +151,7 @@ export default {
width: 88%; width: 88%;
height: 268px; height: 268px;
} }
.addBtn { .addBtn {
position: absolute; position: absolute;
left: 0; left: 0;
@ -164,6 +161,7 @@ export default {
} }
} }
} }
.submitBtn { .submitBtn {
position: relative; position: relative;
width: 300px; width: 300px;
@ -175,6 +173,7 @@ export default {
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.popBody { .popBody {
min-height: 200px; min-height: 200px;
display: flex; display: flex;
@ -182,19 +181,23 @@ export default {
justify-content: center; justify-content: center;
text-align: center; text-align: center;
} }
.popBtns { .popBtns {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.btn { .btn {
width: 180px; width: 180px;
border-radius: 10px; border-radius: 10px;
font-size: 18px; font-size: 18px;
} }
.close { .close {
background: #cfdeff; background: #cfdeff;
color: #6191ff; color: #6191ff;
} }
.sure { .sure {
background: #6191ff; background: #6191ff;
color: #fff; color: #fff;

@ -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"
ref="voucherNumber"
disabled
:value="form.voucherNumber"
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> @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"
@input="val => mailBoxListen(val, form, 'mailbox')"
maxlength="30"
ref="mailbox"></el-input> 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"
@input="val => mailBoxListen(val, form, 'mailbox')"
maxlength="30"
ref="mailbox"></el-input> 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"
disabled
:value="form.customerName"
@input="(val) => checkName(val, form, 'customerName')"></el-input> @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="请选择"
ref="goldLogo">
<el-option v-for="item in getSelectList.goldLogoSelectList"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option> :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"
@input="val => ismoney(val, form, 'monthDeposit')"
ref="monthDeposit"></el-input> 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>

@ -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"
ref="voucherNumber"
disabled
:value="form.voucherNumber"
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> @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"
@input="val => mailBoxListen(val, form, 'mailbox')"
maxlength="30"
ref="mailbox"></el-input> 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"
@input="val => ismoney(val, form, 'monthDeposit')"
ref="monthDeposit"></el-input> 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"
disabled
:value="form.customerName"
@input="(val) => checkName(val, form, 'customerName')"></el-input> @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"
@input="val => mailBoxListen(val, form, 'mailbox')"
maxlength="30"
ref="mailbox"></el-input> 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>

@ -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'
} }
], ],

@ -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'
} }
], ],
}, },

Loading…
Cancel
Save