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

整存整取:开户,存款,取款(不包括点击弹窗提交)

Browse Source 
零存整取:开户,续存,支取销户(不包括点击弹窗提交)
20240205
e 3 years ago
parent c97d857a88
commit 028c5768f4
6 changed files with 188 additions and 59 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. 4
      src/pages/manage/list/personal/timeDeposit/deposit.vue
  2. 24
      src/pages/manage/list/personal/timeDeposit/openAccount.vue
  3. 80
      src/pages/manage/list/personal/usefulPhrases/accountClosed.vue
  4. 49
      src/pages/manage/list/personal/usefulPhrases/continueDeposit.vue
  5. 83
      src/pages/manage/list/personal/usefulPhrases/openAccount.vue
  6. 7
      src/pages/manage/list/personal/usefulPhrases/usefulPhrases.vue

4
src/pages/manage/list/personal/timeDeposit/deposit.vue
Unescape View File

@ -52,8 +52,8 @@
</el-form-item> </el-form-item>
<el-form-item label="续存" prop="extendPeriod"> <el-form-item label="续存" prop="extendPeriod">
<el-radio-group v-model="form.extendPeriod" ref="extendPeriod"> <el-radio-group v-model="form.extendPeriod" ref="extendPeriod">
<el-radio :label="3">备选项1</el-radio> <el-radio :label="3">不续存</el-radio>
<el-radio :label="6">备选项2</el-radio> <el-radio :label="6">续存</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" required> <el-form-item label="支取密码" required>

24
src/pages/manage/list/personal/timeDeposit/openAccount.vue
Unescape View File

@ -22,10 +22,10 @@
<el-option label="存单" value="存单"> </el-option> <el-option label="存单" value="存单"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" required> <el-form-item label="支取方式" prop="voucherType">
<div class="idCard" @click="popUp('密码器')"> <el-select disabled v-model="form.withdrawingWay" placeholder="请选择" ref="voucherType">
<p>请输入密码</p> <el-option label="密码" value="密码"> </el-option>
</div> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
@ -47,9 +47,14 @@
<p>请填凭证号码</p> <p>请填凭证号码</p>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="客户经理" prop="customerManage"> <el-form-item label="支取密码" required>
<el-input ref="customerManage" :value="form.customerManage" @input="(val) => checkHanzi(val, form, 'customerManage')"></el-input> <div class="idCard" @click="popUp('密码器')">
<p>请输入密码</p>
</div>
</el-form-item> </el-form-item>
<!-- <el-form-item label="客户经理" prop="customerManage">-->
<!-- <el-input ref="customerManage" :value="form.customerManage" @input="(val) => checkHanzi(val, form, 'customerManage')"></el-input>-->
<!-- </el-form-item>-->
</el-col> </el-col>
</el-form> </el-form>
@ -75,6 +80,7 @@ export default{
// voucherNumber: '', // 凭证号码 // voucherNumber: '', // 凭证号码
// paymentCode: '', // 支付密码 // paymentCode: '', // 支付密码
customerManage: '', // 客户经理 customerManage: '', // 客户经理
withdrawingWay:'',//支取方式
// 非必填项 // 非必填项
certificateType: '身份证', // 证件类型 certificateType: '身份证', // 证件类型
clientNumber: '' // 客户号 clientNumber: '' // 客户号
@ -137,9 +143,9 @@ export default{
prop: 'voucherType',//凭证类型 prop: 'voucherType',//凭证类型
type: '1' type: '1'
}, },
130: { 129: {
prop: 'customerManage',//客户经理 prop: 'withdrawingWay',//支取方式
type: '3' type: '1'
}, },
}, },
} }

80
src/pages/manage/list/personal/usefulPhrases/accountClosed.vue
Unescape View File

@ -10,9 +10,9 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证号码" prop="voucherNumber"> <el-form-item label="凭证号码" prop="voucherNumber">
<el-select disabled v-model="form.voucherNumber" placeholder="请选择" ref="voucherNumber"> <div class="idCard" @click="popUp('刷卡器')">
<el-option label="存单" value="存单"> </el-option> <p>请刷银行卡</p>
</el-select> </div>
</el-form-item> </el-form-item>
<el-form-item label="币种" prop="currency"> <el-form-item label="币种" prop="currency">
<el-select disabled v-model="form.currency" placeholder="请选择" ref="currency"> <el-select disabled v-model="form.currency" placeholder="请选择" ref="currency">
@ -29,9 +29,12 @@
<el-input :value="form.interest" @input="(val) => checkHanzi(val, form, 'interest')" ref="interest"></el-input> <el-input :value="form.interest" @input="(val) => checkHanzi(val, form, 'interest')" ref="interest"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="起息日期" required> <el-form-item label="起息日期" required>
<div class="idCard" @click="popUp('密码器')"> <el-date-picker
<p>请输入密码</p> v-model="form.signDate"
</div> type="date"
placeholder="选择日期"
ref="signDate">
</el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -64,7 +67,7 @@
</el-form-item> </el-form-item>
<el-form-item label="支取密码" required> <el-form-item label="支取密码" required>
<div class="idCard" @click="popUp('输入器')"> <div class="idCard" @click="popUp('输入器')">
<p>请填凭证号码</p> <p>请设置密码</p>
</div> </div>
</el-form-item> </el-form-item>
<!-- <el-form-item label="续存标识" required> <!-- <el-form-item label="续存标识" required>
@ -84,7 +87,7 @@
</template> </template>
<script> <script>
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { myValidate, checkHanzi, checkName, ismoney } from '@/utils/utilFunction.js' import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2 } from '@/utils/utilFunction.js';
export default{ export default{
name:'', name:'',
props:{}, props:{},
@ -104,6 +107,7 @@ export default{
depositTerm: '', // 存期 depositTerm: '', // 存期
interest: '', // 利息 interest: '', // 利息
totalMoney: '', // 总金额 totalMoney: '', // 总金额
signDate:'', // 起息日期
}, },
rules: { rules: {
customerName: vercustomer, customerName: vercustomer,
@ -128,22 +132,74 @@ export default{
} }
] ]
}, },
myTable: {
179: {
prop: 'certificateType',//证件类型
type: '1'
},
184: {
prop: 'currencyMark',//钞汇标识
type: '1'
},
185: {
prop: 'depositNumber',//定存编号
type: '3'
},
186: {
prop: 'capital',//本金
type: '3'
},
187: {
prop: 'interestRate',//利率
type: '3'
},
188: {
prop: 'depositTerm',//存期
type: '1'
},
189: {
prop: 'interest',//利息
type: '3'
},
190: {
prop: 'totalMoney',//总金额
type: '3'
},
191: {
prop: 'signDate',//起息日期
type: '3'
},
},
myTable2: {
182: {
prop: 'customerName',//客户姓名
type: '3'
},
183: {
prop: 'currency',//币种
type: '1'
},
},
} }
}, },
mounted() { mounted() {
this.getFormData()
this.$refs.customerName.focus() this.$refs.customerName.focus()
}, },
methods: { methods: {
getFormData(){
const parentId = '0,5,26,59,157'
autoPlay2(parentId, this.form, this.myTable2, this.myTable)
},
popUp(text) { popUp(text) {
this.$store.commit('system/changePop',{show:true,text}) this.$store.commit('system/changePop',{show:true,text})
}, },
submitForm() { submitForm() {
this.$refs.form.validate(myValidate(() => { this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这 // 验证通过逻辑写在这
this.$message({ this.visible = true;
message: '验证成功', const parentId = '0,5,26,59,157'
center: true autoPlay(parentId, this.form, this.myTable2, this.myTable)
});
}, this.$refs)); }, this.$refs));
}, },
ismoney: ismoney, ismoney: ismoney,

49
src/pages/manage/list/personal/usefulPhrases/continueDeposit.vue
Unescape View File

@ -6,7 +6,7 @@
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="凭证号码" required> <el-form-item label="凭证号码" required>
<div class="idCard" @click="popUp('输入器')"> <div class="idCard" @click="popUp('输入器')">
<p>请输入凭证号</p> <p>请刷银行卡</p>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="定存编号" prop="depositNumber"> <el-form-item label="定存编号" prop="depositNumber">
@ -39,7 +39,7 @@
</el-form-item> </el-form-item>
<el-form-item label="支取密码" required> <el-form-item label="支取密码" required>
<div class="idCard" @click="popUp('输入器')"> <div class="idCard" @click="popUp('输入器')">
<p>请输入密码</p> <p>请设置密码</p>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -50,7 +50,7 @@
</template> </template>
<script> <script>
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { myValidate, checkHanzi, checkName, ismoney } from '@/utils/utilFunction.js' import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2 } from '@/utils/utilFunction.js';
export default{ export default{
name:'', name:'',
props:{}, props:{},
@ -83,24 +83,55 @@ export default{
trigger: 'blur' trigger: 'blur'
} }
] ]
},
} myTable: {
175: {
prop: 'currencyMark',//钞汇标识
type: '1'
},
173: {
prop: 'currencyMark',//定存编号
type: '3'
},
177: {
prop: 'certificateType',//月存金额
type: '3'
},
},
myTable2: {
172: {
prop: 'customerName',//客户姓名
type: '3'
},
174: {
prop: 'currency',//币种
type: '1'
},
176: {
prop: 'voucherType',//存期
type: '1'
},
},
} }
}, },
mounted() { mounted() {
this.getFormData()
this.$refs.customerName.focus() this.$refs.customerName.focus()
}, },
methods: { methods: {
getFormData(){
const parentId = '0,5,26,59,156'
autoPlay2(parentId, this.form, this.myTable2, this.myTable)
},
popUp(text) { popUp(text) {
this.$store.commit('system/changePop',{show:true,text}) this.$store.commit('system/changePop',{show:true,text})
}, },
submitForm() { submitForm() {
this.$refs.form.validate(myValidate(() => { this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这 // 验证通过逻辑写在这
this.$message({ this.visible = true;
message: '验证成功', const parentId = '0,5,26,59,156'
center: true autoPlay(parentId, this.form, this.myTable2, this.myTable)
});
}, this.$refs)); }, this.$refs));
}, },
ismoney: ismoney, ismoney: ismoney,

83
src/pages/manage/list/personal/usefulPhrases/openAccount.vue
Unescape View File

@ -24,14 +24,15 @@
</el-form-item> </el-form-item>
<el-form-item label="支取密码" required> <el-form-item label="支取密码" required>
<div class="idCard" @click="popUp('密码器')"> <div class="idCard" @click="popUp('密码器')">
<p>请输入密码</p> <p>请设置密码</p>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="存期" prop="depositTerm"> <el-form-item label="续存标识" prop="extendDepositTarget">
<el-select disabled v-model="form.depositTerm" placeholder="请选择" ref="depositTerm"> <el-select disabled v-model="form.extendDepositTarget" placeholder="请选择" ref="extendDepositTarget">
<el-option label="1年" value="1年"> </el-option> <el-option label="不续存" value="不续存"> </el-option>
<el-option label="3年" value="3年"> </el-option> <el-option label="续存1年" value="续存1年"> </el-option>
<el-option label="5年" value="5年"> </el-option> <el-option label="续存3年" value="续存3年"> </el-option>
<el-option label="续存5年" value="续存5年"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -50,20 +51,15 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证号码" required> <el-form-item label="凭证号码" required>
<div class="idCard" @click="popUp('输入器')"> <div class="idCard" @click="popUp('刷卡器')">
<p>请填凭证号码</p> <p>请刷银行卡</p>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="月存金额" prop="monthDeposit"> <el-form-item label="月存金额" prop="monthDeposit">
<el-input :value="form.monthDeposit" @input="val => ismoney(val, form, 'monthDeposit')" ref="monthDeposit" ></el-input> <el-input :value="form.monthDeposit" @input="val => ismoney(val, form, 'monthDeposit')" ref="monthDeposit" ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="续存标识" prop="extendDepositTarget"> <el-form-item label="客户经理" prop="customerManage">
<el-select disabled v-model="form.extendDepositTarget" placeholder="请选择" ref="extendDepositTarget"> <el-input :value="form.customerManage" @input="val => checkHanzi(val, form, 'customerManage')" ref="customerManage" ></el-input>
<el-option label="不续存" value="不续存"> </el-option>
<el-option label="续存1年" value="续存1年"> </el-option>
<el-option label="续存3年" value="续存3年"> </el-option>
<el-option label="续存5年" value="续存5年"> </el-option>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -73,7 +69,7 @@
</div> </div>
</template> </template>
<script> <script>
import { myValidate, checkHanzi, checkName, ismoney } from '@/utils/utilFunction.js' import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2 } from '@/utils/utilFunction.js';
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
export default{ export default{
name:'', name:'',
@ -140,24 +136,67 @@ export default{
trigger: 'blur' trigger: 'blur'
} }
], ],
} },
myTable: {
158: {
prop: 'certificateType',//证件类型
type: '1'
},
160: {
prop: 'clientNumber',//客户号
type: '3'
},
},
myTable2: {
161: {
prop: 'customerName',//客户姓名
type: '3'
},
162: {
prop: 'currency',//币种
type: '1'
},
163: {
prop: 'currencyMark',//钞汇标识
type: '1'
},
164: {
prop: 'voucherType',//凭证类型
type: '1'
},
168: {
prop: 'voucherType',//月存金额
type: '3'
},
169: {
prop: 'voucherType',//客户经理
type: '1'
},
170: {
prop: 'customerManage',//续存标识
type: '1'
},
},
} }
}, },
mounted() { mounted() {
this.getFormData()
this.$refs.clientNumber.focus() this.$refs.clientNumber.focus()
}, },
methods: { methods: {
popUp(text) { popUp(text) {
this.$store.commit('system/changePop',{show:true,text}) this.$store.commit('system/changePop',{show:true,text})
}, },
getFormData(){
const parentId = '0,5,26,59,155'
autoPlay2(parentId, this.form, this.myTable2, this.myTable)
},
submitForm() { submitForm() {
this.$refs.form.validate(myValidate(() => { this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这 // 验证通过逻辑写在这
this.$message({ this.visible = true;
message: '验证成功', const parentId = '0,5,26,59,155'
center: true autoPlay(parentId, this.form, this.myTable2, this.myTable)
});
}, this.$refs)); }, this.$refs));
}, },
ismoney: ismoney, ismoney: ismoney,

7
src/pages/manage/list/personal/usefulPhrases/usefulPhrases.vue
Unescape View File

@ -12,7 +12,7 @@
<div class="title"> <div class="title">
<p>个人业务</p> <p>个人业务</p>
<i class="el-icon-arrow-right"></i> <i class="el-icon-arrow-right"></i>
<p>活期业务</p> <p>零存整取</p>
<i class="el-icon-arrow-right"></i> <i class="el-icon-arrow-right"></i>
<p>{{text}}</p> <p>{{text}}</p>
</div> </div>
@ -75,13 +75,10 @@ export default {
second:[// 二级卡数组 second:[// 二级卡数组
], ],
} }
}, },
created() { created() {
this.handleSelect('1')
}, },
methods: { methods: {
handleSelect(val){ handleSelect(val){

Write Preview
Loading…
Cancel
Save