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