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

fix

Browse Source
20240205
yujialong 1 year ago
parent 7cad626d93
commit d7149a99ee
6 changed files with 1697 additions and 1437 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 704
      src/pages/manage/list/business/openAccount.vue
  2. 2
      src/pages/manage/list/business/transfer.vue
  3. 779
      src/pages/manage/list/cityWide/cityWideOut.vue
  4. 650
      src/pages/manage/list/client/corporateClient.vue
  5. 931
      src/pages/manage/list/personal/usefulPhrases/accountClosed.vue
  6. 38
      src/store/modules/system.js

704
src/pages/manage/list/business/openAccount.vue
Unescape View File

@ -1,80 +1,158 @@
// 开户
<template>
<div class="wrap wrap2">
<MyTitle :titleArr="['公司业务', text]"/>
<div class="wrap wrap2">
<MyTitle :titleArr="['公司业务', text]" />
<!-- 开户 -->
<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="2">
<el-form-item label="客户号" prop="customerNumber">
<el-input :value="form.customerNumber" maxlength="20" disabled @input="(val) => checkHanzi(val, form, 'customerNumber')" ref="customerNumber"></el-input>
</el-form-item>
<el-form-item label="账户类型" prop="accountType">
<el-select v-model.trim="form.accountType" placeholder="请选择" ref="accountType">
<el-option v-for="item in getSelectList.accountTypeSelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="账户科目" prop="accountManagement">
<el-select v-model.trim="form.accountManagement" placeholder="请选择" ref="accountManagement">
<el-option v-for="item in getSelectList.accountManagementList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option>
</el-select>
</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-select>
</el-form-item>
<el-form-item label="出账页标志" prop="outAccountWay">
<el-select v-model.trim="form.outAccountWay" placeholder="请选择" ref="outAccountWay">
<el-option v-for="item in getSelectList.outAccountWayList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="统计代码" prop="clientNumber">
<el-input :value="form.clientNumber" @input="(val) => checkHanzi(val, form, 'clientNumber')" ref="clientNumber"></el-input>
</el-form-item>
<el-form-item label="外汇证号" prop="foreignCurrencyCertificate">
<el-input :value="form.foreignCurrencyCertificate" @input="(val) => checkHanzi(val, form, 'foreignCurrencyCertificate')" ref="foreignCurrencyCertificate"></el-input>
</el-form-item>
<!-- 开户 -->
<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="2">
<el-form-item label="客户号"
prop="customerNumber">
<el-input :value="form.customerNumber"
maxlength="20"
disabled
@input="(val) => checkHanzi(val, form, 'customerNumber')"
ref="customerNumber"></el-input>
</el-form-item>
<el-form-item label="账户类型"
prop="accountType">
<el-select v-model.trim="form.accountType"
placeholder="请选择"
ref="accountType">
<el-option v-for="item in getSelectList.accountTypeSelectList"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="账户科目"
prop="accountManagement">
<el-select v-model.trim="form.accountManagement"
placeholder="请选择"
ref="accountManagement">
<el-option v-for="item in getSelectList.accountManagementList"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option>
</el-select>
</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-select>
</el-form-item>
<el-form-item label="出账页标志"
prop="outAccountWay">
<el-select v-model.trim="form.outAccountWay"
placeholder="请选择"
ref="outAccountWay">
<el-option v-for="item in getSelectList.outAccountWayList"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="统计代码"
prop="clientNumber">
<el-input :value="form.clientNumber"
@input="(val) => checkHanzi(val, form, 'clientNumber')"
ref="clientNumber"></el-input>
</el-form-item>
<el-form-item label="外汇证号"
prop="foreignCurrencyCertificate">
<el-input :value="form.foreignCurrencyCertificate"
@input="(val) => checkHanzi(val, form, 'foreignCurrencyCertificate')"
ref="foreignCurrencyCertificate"></el-input>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名" prop="customerName">
<el-input :value="form.customerName" disabled @input="(val) => checkName(val, form, 'customerName')" ref="customerName"></el-input>
</el-form-item>
<el-form-item label="账户性质" prop="accountQuality">
<el-select v-model.trim="form.accountQuality" placeholder="请选择" ref="accountQuality">
<el-option v-for="item in getSelectList.accountQualitySelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="币种" prop="currency">
<el-select v-model.trim="form.currency" placeholder="请选择" ref="currency">
<el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="计息方式" prop="calculateWay">
<el-select v-model.trim="form.calculateWay" placeholder="请选择" ref="calculateWay">
<el-option v-for="item in getSelectList.calculateWayList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="支取方式" prop="drawWay">
<el-select v-model.trim="form.drawWay" placeholder="请选择" ref="drawWay">
<el-option label="印鉴" :value="114"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="外汇核准号" prop="foreignCurrencyBumber">
<el-input :value="form.foreignCurrencyBumber" @input="(val) => checkName(val, form, 'foreignCurrencyBumber')" ref="foreignCurrencyBumber"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button>
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" />
</div>
</el-col>
<el-col :span="10"
:offset="1">
<el-form-item label="客户姓名"
prop="customerName">
<el-input :value="form.customerName"
disabled
@input="(val) => checkName(val, form, 'customerName')"
ref="customerName"></el-input>
</el-form-item>
<el-form-item label="账户性质"
prop="accountQuality">
<el-select v-model.trim="form.accountQuality"
placeholder="请选择"
ref="accountQuality">
<el-option v-for="item in getSelectList.accountQualitySelectList"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="币种"
prop="currency">
<el-select v-model.trim="form.currency"
placeholder="请选择"
ref="currency">
<el-option v-for="item in getSelectList.currencySelectList"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="计息方式"
prop="calculateWay">
<el-select v-model.trim="form.calculateWay"
placeholder="请选择"
ref="calculateWay">
<el-option v-for="item in getSelectList.calculateWayList"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="支取方式"
prop="drawWay">
<el-select v-model.trim="form.drawWay"
placeholder="请选择"
ref="drawWay">
<el-option label="印签"
:value="114"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="外汇核准号"
prop="foreignCurrencyBumber">
<el-input :value="form.foreignCurrencyBumber"
@input="(val) => checkName(val, form, 'foreignCurrencyBumber')"
ref="foreignCurrencyBumber"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="submitForm"
type="primary"
class="submitBtn"
v-throttle>提交</el-button>
<my-dialog :moduleName="moduleName"
v-if="visible"
:visible.sync="visible"
:showForm="form"
:formName="formName"
@submitIt="submitForm2" />
</div>
</div>
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" class="wrap" /> -->
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" class="wrap" /> -->
</template>
<script>
@ -90,263 +168,263 @@ import MyDialog from '@/components/dialog'
import TipsBefore from '@/mixins/tipsBefore'
export default {
name: 'index',
components:{
MyTitle,
NeedBefore,
MyDialog
},
data() {
return {
moduleName: 'business/openAccount',
text:'开户',/* 顶部文字 */
visible: false,
form:{
// 必填项
customerName: '', // 客户姓名
accountQuality: '', // 账户性质
accountType: '', // 账户类型
accountManagement: '', // 账户科目
currency: '', // 币种
goldLogo: '', // 钞汇标识
calculateWay: '', // 计息方式
outAccountWay: '', // 出账页标志
drawWay: '', // 支取方式
// 非必填项
customerNumber: '', // 客户号
clientNumber: '', // 统计代码
foreignCurrencyBumber: '', // 外汇核准号
foreignCurrencyCertificate: '' // 外汇证号
},
formName:{
// 必填项
customerName: '客户姓名', //
accountQuality: '账户性质', //
accountType: '账户类型', //
accountManagement: '账户科目', //
currency: '币种', //
goldLogo: '钞汇标识', //
calculateWay: '计息方式', //
outAccountWay: '出账页标志', //
drawWay: '支取方式', //
// 非必填项
customerNumber: '客户号', //
clientNumber: '统计代码', //
foreignCurrencyBumber: '外汇核准号', //
foreignCurrencyCertificate: '外汇证号' //
},
rules: {
// customerName: vercustomer,
accountQuality: [
{
required: true,
message: '请选择账户性质',
trigger: 'blur'
}
],
accountType: [
{
required: true,
message: '请选择账户类型',
trigger: 'blur'
}
],
// accountManagement: [
// {
// required: true,
// message: '请选择账户科目',
// trigger: 'blur'
// }
// ],
currency: [
{
required: true,
message: '请选择币种',
trigger: 'blur'
}
],
// goldLogo: [
// {
// required: true,
// message: '请选择钞汇标识',
// trigger: 'blur'
// }
// ],
// calculateWay: [
// {
// required: true,
// message: '请选择计息方式',
// trigger: 'blur'
// }
// ],
// outAccountWay: [
// {
// required: true,
// message: '请选择出账页标志',
// trigger: 'blur'
// }
// ],
drawWay: [
{
required: true,
message: '请选择支取方式',
trigger: 'blur'
}
]
},
second:[// 二级卡数组
name: 'index',
components: {
MyTitle,
NeedBefore,
MyDialog
},
data () {
return {
moduleName: 'business/openAccount',
text: '开户',/* 顶部文字 */
visible: false,
form: {
// 必填项
customerName: '', // 客户姓名
accountQuality: '', // 账户性质
accountType: '', // 账户类型
accountManagement: '', // 账户科目
currency: '', // 币种
goldLogo: '', // 钞汇标识
calculateWay: '', // 计息方式
outAccountWay: '', // 出账页标志
drawWay: '', // 支取方式
// 非必填项
customerNumber: '', // 客户号
clientNumber: '', // 统计代码
foreignCurrencyBumber: '', // 外汇核准号
foreignCurrencyCertificate: '' // 外汇证号
},
formName: {
// 必填项
customerName: '客户姓名', //
accountQuality: '账户性质', //
accountType: '账户类型', //
accountManagement: '账户科目', //
currency: '币种', //
goldLogo: '钞汇标识', //
calculateWay: '计息方式', //
outAccountWay: '出账页标志', //
drawWay: '支取方式', //
// 非必填项
customerNumber: '客户号', //
clientNumber: '统计代码', //
foreignCurrencyBumber: '外汇核准号', //
foreignCurrencyCertificate: '外汇证号' //
},
rules: {
// customerName: vercustomer,
accountQuality: [
{
required: true,
message: '请选择账户性质',
trigger: 'blur'
}
],
accountType: [
{
required: true,
message: '请选择账户类型',
trigger: 'blur'
}
],
// accountManagement: [
// {
// required: true,
// message: '请选择账户科目',
// trigger: 'blur'
// }
// ],
currency: [
{
required: true,
message: '请选择币种',
trigger: 'blur'
}
],
// goldLogo: [
// {
// required: true,
// message: '请选择钞汇标识',
// trigger: 'blur'
// }
// ],
// calculateWay: [
// {
// required: true,
// message: '请选择计息方式',
// trigger: 'blur'
// }
// ],
// outAccountWay: [
// {
// required: true,
// message: '请选择出账页标志',
// trigger: 'blur'
// }
// ],
drawWay: [
{
required: true,
message: '请选择支取方式',
trigger: 'blur'
}
]
},
second: [// 二级卡数组
],
options:[],
activeIndex:'1',
// if(this.form.customerNumber){
// formList.push({ "answerId":'228', "emptyOne": "19", "emptyTwo": this.form.customerNumber, "operationIds": parentId + ',228', "type": "3" })//客户号
// }
// if(this.form.clientNumber){
// formList.push({ "answerId":'238', "emptyOne": "7", "emptyTwo": this.form.clientNumber, "operationIds": parentId + ',238', "type": "3" })//统计代码
// }
// if(this.form.foreignCurrencyBumber){
// formList.push( {"answerId":'239',"emptyOne": "5", "emptyTwo": this.form.foreignCurrencyBumber, "operationIds": parentId + ",239", "type": "3"})//外汇核准号
// }
myTable2: {
228: {
prop: 'customerNumber', // 3
type: '3',
"subjectId": 6,
},
238: {
prop: 'clientNumber', // 3
type: '3',
"subjectId": 41,
},
239: {
prop: 'foreignCurrencyBumber', // 3
type: '3',
"subjectId": 42,
},
318: {
prop: 'foreignCurrencyCertificate',
type: '3',
"subjectId": 50,
}
},
myTable: {
229: {
prop: 'customerName', // 3
type: '3',
"subjectId": 7,
},
231: {
prop: 'accountQuality',
type: '1',
"subjectId": 10,
},
230: {
prop: 'accountType',
type: '1',
"subjectId": 12,
},
232: {
prop: 'accountManagement',
type: '1',
"subjectId": 38,
},
233: {
prop: 'currency',
type: '1',
"subjectId": 8,
},
234: {
prop: 'goldLogo',
type: '1',
"subjectId": 9,
},
235: {
prop: 'calculateWay',
type: '1',
"subjectId": 39,
},
236: {
prop: 'outAccountWay',
type: '1',
"subjectId": 40,
},
237: {
prop: 'drawWay',
type: '1',
"subjectId": 13,
}
},
submited: 0
}
},
mixins: [ TipsBefore ],
created() {
// if(this.isNeedBefore) {
// return
// }
if(this.dataFlow.corporateClient) {
const { peopleNumber, userName } = this.dataFlow
this.form.customerName = userName
this.form.customerNumber = peopleNumber
],
options: [],
activeIndex: '1',
// if(this.form.customerNumber){
// formList.push({ "answerId":'228', "emptyOne": "19", "emptyTwo": this.form.customerNumber, "operationIds": parentId + ',228', "type": "3" })//客户号
// }
// if(this.form.clientNumber){
// formList.push({ "answerId":'238', "emptyOne": "7", "emptyTwo": this.form.clientNumber, "operationIds": parentId + ',238', "type": "3" })//统计代码
// }
// if(this.form.foreignCurrencyBumber){
// formList.push( {"answerId":'239',"emptyOne": "5", "emptyTwo": this.form.foreignCurrencyBumber, "operationIds": parentId + ",239", "type": "3"})//外汇核准号
// }
myTable2: {
228: {
prop: 'customerNumber', // 3
type: '3',
"subjectId": 6,
},
238: {
prop: 'clientNumber', // 3
type: '3',
"subjectId": 41,
},
239: {
prop: 'foreignCurrencyBumber', // 3
type: '3',
"subjectId": 42,
},
318: {
prop: 'foreignCurrencyCertificate',
type: '3',
"subjectId": 50,
}
this.getFormData()
},
methods: {
...mapMutations({
changeShowGoods: 'system/changeShowGoods',
setDataFlow: 'system/setDataFlow',
setNeedsModule: 'system/setNeedsModule',
setPopId: 'system/setPopId',
setTipsOperate: 'system/setTipsOperate'
}),
getFormData(){
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,27,224'
autoPlay2(parentId, this.form, this.myTable2, this.myTable)
},
myTable: {
229: {
prop: 'customerName', // 3
type: '3',
"subjectId": 7,
},
submitForm(){
// let projectId = sessionStorage.getItem('projectId')
// let startTime = sessionStorage.getItem('startTime')
if (this.submited) return this.$message.error('已提交！')
if(!this.form.customerName) {
this.setTipsOperate('请先完成 客户信息 -> 公司客户信息建立');
return;
}
this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这
this.visible = true;
}, this.$refs));
231: {
prop: 'accountQuality',
type: '1',
"subjectId": 10,
},
submitForm2(){
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,27,224'
autoPlay(parentId, this.form, this.myTable2, this.myTable)
this.setNeedsModule(moduleName)
this.submited = 1
230: {
prop: 'accountType',
type: '1',
"subjectId": 12,
},
checkHanzi: checkHanzi,
checkName: checkName
},
computed: {
...mapGetters({
dataFlow: 'system/dataFlow',
needsModule: 'system/needsModule',
idCardNumber: 'system/idCardNumber',
inMyWork: 'system/inMyWork',
getSelectList: 'system/getSelectList'
})
232: {
prop: 'accountManagement',
type: '1',
"subjectId": 38,
},
233: {
prop: 'currency',
type: '1',
"subjectId": 8,
},
234: {
prop: 'goldLogo',
type: '1',
"subjectId": 9,
},
235: {
prop: 'calculateWay',
type: '1',
"subjectId": 39,
},
236: {
prop: 'outAccountWay',
type: '1',
"subjectId": 40,
},
237: {
prop: 'drawWay',
type: '1',
"subjectId": 13,
}
},
submited: 0
}
},
mixins: [TipsBefore],
created () {
// if(this.isNeedBefore) {
// return
// }
if (this.dataFlow.corporateClient) {
const { peopleNumber, userName } = this.dataFlow
this.form.customerName = userName
this.form.customerNumber = peopleNumber
}
this.getFormData()
},
methods: {
...mapMutations({
changeShowGoods: 'system/changeShowGoods',
setDataFlow: 'system/setDataFlow',
setNeedsModule: 'system/setNeedsModule',
setPopId: 'system/setPopId',
setTipsOperate: 'system/setTipsOperate'
}),
getFormData () {
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,27,224'
autoPlay2(parentId, this.form, this.myTable2, this.myTable)
},
submitForm () {
// let projectId = sessionStorage.getItem('projectId')
// let startTime = sessionStorage.getItem('startTime')
if (this.submited) return this.$message.error('已提交！')
if (!this.form.customerName) {
this.setTipsOperate('请先完成 客户信息 -> 公司客户信息建立');
return;
}
this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这
this.visible = true;
}, this.$refs));
},
submitForm2 () {
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,27,224'
autoPlay(parentId, this.form, this.myTable2, this.myTable)
this.setNeedsModule(moduleName)
this.submited = 1
},
checkHanzi: checkHanzi,
checkName: checkName
},
computed: {
...mapGetters({
dataFlow: 'system/dataFlow',
needsModule: 'system/needsModule',
idCardNumber: 'system/idCardNumber',
inMyWork: 'system/inMyWork',
getSelectList: 'system/getSelectList'
})
}
};
</script>
<style lang="scss" scoped>
.wrap{
.wrap {
width: 100%;
display: flex;
flex-direction: column;
overflow: auto;
padding: 24px 0 24px 24px;
.body{
.body {
margin-top: 50px;
overflow-y: auto;
overflow-x: hidden;

2
src/pages/manage/list/business/transfer.vue
Unescape View File

@ -52,7 +52,7 @@
</el-form-item>
<el-form-item label="支取方式" prop="payWay">
<el-select v-model.trim="form.payWay" disabled placeholder="请选择" ref="payWay">
<el-option label="印鉴" :value="114"> </el-option>
<el-option label="印签" :value="114"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="转入户名" prop="transinName">

779
src/pages/manage/list/cityWide/cityWideOut.vue
Unescape View File

@ -1,81 +1,135 @@
// 存款
<template>
<div class="wrap wrap2">
<MyTitle :titleArr="['同城交互', '同城提出']"/>
<div class="wrap wrap2">
<MyTitle :titleArr="['同城交互', '同城提出']" />
<!-- 存款 -->
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="150px" :rules="rules">
<el-col :span="10" :offset="1">
<el-form-item label="本行收款账号" prop="shroffAccountNumber">
<el-input @blur="getBlur" :value="form.shroffAccountNumber" @input="val => checkHanzi(val, form, 'shroffAccountNumber')" ref="shroffAccountNumber"></el-input>
</el-form-item>
<el-form-item label="币种" prop="currency">
<el-select v-model.trim="form.currency" placeholder="请选择" ref="currency">
<el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option>
<!-- <el-option label="CNY人民币" value="12"></el-option> -->
</el-select>
</el-form-item>
<el-form-item label="提出场次" prop="proposeTime">
<el-input :value="form.proposeTime" @input="val => inputListen(val, form, 'proposeTime')" ref="proposeTime"></el-input>
</el-form-item>
<el-form-item label="他行收款账号" prop="otherAccountNumber">
<el-input :value="form.otherAccountNumber" @input="val => checkHanzi(val, form, 'otherAccountNumber')" ref="otherAccountNumber"></el-input>
</el-form-item>
<el-form-item label="票据类型" prop="billType">
<el-select v-model.trim="form.billType" placeholder="请选择" ref="billType">
<el-option v-for="item in getSelectList.billTypeSelect" :label="item.options" :key="item.itemId" :value="item.itemId" ></el-option>
<!-- <el-option :label="119" :key="item.itemId" :value="item.itemId" ></el-option> -->
</el-select>
</el-form-item>
<el-form-item label="出票日期" prop="drawBillDate">
<!-- 存款 -->
<div class="body">
<el-row :gutter="20"
style="margin: 0">
<el-form ref="form"
:model="form"
label-width="150px"
:rules="rules">
<el-col :span="10"
:offset="1">
<el-form-item label="本行收款账号"
prop="shroffAccountNumber">
<el-input @blur="getBlur"
:value="form.shroffAccountNumber"
@input="val => checkHanzi(val, form, 'shroffAccountNumber')"
ref="shroffAccountNumber"></el-input>
</el-form-item>
<el-form-item label="币种"
prop="currency">
<el-select v-model.trim="form.currency"
placeholder="请选择"
ref="currency">
<el-option v-for="item in getSelectList.currencySelectList"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option>
<!-- <el-option label="CNY人民币" value="12"></el-option> -->
</el-select>
</el-form-item>
<el-form-item label="提出场次"
prop="proposeTime">
<el-input :value="form.proposeTime"
@input="val => inputListen(val, form, 'proposeTime')"
ref="proposeTime"></el-input>
</el-form-item>
<el-form-item label="他行收款账号"
prop="otherAccountNumber">
<el-input :value="form.otherAccountNumber"
@input="val => checkHanzi(val, form, 'otherAccountNumber')"
ref="otherAccountNumber"></el-input>
</el-form-item>
<el-form-item label="票据类型"
prop="billType">
<el-select v-model.trim="form.billType"
placeholder="请选择"
ref="billType">
<el-option v-for="item in getSelectList.billTypeSelect"
:label="item.options"
:key="item.itemId"
:value="item.itemId"></el-option>
<!-- <el-option :label="119" :key="item.itemId" :value="item.itemId" ></el-option> -->
</el-select>
</el-form-item>
<el-form-item label="出票日期"
prop="drawBillDate">
<el-date-picker
v-model.trim="form.drawBillDate"
type="date"
placeholder="选择日期"
ref="drawBillDate"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
<el-date-picker v-model.trim="form.drawBillDate"
type="date"
placeholder="选择日期"
ref="drawBillDate"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="本行收款户名" prop="shroffAccountUsername">
<el-input @focus="getFocus" disabled :value="form.shroffAccountUsername" @input="val => checkName(val, form, 'shroffAccountUsername')" ref="shroffAccountUsername"></el-input>
</el-form-item>
<el-form-item label="金额" prop="money">
<el-input :value="form.money" @input="val => ismoney(val, form, 'money')" ref="money"></el-input>
</el-form-item>
<el-form-item label="提出日期" prop="proposeDate">
<!-- <el-date-picker
</el-col>
<el-col :span="10"
:offset="1">
<el-form-item label="本行收款户名"
prop="shroffAccountUsername">
<el-input @focus="getFocus"
disabled
:value="form.shroffAccountUsername"
@input="val => checkName(val, form, 'shroffAccountUsername')"
ref="shroffAccountUsername"></el-input>
</el-form-item>
<el-form-item label="金额"
prop="money">
<el-input :value="form.money"
@input="val => ismoney(val, form, 'money')"
ref="money"></el-input>
</el-form-item>
<el-form-item label="提出日期"
prop="proposeDate">
<!-- <el-date-picker
v-model.trim="form.proposeDate"
type="date"
placeholder="选择日期"
ref="proposeDate">
</el-date-picker> -->
<el-input :value="form.proposeDate" disabled ref="proposeDate"></el-input>
</el-form-item>
<el-input :value="form.proposeDate"
disabled
ref="proposeDate"></el-input>
</el-form-item>
<el-form-item label="他行收款户名" prop="otherAccountUsername">
<el-input :value="form.otherAccountUsername" @input="val => checkName(val, form, 'otherAccountUsername')" ref="otherAccountUsername"></el-input>
</el-form-item>
<el-form-item label="凭证号码" prop="voucherNumber">
<el-input :value="form.voucherNumber" @input="val => checkHanzi(val, form, 'voucherNumber')" ref="voucherNumber"></el-input>
</el-form-item>
<el-form-item label="摘要" prop="abstract">
<el-input v-model.trim="form.abstract" ref="abstract"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button>
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" />
</div>
<el-form-item label="他行收款户名"
prop="otherAccountUsername">
<el-input :value="form.otherAccountUsername"
@input="val => checkName(val, form, 'otherAccountUsername')"
ref="otherAccountUsername"></el-input>
</el-form-item>
<el-form-item label="凭证号码"
prop="voucherNumber">
<el-input :value="form.voucherNumber"
@input="val => checkHanzi(val, form, 'voucherNumber')"
ref="voucherNumber"></el-input>
</el-form-item>
<el-form-item label="摘要"
prop="abstract">
<el-input v-model.trim="form.abstract"
ref="abstract"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="submitForm"
type="primary"
class="submitBtn"
v-throttle>提交</el-button>
<my-dialog :moduleName="moduleName"
v-if="visible"
:visible.sync="visible"
:showForm="form"
:formName="formName"
@submitIt="submitForm2" />
</div>
</div>
</template>
<script>
@ -87,320 +141,313 @@ import TipsBefore from '@/mixins/tipsBefore'
const moduleName = "cityWide/cityWideOut"
import { getSubjectInfo, addOperation, getOperation } from '@/api/http';
export default {
name: 'index',
components:{
MyTitle,
MyDialog
},
mixins: [ TipsBefore ],
data() {
return {
text:'存款',/* 顶部文字 */
visible: false,
// billTypeSelect: [],
moduleName,
form:{
// 必填项
shroffAccountNumber: '', // 本行收款账号
money: '', // 金额
shroffAccountUsername: '', // 本行收款户名
billType: '', // 票据类型
otherAccountNumber: '', // 他行收款账号
voucherNumber: '', // 凭证号码
// 非必填项
currency: 12, // 币种
proposeTime: 1, // 提出场次
proposeDate: '', // 提出日期
otherAccountUsername: '', // 其他收款户名
drawBillDate: '', // 出票日期
abstract: '', // 摘要
},
formName: {
shroffAccountNumber: '本行收款账号', //
money: '金额', //
shroffAccountUsername: '本行收款户名', //
billType: '票据类型', //
otherAccountNumber: '他行收款账号', //
voucherNumber: '凭证号码', //
// 非必填项
currency: '币种', //
proposeTime: '提出场次', //
proposeDate: '提出日期', //
otherAccountUsername: '其他收款户名', //
drawBillDate: '出票日期', //
abstract: '摘要', //
},
rules: {
drawBillDate: [
{
required: true,
message: '请输入出票日期',
trigger: 'blur'
}
],
shroffAccountNumber: [
{
required: true,
message: '请输入本行收款账号',
trigger: 'blur'
},
name: 'index',
components: {
MyTitle,
MyDialog
},
mixins: [TipsBefore],
data () {
return {
text: '存款',/* 顶部文字 */
visible: false,
// billTypeSelect: [],
moduleName,
form: {
// 必填项
shroffAccountNumber: '', // 本行收款账号
money: '', // 金额
shroffAccountUsername: '', // 本行收款户名
billType: '', // 票据类型
otherAccountNumber: '', // 他行收款账号
voucherNumber: '', // 凭证号码
// 非必填项
currency: 12, // 币种
proposeTime: 1, // 提出场次
proposeDate: '', // 提出日期
otherAccountUsername: '', // 其他收款户名
drawBillDate: '', // 出票日期
abstract: '', // 摘要
},
formName: {
shroffAccountNumber: '本行收款账号', //
money: '金额', //
shroffAccountUsername: '本行收款户名', //
billType: '票据类型', //
otherAccountNumber: '他行收款账号', //
voucherNumber: '凭证号码', //
// 非必填项
currency: '币种', //
proposeTime: '提出场次', //
proposeDate: '提出日期', //
otherAccountUsername: '其他收款户名', //
drawBillDate: '出票日期', //
abstract: '摘要', //
},
rules: {
drawBillDate: [
{
required: true,
message: '请输入出票日期',
trigger: 'blur'
}
],
shroffAccountNumber: [
{
required: true,
message: '请输入本行收款账号',
trigger: 'blur'
},
{
pattern: /^[0-9]*$/,
message: '请输入数字'
}
// {
// type: number,
// message: '请输入数字',
// }
],
otherAccountUsername: [
{
required: true,
message: '请输入本行收款户名',
trigger: 'blur'
},
],
currency: [
{
required: true,
message: '请选择币种',
trigger: 'blur'
}
],
money: [
{
required: true,
message: '请输入金额',
trigger: 'blur'
}
],
shroffAccountUsername: [
// {
// required: true,
// message: '请输入本行收款户名',
// trigger: 'blur'
// }
],
billType: [
{
required: false,
message: '请选择票据类型',
trigger: 'blur'
}
],
otherAccountNumber: [
{
required: true,
message: '请输入他行收款账号',
trigger: 'blur'
}
],
{
pattern: /^[0-9]*$/,
message: '请输入数字'
}
// {
// type: number,
// message: '请输入数字',
// }
],
otherAccountUsername: [
{
required: true,
message: '请输入本行收款户名',
trigger: 'blur'
},
],
currency: [
{
required: true,
message: '请选择币种',
trigger: 'blur'
}
],
money: [
{
required: true,
message: '请输入金额',
trigger: 'blur'
}
],
shroffAccountUsername: [
// {
// required: true,
// message: '请输入本行收款户名',
// trigger: 'blur'
// }
],
billType: [
{
required: false,
message: '请选择票据类型',
trigger: 'blur'
}
],
otherAccountNumber: [
{
required: true,
message: '请输入他行收款账号',
trigger: 'blur'
}
],
voucherNumber: [
{
required: true,
message: '请输入凭证号码',
trigger: 'blur'
}
],
},
myTable2: {
// 非必填项配置
// currency: 'CNY人民币', // 币种
// proposeTime: '', // 提出场次
// proposeDate: '', // 提出日期
// otherAccountUsername: '', // 其他收款户名
// drawBillDate: '', // 出票日期
// abstract: '', // 摘要
348: {
prop: 'currency', // 1
type: '1',
"subjectId": '8',
},
350: {
prop: 'proposeTime', // 1
type: '3',
"subjectId": '55',
},
351: {
prop: 'proposeDate', // 1
type: '1',
"subjectId": '56',
},
353: {
prop: 'otherAccountUsername', // 3
type: '3',
"subjectId": '58',
},
355: {
prop: 'drawBillDate', // 3
type: '1',
"subjectId": '60',
},
358: {
prop: 'abstract', // 3
type: '3',
"subjectId": '16',
},
},
myTable: {
// 必填项配置
// shroffAccountNumber: '', // 本行收款账号
// money: '', // 金额
// shroffAccountUsername: '', // 本行收款户名
// billType: '银行本票', // 票据类型
// otherAccountNumber: '', // 他行收款账号
// voucherNumber: '', // 凭证号码
347: {
prop: 'shroffAccountNumber', // 3
type: '3',
"subjectId": '54',
},
349: {
prop: 'money', // 3
type: '3',
"subjectId": '14',
},
352: {
prop: 'billType', // 1
type: '1',
"subjectId": '57',
},
354: {
prop: 'otherAccountNumber', // 3
type: '3',
"subjectId": '59',
},
356: {
prop: 'voucherNumber', // 3
type: '3',
"subjectId": '44',
},
357: {
prop: 'shroffAccountUsername', // 3
type: '3',
"subjectId": '61',
},
},
visible:false,
submited: 0
}
},
created() {
const tmpFunc = () => {
const date = new Date()
var y = date.getFullYear();
var m = date.getMonth() + 1;
m = m < 10 ? '0' + m : m;
var d = date.getDate();
d = d < 10 ? ('0' + d) : d;
return y + '-' + m + '-' + d;
}
this.form.proposeDate = tmpFunc()
voucherNumber: [
{
required: true,
message: '请输入凭证号码',
trigger: 'blur'
}
],
},
myTable2: {
// 非必填项配置
// currency: 'CNY人民币', // 币种
// proposeTime: '', // 提出场次
// proposeDate: '', // 提出日期
// otherAccountUsername: '', // 其他收款户名
// drawBillDate: '', // 出票日期
// abstract: '', // 摘要
348: {
prop: 'currency', // 1
type: '1',
"subjectId": '8',
},
350: {
prop: 'proposeTime', // 1
type: '3',
"subjectId": '55',
},
351: {
prop: 'proposeDate', // 1
type: '1',
"subjectId": '56',
},
353: {
prop: 'otherAccountUsername', // 3
type: '3',
"subjectId": '58',
},
355: {
prop: 'drawBillDate', // 3
type: '1',
"subjectId": '60',
},
358: {
prop: 'abstract', // 3
type: '3',
"subjectId": '16',
},
},
myTable: {
// 必填项配置
// shroffAccountNumber: '', // 本行收款账号
// money: '', // 金额
// shroffAccountUsername: '', // 本行收款户名
// billType: '银行本票', // 票据类型
// otherAccountNumber: '', // 他行收款账号
// voucherNumber: '', // 凭证号码
347: {
prop: 'shroffAccountNumber', // 3
type: '3',
"subjectId": '54',
},
349: {
prop: 'money', // 3
type: '3',
"subjectId": '14',
},
352: {
prop: 'billType', // 1
type: '1',
"subjectId": '57',
},
354: {
prop: 'otherAccountNumber', // 3
type: '3',
"subjectId": '59',
},
356: {
prop: 'voucherNumber', // 3
type: '3',
"subjectId": '44',
},
357: {
prop: 'shroffAccountUsername', // 3
type: '3',
"subjectId": '61',
},
},
visible: false,
submited: 0
}
},
created () {
const tmpFunc = () => {
const date = new Date()
var y = date.getFullYear();
var m = date.getMonth() + 1;
m = m < 10 ? '0' + m : m;
var d = date.getDate();
d = d < 10 ? ('0' + d) : d;
return y + '-' + m + '-' + d;
}
this.form.proposeDate = tmpFunc()
// this.form.billType = this.billTypeSelect[0].itemId;
},
mounted() {
// this.form.billType = this.billTypeSelect[0].itemId;
},
mounted () {
this.$refs.shroffAccountNumber.focus()
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,29,345,346'
autoPlay2(parentId, this.form, this.myTable2, this.myTable)
this.$refs.shroffAccountNumber.focus()
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,29,345,346'
autoPlay2(parentId, this.form, this.myTable2, this.myTable)
},
methods: {
submitForm () {
if (this.submited) return this.$message.error('已提交！')
this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这
// const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,29,345,346'
this.visible = true;
}, this.$refs));
},
methods: {
submitForm() {
if (this.submited) return this.$message.error('已提交！')
this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这
// const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,29,345,346'
this.visible = true;
}, this.$refs));
},
submitForm2() {
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,29,345,346'
autoPlay(parentId, this.form, this.myTable2, this.myTable)
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
const formList = []
formList.push({"answerId":'347',"emptyOne": 54, "emptyTwo": this.form.shroffAccountNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,29,345,346","type": "3"})
formList.push({"answerId":'348',"emptyOne": 8, "emptyTwo": +this.form.currency, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,29,345,346","type": "3"})
formList.push({"answerId":'349',"emptyOne": 14, "emptyTwo": this.form.money, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,29,345,346","type": "3"})
formList.push({"answerId":'350',"emptyOne": 55, "emptyTwo": this.form.proposeTime, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,29,345,346","type": "3"})
formList.push({"answerId":'351',"emptyOne": 56, "emptyTwo": this.form.proposeDate, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,29,345,346","type": "3"})
formList.push({"answerId":'352',"emptyOne": 57, "emptyTwo": +this.form.billType, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,29,345,346","type": "3"})
formList.push({"answerId":'353',"emptyOne": 58, "emptyTwo": this.form.shroffAccountUsername, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,29,345,346","type": "3"})
formList.push({"answerId":'354',"emptyOne": 59, "emptyTwo": this.form.otherAccountNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,29,345,346","type": "3"})
submitForm2 () {
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,29,345,346'
autoPlay(parentId, this.form, this.myTable2, this.myTable)
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
const formList = []
formList.push({ "answerId": '347', "emptyOne": 54, "emptyTwo": this.form.shroffAccountNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,29,345,346", "type": "3" })
formList.push({ "answerId": '348', "emptyOne": 8, "emptyTwo": +this.form.currency, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,29,345,346", "type": "3" })
formList.push({"answerId":'355',"emptyOne": 60, "emptyTwo": this.form.drawBillDate, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,29,345,346","type": "3"})
formList.push({"answerId":'356',"emptyOne": 44, "emptyTwo": this.form.voucherNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,29,345,346","type": "3"})
formList.push({"answerId":'357',"emptyOne": 61, "emptyTwo": this.form.shroffAccountUsername, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,29,345,346","type": "3"})
formList.push({"answerId":'358',"emptyOne": 16, "emptyTwo": this.form.abstract, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,29,345,346","type": "3"})
formList.push({ "answerId": '349', "emptyOne": 14, "emptyTwo": this.form.money, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,29,345,346", "type": "3" })
formList.push({ "answerId": '350', "emptyOne": 55, "emptyTwo": this.form.proposeTime, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,29,345,346", "type": "3" })
formList.push({ "answerId": '351', "emptyOne": 56, "emptyTwo": this.form.proposeDate, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,29,345,346", "type": "3" })
formList.push({ "answerId": '352', "emptyOne": 57, "emptyTwo": +this.form.billType, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,29,345,346", "type": "3" })
formList.push({ "answerId": '353', "emptyOne": 58, "emptyTwo": this.form.shroffAccountUsername, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,29,345,346", "type": "3" })
formList.push({ "answerId": '354', "emptyOne": 59, "emptyTwo": this.form.otherAccountNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,29,345,346", "type": "3" })
formList.push({ "answerId": '355', "emptyOne": 60, "emptyTwo": this.form.drawBillDate, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,29,345,346", "type": "3" })
formList.push({ "answerId": '356', "emptyOne": 44, "emptyTwo": this.form.voucherNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,29,345,346", "type": "3" })
formList.push({ "answerId": '357', "emptyOne": 61, "emptyTwo": this.form.shroffAccountUsername, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,29,345,346", "type": "3" })
formList.push({ "answerId": '358', "emptyOne": 16, "emptyTwo": this.form.abstract, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,29,345,346", "type": "3" })
let params= {
parentId: "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,29,345,346",
lcJudgmentRuleReq:formList,
projectId:+projectId,
startTime:startTime,
}
addOperation(params).then((data)=>{
this.submited = 1
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// this.setNeedsModule(moduleName)
// this.setDataFlow({ ...this.form })
}).catch((error)=>{
})
},
getFocus() {
// console.log('test')
if(!this.form.shroffAccountNumber) {
this.$message({
message: '请先输入本行收款账号',
center: true,
type: 'warning'
});
this.$refs.shroffAccountNumber.focus()
let params = {
parentId: "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,29,345,346",
lcJudgmentRuleReq: formList,
projectId: +projectId,
startTime: startTime,
}
// addOperation(params).then((data) => {
// this.submited = 1
// }).catch((error) => {
// })
},
getFocus () {
// console.log('test')
if (!this.form.shroffAccountNumber) {
this.$message({
message: '请先输入本行收款账号',
center: true,
type: 'warning'
});
this.$refs.shroffAccountNumber.focus()
}
},
getBlur() {
if(this.form.shroffAccountNumber) {
this.form.shroffAccountUsername = this.dataFlow.userName
}
},
ismoney: ismoney,
inputListen: inputListen,
checkHanzi: checkHanzi,
checkName: checkName
}
},
computed: {
// ...mapState({
// billTypeSelect: state => state.select.billTypeSelect
// }),
...mapGetters({
getSelectList: 'system/getSelectList',
dataFlow: 'system/dataFlow'
})
}
getBlur () {
if (this.form.shroffAccountNumber) {
this.form.shroffAccountUsername = this.dataFlow.userName
}
},
ismoney: ismoney,
inputListen: inputListen,
checkHanzi: checkHanzi,
checkName: checkName
},
computed: {
// ...mapState({
// billTypeSelect: state => state.select.billTypeSelect
// }),
...mapGetters({
getSelectList: 'system/getSelectList',
dataFlow: 'system/dataFlow'
})
}
};
</script>
<style lang="scss" scoped>
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: auto;
padding: 24px 0 24px 24px;
.body{
margin-top: 50px;
overflow-y: auto;
overflow-x: hidden;
}
.wrap {
width: 100%;
display: flex;
flex-direction: column;
overflow: auto;
padding: 24px 0 24px 24px;
.body {
margin-top: 50px;
overflow-y: auto;
overflow-x: hidden;
}
}
</style>

650
src/pages/manage/list/client/corporateClient.vue
Unescape View File

@ -1,66 +1,114 @@
// 企业客户
<template>
<div class="wrap2 wrap">
<MyTitle :titleArr="['客户信息', '公司客户信息建立']"/>
<div class="body">
<el-row :gutter="20">
<el-form ref="form" :model="form" label-width="140px" :rules="rules">
<el-col :span="10" :offset="1">
<el-form-item label="证件类型">
<el-select v-model.trim="form.idType" placeholder="请选择" ref="idType">
<el-option label="统一社会信用代码证" :value="82"></el-option>
</el-select>
</el-form-item>
<el-form-item label="公司名称" prop="companyName">
<el-input v-model.trim="form.companyName" maxlength="40" @input="(val) => checkHanzi(val, form, 'companyName')" ref="companyName"></el-input>
<div class="wrap2 wrap">
<MyTitle :titleArr="['客户信息', '公司客户信息建立']" />
<div class="body">
<el-row :gutter="20">
<el-form ref="form"
:model="form"
label-width="140px"
:rules="rules">
<el-col :span="10"
:offset="1">
<el-form-item label="证件类型">
<el-select v-model.trim="form.idType"
placeholder="请选择"
ref="idType">
<el-option label="统一社会信用代码证"
:value="82"></el-option>
</el-select>
</el-form-item>
<el-form-item label="公司名称"
prop="companyName">
<el-input v-model.trim="form.companyName"
maxlength="40"
@input="(val) => checkHanzi(val, form, 'companyName')"
ref="companyName"></el-input>
</el-form-item>
<el-form-item label="注册资本" class="relative">
<el-input :value="form.registeredCapital" @input="val => ismoney(val, form, 'registeredCapital')" maxlength="15" ref="registeredCapital"></el-input>
<span class="absolute" style="right: 10px;font-size: 16px;line-height: 40px; color: #606266;">万</span>
</el-form-item>
<el-form-item label="法人证件号码" required>
<div class="idCard" @click="popUp('身份证扫描仪')" v-if='!idNumberJudge'>
<p>请刷身份证</p>
</div>
<div v-else>
<el-input :value="form.idNumber" disabled ref="idNumber"></el-input>
</div>
</el-form-item>
<el-form-item label="联系电话" :rules="rules.phone" prop="phone">
<el-input :value="form.phone" @input="(val) => phoneListen(val, form, 'phone')" maxlength="12" ref='phone'></el-input>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="代码证号" prop="codeNumber">
<el-input :value="form.codeNumber" @input="(val) => checkHanzi(val, form, 'codeNumber')" ref="codeNumber"></el-input>
</el-form-item>
<el-form-item label="公司地址">
<el-input v-model.trim="form.companyAddress" maxlength="60" ref="companyAddress"></el-input>
</el-form-item>
<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="法人姓名" prop="name">
<el-input v-model.trim="form.name" disabled @input="(val) => checkName(val, form, 'name')" ref="name"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button>
</div>
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" />
</el-form-item>
<el-form-item label="注册资本"
class="relative">
<el-input :value="form.registeredCapital"
@input="val => ismoney(val, form, 'registeredCapital')"
maxlength="15"
ref="registeredCapital"></el-input>
<span class="absolute"
style="right: 10px;font-size: 16px;line-height: 40px; color: #606266;">万</span>
</el-form-item>
<el-form-item label="法人证件号码"
required>
<div class="idCard"
@click="popUp('身份证扫描仪')"
v-if='!idNumberJudge'>
<p>请刷身份证</p>
</div>
<div v-else>
<el-input :value="form.idNumber"
disabled
ref="idNumber"></el-input>
</div>
</el-form-item>
<el-form-item label="联系电话"
:rules="rules.phone"
prop="phone">
<el-input :value="form.phone"
@input="(val) => phoneListen(val, form, 'phone')"
maxlength="12"
ref='phone'></el-input>
</el-form-item>
</el-col>
<el-col :span="10"
:offset="1">
<el-form-item label="代码证号"
prop="codeNumber">
<el-input :value="form.codeNumber"
@input="(val) => checkHanzi(val, form, 'codeNumber')"
ref="codeNumber"></el-input>
</el-form-item>
<el-form-item label="公司地址">
<el-input v-model.trim="form.companyAddress"
maxlength="60"
ref="companyAddress"></el-input>
</el-form-item>
<el-form-item label="法人证件类型"
prop="certificateType">
<el-select v-model.trim="form.certificateType"
placeholder="请选择"
ref="certificateType">
<el-option label="身份证"
:value="132"></el-option>
</el-select>
</el-form-item>
<el-form-item label="法人姓名"
prop="name">
<el-input v-model.trim="form.name"
disabled
@input="(val) => checkName(val, form, 'name')"
ref="name"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="submitForm"
type="primary"
class="submitBtn"
v-throttle>提交</el-button>
</div>
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" class="wrap" /> -->
<my-dialog :moduleName="moduleName"
v-if="visible"
:visible.sync="visible"
:showForm="form"
:formName="formName"
@submitIt="submitForm2" />
</div>
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" class="wrap" /> -->
</template>
<script>
import { mapState, mapMutations, mapGetters } from 'vuex'
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { addOperation, getOperation } from '@/api/http';
import { phoneListen, checkRequired, myValidate, checkHanzi, checkName, ismoney, messageIdCard } from '@/utils/utilFunction.js'
import MyTitle from '@/components/myTitle'
@ -70,270 +118,270 @@ import TipsBefore from '@/mixins/tipsBefore'
const moduleName = 'corporateClient'
export default {
name: 'index',
components: {
MyTitle,
NeedBefore,
MyDialog
},
mixins: [ TipsBefore ],
data() {
return {
moduleName: 'corporateClient',
idNumberJudge: false,
visible:false,// 表单
authorization:false,// 切授权
success:false,// 切成功
form:{
idNumber: '',
name: '',
phone: '',
idType: 82,
companyName: '',
registeredCapital: '',
codeNumber: '',
companyAddress: '',
certificateType: ''
},
formName:{
idNumber: '法人证件号码',
name: '法人姓名',
phone: '联系电话',
idType: '证件类型',
companyName: '公司名称',
registeredCapital: '注册资本',
codeNumber: '代码证号',
companyAddress: '公司地址',
certificateType: '法人证件类型'
},
rules: {
idNumber: [
{
required: true,
message: '请输入公司名称',
trigger: 'blur'
}
],
companyName: [
{
required: true,
message: '请输入公司名称',
trigger: 'blur'
}
],
phone: [
{
pattern: mobPattern,
message: '联系电话格式有误'
},
{
required: true,
message: '请输入联系电话',
trigger: 'blur'
}
],
name: [{
pattern: namePattern,
message: '法人姓名格式有误'
}],
codeNumber: [
{
required: true,
message: '请输入代码证号',
trigger: 'blur'
}
],
certificateType: [
{
required: true,
message: '请输入法人证件类型',
trigger: 'blur'
}
]
},
submited: 0
name: 'index',
components: {
MyTitle,
NeedBefore,
MyDialog
},
mixins: [TipsBefore],
data () {
return {
moduleName: 'corporateClient',
idNumberJudge: false,
visible: false,// 表单
authorization: false,// 切授权
success: false,// 切成功
form: {
idNumber: '',
name: '',
phone: '',
idType: 82,
companyName: '',
registeredCapital: '',
codeNumber: '',
companyAddress: '',
certificateType: ''
},
formName: {
idNumber: '法人证件号码',
name: '法人姓名',
phone: '联系电话',
idType: '证件类型',
companyName: '公司名称',
registeredCapital: '注册资本',
codeNumber: '代码证号',
companyAddress: '公司地址',
certificateType: '法人证件类型'
},
rules: {
idNumber: [
{
required: true,
message: '请输入公司名称',
trigger: 'blur'
}
],
companyName: [
{
required: true,
message: '请输入公司名称',
trigger: 'blur'
}
],
phone: [
{
pattern: mobPattern,
message: '联系电话格式有误'
},
{
required: true,
message: '请输入联系电话',
trigger: 'blur'
}
],
name: [{
pattern: namePattern,
message: '法人姓名格式有误'
}],
codeNumber: [
{
required: true,
message: '请输入代码证号',
trigger: 'blur'
}
],
certificateType: [
{
required: true,
message: '请输入法人证件类型',
trigger: 'blur'
}
]
},
submited: 0
}
},
created() {
// firmClientIdentity
// if(this.isNeedBefore) {
// if(sessionStorage.getItem('firmClientIdentity')) {
// this.idNumberJudge = true
// this.form.idNumber = this.dataFlow.idNumber || '441515199812064569'
// }
// return
// }
if(sessionStorage.getItem('firmClientIdentity')) {
this.idNumberJudge = true
const { idNumber, userName } = this.dataFlow
this.form.idNumber = idNumber
this.form.name = userName
}
// for(const key in this.dataFlow) {
// if(key === 'idNumber' || key === 'userName') {
// continue;
// }
// if(this.form.hasOwnProperty(key)) {
// this.form[key] = this.dataFlow[key]
// }
// }
this.getFormData()
}
},
created () {
// firmClientIdentity
// if(this.isNeedBefore) {
// if(sessionStorage.getItem('firmClientIdentity')) {
// this.idNumberJudge = true
// this.form.idNumber = this.dataFlow.idNumber || '441515199812064569'
// }
// return
// }
if (sessionStorage.getItem('firmClientIdentity')) {
this.idNumberJudge = true
const { idNumber, userName } = this.dataFlow
this.form.idNumber = idNumber
this.form.name = userName
}
// for(const key in this.dataFlow) {
// if(key === 'idNumber' || key === 'userName') {
// continue;
// }
// if(this.form.hasOwnProperty(key)) {
// this.form[key] = this.dataFlow[key]
// }
// }
this.getFormData()
},
mounted () {
},
methods: {
getFormData () {
let param = {
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,25,34'
}
getOperation(param).then((data) => {
console.log(data)
if (data.status == 200) {
var list = data.data.judgmentRuleReqs
for (var i = 0; i < list.length; i++) {
if (list[i].answerId == '48') { this.form.idType = list[i].emptyTwo } //证件类型
else if (list[i].answerId == '49') { this.form.codeNumber = list[i].emptyTwo } //代码证号
else if (list[i].answerId == '50') { this.form.companyName = list[i].emptyTwo } //公司名称
else if (list[i].answerId == '51') { this.form.companyAddress = list[i].emptyTwo } //公司地址
else if (list[i].answerId == '52') { this.form.registeredCapital = list[i].emptyTwo / 10000 } //注册资本
else if (list[i].answerId == '53') { this.form.certificateType = +list[i].emptyTwo } //法人证件类型
// else if (list[i].answerId == '54') {sessionStorage.setItem('firmClientIdentity', list[i].emptyTwo)} //法人证件号码
else if (list[i].answerId == '54') {
console.log('54id')
console.log(list[i].emptyTwo)
this.idNumberJudge = true
this.form.idNumber = list[i].emptyTwo
}
else if (list[i].answerId == '55') { this.form.name = list[i].emptyTwo } //法人姓名
else if (list[i].answerId == '56') { this.form.phone = list[i].emptyTwo } //联系电话
}
}
}).catch((error) => {
})
},
mounted() {
...mapMutations({
changeShowGoods: 'system/changeShowGoods',
setDataFlow: 'system/setDataFlow',
setNeedsModule: 'system/setNeedsModule',
setPopId: 'system/setPopId',
setNeedsModule: 'system/setNeedsModule',
setTipsOperate: 'system/setTipsOperate'
}),
popUp () {// 唤起弹窗
// this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪',id:'34'})
// this.setDataFlow()
// let tmpForm = {}
// for(const key in this.form) {
// if(this.form[key]) {
// tmpForm[key] = this.form[key]
// }
// }
// this.setDataFlow({ ...tmpForm })
this.setTipsOperate('请刷身份证');
this.setPopId('34')
sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/')
},
methods: {
getFormData(){
let param= {
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,25,34'
}
getOperation(param).then((data)=>{
console.log(data)
if(data.status == 200) {
var list = data.data.judgmentRuleReqs
for (var i = 0; i < list.length; i++) {
if (list[i].answerId == '48') {this.form.idType = list[i].emptyTwo} //证件类型
else if (list[i].answerId == '49') {this.form.codeNumber = list[i].emptyTwo} //代码证号
else if (list[i].answerId == '50') {this.form.companyName = list[i].emptyTwo} //公司名称
else if (list[i].answerId == '51') {this.form.companyAddress = list[i].emptyTwo} //公司地址
else if (list[i].answerId == '52') {this.form.registeredCapital = list[i].emptyTwo/10000} //注册资本
else if (list[i].answerId == '53') {this.form.certificateType = +list[i].emptyTwo} //法人证件类型
// else if (list[i].answerId == '54') {sessionStorage.setItem('firmClientIdentity', list[i].emptyTwo)} //法人证件号码
else if (list[i].answerId == '54') {
console.log('54id')
console.log(list[i].emptyTwo)
this.idNumberJudge = true
this.form.idNumber = list[i].emptyTwo
}
else if (list[i].answerId == '55') {this.form.name = list[i].emptyTwo} //法人姓名
else if (list[i].answerId == '56') {this.form.phone = list[i].emptyTwo} //联系电话
}
}
}).catch((error)=>{
})
},
...mapMutations({
changeShowGoods: 'system/changeShowGoods',
setDataFlow: 'system/setDataFlow',
setNeedsModule: 'system/setNeedsModule',
setPopId: 'system/setPopId',
setNeedsModule: 'system/setNeedsModule',
setTipsOperate: 'system/setTipsOperate'
}),
popUp(){// 唤起弹窗
// this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪',id:'34'})
// this.setDataFlow()
// let tmpForm = {}
// for(const key in this.form) {
// if(this.form[key]) {
// tmpForm[key] = this.form[key]
// }
// }
// this.setDataFlow({ ...tmpForm })
this.setTipsOperate('请刷身份证');
this.setPopId('34')
sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/')
},
popSure(){
popSure () {
},
submitForm() {
if (this.submited) return this.$message.error('已提交！')
if(!this.form.idNumber) {
messageIdCard()
return
}
this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这
this.form.registeredCapital += '万'
this.visible = true;
}, this.$refs));
},
submitForm2() {
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
let formList = [];
let firmClientIdentity = sessionStorage.getItem('firmClientIdentity')
let firmClientIdentitys = JSON.parse(firmClientIdentity);
if (firmClientIdentitys && firmClientIdentitys.length > 0){
// for (var i=0;i<firmClientIdentitys.length;i++){
// formList.push({"answerId":54,"emptyOne": "", "emptyTwo": firmClientIdentity, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,25,34,54","type": ""})// 法人证件号码
// }
formList.push({"answerId":54,"emptyOne": "", "emptyTwo": this.form.idNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,25,34,54,13","type": ""})// 法人证件号码
if(this.form.idType){
formList.push({ "answerId":'48', "emptyOne": "19", "emptyTwo": this.form.idType, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,25,34,48","type": "1"})//证件类型
}
if(this.form.companyAddress){
formList.push({ "answerId":'51', "emptyOne": "22", "emptyTwo": this.form.companyAddress, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,25,34,51", "type": "3" })//公司地址
}
if(this.form.registeredCapital){
const getRegisteredCapital = this.form.registeredCapital.slice(0, this.form.registeredCapital.length-1)*10000
formList.push({ "answerId":'52', "emptyOne": "23", "emptyTwo": getRegisteredCapital, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,25,34,52", "type": "3" })//注册资本
}
if(this.form.name){
formList.push( {"answerId":'55',"emptyOne": "25", "emptyTwo": this.form.name, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,25,34,55", "type": "3"})//法人姓名
}
if(this.form.phone){
formList.push({"answerId":'56',"emptyOne": "5", "emptyTwo": this.form.phone, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,25,34,56", "type": "3"})//联系电话
}
formList.push(
{ "answerId":'49', "emptyOne": "20", "emptyTwo": this.form.codeNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,25,34,49", "type": "3" },//代码证号
{ "answerId":'50', "emptyOne": "21", "emptyTwo": this.form.companyName, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,25,34,50", "type": "3" },//公司名称
{"answerId":'53',"emptyOne": "24", "emptyTwo": this.form.certificateType, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,25,34,53", "type": "1"},//法人证件类型
);
let params= {
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,25,34',
lcJudgmentRuleReq:formList,
projectId:+projectId,
startTime:startTime,
}
addOperation(params).then((data)=>{
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// this.setDataFlow({ ...this.form })
this.setNeedsModule(moduleName)
this.setDataFlow({ userName: this.form.name })
// 说明已经操作过公司业务
this.setDataFlow({ [moduleName]: true })
this.form.registeredCapital = this.form.registeredCapital.slice(0, this.form.registeredCapital.length-1)
this.submited = 1
this.setPopId('')
}).catch((error)=>{
this.setTipsOperate('服务器繁忙哦，提交失败。')
})
}else {
this.$message.error('有必填项未填哦~');
}
},
phoneListen: phoneListen,
checkHanzi: checkHanzi,
checkName: checkName,
ismoney: ismoney
},
computed: {
...mapGetters({
dataFlow: 'system/dataFlow',
inMyWork: 'system/inMyWork',
needsModule: 'system/needsModule',
submitForm () {
if (this.submited) return this.$message.error('已提交！')
if (!this.form.idNumber) {
messageIdCard()
return
}
this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这
this.form.registeredCapital += '万'
this.visible = true;
}, this.$refs));
},
submitForm2 () {
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
let formList = [];
let firmClientIdentity = sessionStorage.getItem('firmClientIdentity')
let firmClientIdentitys = JSON.parse(firmClientIdentity);
if (firmClientIdentitys && firmClientIdentitys.length > 0) {
// for (var i=0;i<firmClientIdentitys.length;i++){
// formList.push({"answerId":54,"emptyOne": "", "emptyTwo": firmClientIdentity, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,25,34,54","type": ""})// 法人证件号码
// }
formList.push({ "answerId": 54, "emptyOne": "", "emptyTwo": this.form.idNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,34,54,13", "type": "" })// 法人证件号码
if (this.form.idType) {
formList.push({ "answerId": '48', "emptyOne": "19", "emptyTwo": this.form.idType, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,34,48", "type": "1" })//证件类型
}
if (this.form.companyAddress) {
formList.push({ "answerId": '51', "emptyOne": "22", "emptyTwo": this.form.companyAddress, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,34,51", "type": "3" })//公司地址
}
if (this.form.registeredCapital) {
const getRegisteredCapital = this.form.registeredCapital.slice(0, this.form.registeredCapital.length - 1) * 10000
formList.push({ "answerId": '52', "emptyOne": "23", "emptyTwo": getRegisteredCapital, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,34,52", "type": "3" })//注册资本
}
if (this.form.name) {
formList.push({ "answerId": '55', "emptyOne": "25", "emptyTwo": this.form.name, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,34,55", "type": "3" })//法人姓名
}
if (this.form.phone) {
formList.push({ "answerId": '56', "emptyOne": "5", "emptyTwo": this.form.phone, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,34,56", "type": "3" })//联系电话
}
formList.push(
{ "answerId": '49', "emptyOne": "20", "emptyTwo": this.form.codeNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,34,49", "type": "3" },//代码证号
{ "answerId": '50', "emptyOne": "21", "emptyTwo": this.form.companyName, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,34,50", "type": "3" },//公司名称
{ "answerId": '53', "emptyOne": "24", "emptyTwo": this.form.certificateType, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,34,53", "type": "1" },//法人证件类型
);
let params = {
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,25,34',
lcJudgmentRuleReq: formList,
projectId: +projectId,
startTime: startTime,
}
addOperation(params).then((data) => {
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// this.setDataFlow({ ...this.form })
this.setNeedsModule(moduleName)
this.setDataFlow({ userName: this.form.name })
// 说明已经操作过公司业务
this.setDataFlow({ [moduleName]: true })
this.form.registeredCapital = this.form.registeredCapital.slice(0, this.form.registeredCapital.length - 1)
this.submited = 1
this.setPopId('')
}).catch((error) => {
this.setTipsOperate('服务器繁忙哦，提交失败。')
})
}
} else {
this.$message.error('有必填项未填哦~');
}
},
phoneListen: phoneListen,
checkHanzi: checkHanzi,
checkName: checkName,
ismoney: ismoney
},
computed: {
...mapGetters({
dataFlow: 'system/dataFlow',
inMyWork: 'system/inMyWork',
needsModule: 'system/needsModule',
})
}
};
</script>
<style lang="scss" scoped>
.wrap{
.wrap {
width: 100%;
display: flex;
flex-direction: column;
padding: 24px 0 24px 24px;
overflow: auto;
.body{
.body {
margin-top: 50px;
overflow: auto;
overflow-y: auto;

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

@ -1,89 +1,162 @@
// 销户
<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-select>
</el-form-item>
<el-form-item label="凭证号码" prop="voucherNumber">
<div v-if='!cardNumberJudge' class="idCard" @click="popUp('刷卡器')">
<p>请刷卡</p>
</div>
<div v-else>
<el-input disabled ref="voucherNumber" maxlength="20" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
</div>
<!-- <el-input @blur="getDataBlur" ref="voucherNumber" maxlength="20" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> -->
</el-form-item>
<el-form-item label="币种" prop="currency">
<el-select v-model.trim="form.currency" disabled placeholder="请选择" ref="currency">
<el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="定存编号" prop="depositNumber">
<el-input :value="form.depositNumber" disabled @input="(val) => checkHanzi(val, form, 'depositNumber')" ref="depositNumber"></el-input>
</el-form-item>
<el-form-item label="利率" prop="interestRate">
<el-input :value="form.interestRate" disabled @input="(val) => checkHanzi(val, form, 'interestRate')" ref="interestRate"></el-input>
</el-form-item>
<el-form-item label="利息" prop="interest">
<el-input :value="form.interest" disabled @input="(val) => checkHanzi(val, form, 'interest')" ref="interest"></el-input>
</el-form-item>
<el-form-item label="起息日期" required>
<el-date-picker
disabled
<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-select>
</el-form-item>
<el-form-item label="凭证号码"
prop="voucherNumber">
<div v-if='!cardNumberJudge'
class="idCard"
@click="popUp('刷卡器')">
<p>请刷卡</p>
</div>
<div v-else>
<el-input disabled
ref="voucherNumber"
maxlength="20"
:value="form.voucherNumber"
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
</div>
<!-- <el-input @blur="getDataBlur" ref="voucherNumber" maxlength="20" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> -->
</el-form-item>
<el-form-item label="币种"
prop="currency">
<el-select v-model.trim="form.currency"
disabled
placeholder="请选择"
ref="currency">
<el-option v-for="item in getSelectList.currencySelectList"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="定存编号"
prop="depositNumber">
<el-input :value="form.depositNumber"
disabled
@input="(val) => checkHanzi(val, form, 'depositNumber')"
ref="depositNumber"></el-input>
</el-form-item>
<el-form-item label="利率"
prop="interestRate">
<el-input :value="form.interestRate"
disabled
@input="(val) => checkHanzi(val, form, 'interestRate')"
ref="interestRate"></el-input>
</el-form-item>
<el-form-item label="利息"
prop="interest">
<el-input :value="form.interest"
disabled
@input="(val) => checkHanzi(val, form, 'interest')"
ref="interest"></el-input>
</el-form-item>
<el-form-item label="起息日期"
required>
<el-date-picker disabled
v-model.trim="form.signDate"
type="date"
placeholder="选择日期"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
ref="signDate">
</el-date-picker>
</el-form-item>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="证件号码" required>
<div class="idCard" @click="popUp3('身份证扫描仪')" v-if='!idNumberJudge'>
<p>请刷身份证</p>
</div>
<div v-else>
<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>
<el-form-item label="钞汇标识" prop="goldLogo">
<el-select v-model.trim="form.goldLogo" disabled 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="capital">
<el-input :value="form.capital" disabled @input="val => ismoney(val, form, 'capital')" ref="capital" ></el-input>
</el-form-item>
<el-form-item label="存期" prop="depositTerm">
<el-select v-model.trim="form.depositTerm" disabled placeholder="请选择" ref="depositTerm">
<el-option label="1年" :value="86"> </el-option>
<el-option label="3年" :value="88"> </el-option>
<el-option label="5年" :value="89"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="总金额" prop="totalMoney">
<el-input :value="form.totalMoney" disabled @input="val => ismoney(val, form, 'totalMoney')" ref="totalMoney" ></el-input>
</el-form-item>
<el-form-item label="支取密码" required>
<div v-if='!form.drawPassword' class="idCard" @click="popUp2('密码器')">
<p>请输入密码</p>
</div>
<div v-else @click="popUp2('密码器')">
<el-input :value="form.drawPassword" ref="drawPassword" type="password"></el-input>
</div>
</el-form-item>
<!-- <el-form-item label="续存标识" required>
</el-col>
<el-col :span="10"
:offset="1">
<el-form-item label="证件号码"
required>
<div class="idCard"
@click="popUp3('身份证扫描仪')"
v-if='!idNumberJudge'>
<p>请刷身份证</p>
</div>
<div v-else>
<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>
<el-form-item label="钞汇标识"
prop="goldLogo">
<el-select v-model.trim="form.goldLogo"
disabled
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="capital">
<el-input :value="form.capital"
disabled
@input="val => ismoney(val, form, 'capital')"
ref="capital"></el-input>
</el-form-item>
<el-form-item label="存期"
prop="depositTerm">
<el-select v-model.trim="form.depositTerm"
disabled
placeholder="请选择"
ref="depositTerm">
<el-option label="1年"
:value="86"> </el-option>
<el-option label="3年"
:value="88"> </el-option>
<el-option label="5年"
:value="89"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="总金额"
prop="totalMoney">
<el-input :value="form.totalMoney"
disabled
@input="val => ismoney(val, form, 'totalMoney')"
ref="totalMoney"></el-input>
</el-form-item>
<el-form-item label="支取密码"
required>
<div v-if='!form.drawPassword'
class="idCard"
@click="popUp2('密码器')">
<p>请输入密码</p>
</div>
<div v-else
@click="popUp2('密码器')">
<el-input :value="form.drawPassword"
ref="drawPassword"
type="password"></el-input>
</div>
</el-form-item>
<!-- <el-form-item label="续存标识" required>
<el-select v-model.trim="form.identification" placeholder="请选择">
<el-option label="不续存" value="不续存"> </el-option>
<el-option label="续存1年" value="续存1年"> </el-option>
@ -91,376 +164,384 @@
<el-option label="续存5年" value="续存5年"> </el-option>
</el-select>
</el-form-item> -->
</el-col>
</el-col>
</el-form>
</el-row>
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button>
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" depositNumber='0816' />
</div>
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> -->
</el-form>
</el-row>
<el-button @click="submitForm"
type="primary"
class="submitBtn"
v-throttle>提交</el-button>
<my-dialog :moduleName="moduleName"
v-if="visible"
:visible.sync="visible"
:showForm="form"
:formName="formName"
@submitIt="submitForm2"
depositNumber='0816' />
</div>
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> -->
</template>
<script>
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, messageIdCard,messageCard, messagePassword, inputListen } from '@/utils/utilFunction.js';
import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, messageIdCard, messageCard, messagePassword, inputListen } from '@/utils/utilFunction.js';
const moduleName = 'usefulPhrases/accoumtClosed'
import { mapMutations, mapGetters } from 'vuex'
import NeedBefore from '@/components/needBefore'
import MyDialog from '@/components/dialog'
import TipsBefore from '@/mixins/tipsBefore'
export default{
name:'',
props:{},
components: {
NeedBefore,
MyDialog
},
mixins: [ TipsBefore ],
created() {
if(sessionStorage.getItem('nomUsefulPhrasesClosedPassword')) {
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesClosedPassword')
}
// if(this.isNeedBefore) {
// if(sessionStorage.getItem('nomUsefulPhrasesClosed')) {
// this.idNumberJudge = true
// this.form.idNumber = this.dataFlow.idNumber || '441515199812064569'
// }
// if(sessionStorage.getItem('nomUsefulPhrasesClosed2')) {
// this.cardNumberJudge = true
// this.form.voucherNumber = this.dataFlow.voucherNumber || '159753'
// }
// return
// }
if(sessionStorage.getItem('nomUsefulPhrasesClosed')) {
this.idNumberJudge = true
const { idNumber } = this.dataFlow
this.form.idNumber = idNumber
}
if(sessionStorage.getItem('nomUsefulPhrasesClosed2')) {
this.cardNumberJudge = true
const { currency, userName, depositNumber, goldLogo, capital, interestRate, interest, totalMoney, signDate, voucherNumber, depositTerm } = this.dataFlow
this.form.currency = currency
this.form.customerName = userName
this.form.depositNumber = depositNumber
this.form.goldLogo = goldLogo
this.form.capital = capital
this.form.interestRate = interestRate
this.form.interest = interest
this.form.totalMoney = totalMoney
this.form.signDate = signDate
this.form.voucherNumber = voucherNumber
this.form.depositTerm = depositTerm
}
export default {
name: '',
props: {},
components: {
NeedBefore,
MyDialog
},
mixins: [TipsBefore],
created () {
if (sessionStorage.getItem('nomUsefulPhrasesClosedPassword')) {
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesClosedPassword')
}
// if(this.isNeedBefore) {
// if(sessionStorage.getItem('nomUsefulPhrasesClosed')) {
// this.idNumberJudge = true
// this.form.idNumber = this.dataFlow.idNumber || '441515199812064569'
// }
// if(sessionStorage.getItem('nomUsefulPhrasesClosed2')) {
// this.cardNumberJudge = true
// this.form.voucherNumber = this.dataFlow.voucherNumber || '159753'
// }
// return
// }
if (sessionStorage.getItem('nomUsefulPhrasesClosed')) {
this.idNumberJudge = true
const { idNumber } = this.dataFlow
this.form.idNumber = idNumber
}
if (sessionStorage.getItem('nomUsefulPhrasesClosed2')) {
this.cardNumberJudge = true
const { currency, userName, depositNumber, goldLogo, capital, interestRate, interest, totalMoney, signDate, voucherNumber, depositTerm } = this.dataFlow
this.form.currency = currency
this.form.customerName = userName
this.form.depositNumber = depositNumber
this.form.goldLogo = goldLogo
this.form.capital = capital
this.form.interestRate = interestRate
this.form.interest = interest
this.form.totalMoney = totalMoney
this.form.signDate = signDate
this.form.voucherNumber = voucherNumber
this.form.depositTerm = depositTerm
}
this.getFormData()
},
data(){
return{
moduleName: 'usefulPhrases/accoumtClosed',
idNumberJudge: false,
cardNumberJudge: false,
visible: false,
form:{
// 必填项
idNumber: '', // 身份证号码
currency: '', // 币种
voucherNumber: '', // 凭证号码
drawPassword: '', // 支取密码
// 非必填项
certificateType: '', // 证件类型
customerName: '', // 客户姓名
goldLogo: '', // 钞汇标识
depositNumber: '', // 定存编号
capital: '', // 本金
interestRate: '', // 利率
depositTerm: '', // 存期
interest: '', // 利息
totalMoney: '', // 总金额
signDate:'', // 起息日期
},
formName:{
// 必填项
idNumber: '身份证号码', //
currency: '币种', //
voucherNumber: '凭证号码', //
drawPassword: '支取密码',
// 非必填项
certificateType: '证件类型', //
customerName: '客户姓名', //
goldLogo: '钞汇标识', //
depositNumber: '定存编号', //
capital: '本金', //
interestRate: '利率', //
depositTerm: '存期', //
interest: '利息', //
totalMoney: '总金额', //
signDate:'起息日期', //
},
rules: {
voucherNumber: [
{
required: true,
message: '请输入凭证号码',
trigger: 'blur'
}
],
customerName: vercustomer,
currency: [
{
required: true,
message: '请选择币种',
trigger: 'blur'
}
],
// voucherNumber: [
// {
// required: true,
// message: '请选择凭证号码',
// trigger: 'blur'
// }
// ],
interestRate: [
{
pattern: ratePattern,
message: '利率格式有误'
}
]
},
myTable: {
179: {
prop: 'certificateType',//证件类型
type: '1',
"subjectId": 19,
},
184: {
prop: 'goldLogo',//钞汇标识
type: '1',
"subjectId": 9,
},
185: {
prop: 'depositNumber',//定存编号
type: '3',
"subjectId": 33,
},
186: {
prop: 'capital',//本金
type: '3',
"subjectId": 34,
},
187: {
prop: 'interestRate',//利率
type: '3',
"subjectId": 29,
},
188: {
prop: 'depositTerm',//存期
type: '1',
"subjectId": 27,
},
189: {
prop: 'interest',//利息
type: '3',
"subjectId": 26,
},
190: {
prop: 'totalMoney',//总金额
type: '3',
"subjectId": 45,
},
191: {
prop: 'signDate',//起息日期
type: '3',
"subjectId": 32,
},
},
myTable2: {
180: {
prop: 'idNumber',
type: '3',
// "subjectId": 44,
},
181: {
prop: 'voucherNumber',
type: '3',
"subjectId": 44,
},
192: {
prop: 'drawPassword',
type: '3',
"subjectId": 17,
},
182: {
prop: 'customerName',//客户姓名
type: '3',
"subjectId": 7,
},
183: {
prop: 'currency',//币种
type: '1',
"subjectId": 8,
},
},
submited: 0
}
},
mounted() {
},
methods: {
...mapMutations({
changeShowGoods: 'system/changeShowGoods',
setDataFlow: 'system/setDataFlow',
setNeedsModule: 'system/setNeedsModule',
setPopId: 'system/setPopId',
setTipsOperate: 'system/setTipsOperate'
}),
getDataBlur() {
if(!this.form.voucherNumber) {
return
}
const { currency, userName, depositNumber, goldLogo, capital, interestRate, interest, totalMoney, signDate, voucherNumber, depositTerm } = this.dataFlow
this.form.currency = currency
this.form.customerName = userName
this.form.depositNumber = depositNumber
this.form.goldLogo = goldLogo
this.form.capital = capital
this.form.interestRate = interestRate
this.form.interest = interest
this.form.totalMoney = totalMoney
this.form.signDate = signDate
// this.form.voucherNumber = voucherNumber
this.form.depositTerm = depositTerm
this.getFormData()
},
data () {
return {
moduleName: 'usefulPhrases/accoumtClosed',
idNumberJudge: false,
cardNumberJudge: false,
visible: false,
form: {
// 必填项
idNumber: '', // 身份证号码
currency: '', // 币种
voucherNumber: '', // 凭证号码
drawPassword: '', // 支取密码
// 非必填项
certificateType: '', // 证件类型
customerName: '', // 客户姓名
goldLogo: '', // 钞汇标识
depositNumber: '', // 定存编号
capital: '', // 本金
interestRate: '', // 利率
depositTerm: '', // 存期
interest: '', // 利息
totalMoney: '', // 总金额
signDate: '', // 起息日期
},
formName: {
// 必填项
idNumber: '身份证号码', //
currency: '币种', //
voucherNumber: '凭证号码', //
drawPassword: '支取密码',
// 非必填项
certificateType: '证件类型', //
customerName: '客户姓名', //
goldLogo: '钞汇标识', //
depositNumber: '定存编号', //
capital: '本金', //
interestRate: '利率', //
depositTerm: '存期', //
interest: '利息', //
totalMoney: '总金额', //
signDate: '起息日期', //
},
rules: {
voucherNumber: [
{
required: true,
message: '请输入凭证号码',
trigger: 'blur'
}
],
customerName: vercustomer,
currency: [
{
required: true,
message: '请选择币种',
trigger: 'blur'
}
],
// voucherNumber: [
// {
// required: true,
// message: '请选择凭证号码',
// trigger: 'blur'
// }
// ],
interestRate: [
{
pattern: ratePattern,
message: '利率格式有误'
}
]
},
myTable: {
179: {
prop: 'certificateType',//证件类型
type: '1',
"subjectId": 19,
},
getFormData(){
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,157'
const cards = {
// 180: 'nomUsefulPhrasesClosed',
// 181: 'nomUsefulPhrasesClosed2',
// 192: 'nomUsefulPhrasesClosedPassword'
}
const callback = () => {
if(this.form.idNumber) {
this.idNumberJudge = true
}
if(this.form.voucherNumber) {
this.cardNumberJudge = true
}
if(sessionStorage.getItem('nomUsefulPhrasesClosedPassword')) {
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesClosedPassword')
}
}
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback)
184: {
prop: 'goldLogo',//钞汇标识
type: '1',
"subjectId": 9,
},
popUp(text) {
// this.$store.commit('system/changePop',{show:true,text, id: '181'})
this.setTipsOperate('请刷银行卡');
this.setPopId('181')
sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/')
185: {
prop: 'depositNumber',//定存编号
type: '3',
"subjectId": 33,
},
popUp2(text) {
// this.$store.commit('system/changePop',{show:true,text, id: '192'})
this.setTipsOperate('请在密码器输入密码');
this.setPopId('192')
sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/')
186: {
prop: 'capital',//本金
type: '3',
"subjectId": 34,
},
popUp3(text) {
// this.$store.commit('system/changePop',{show:true,text, id: '180'})
this.setTipsOperate('请刷身份证');
this.setPopId('180')
sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/')
187: {
prop: 'interestRate',//利率
type: '3',
"subjectId": 29,
},
submitForm() {
if (this.submited) return this.$message.error('已提交！')
if(!this.form.idNumber) {
messageIdCard()
// let projectId = sessionStorage.getItem('projectId')
// let startTime = sessionStorage.getItem('startTime')
// let formList = [
// {
// "answerId":'180',
// "emptyOne": "",
// "emptyTwo": "",
// "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,59,157,180,13",
// "type": ""
// }
// ]
// let params= {
// parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,157,180',
// lcJudgmentRuleReq:formList,
// projectId:+projectId,
// startTime:startTime,
// }
// addOperation(params).then((data)=>{
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// }).catch((error)=>{
// })
return
}
if(!this.form.voucherNumber) {
messageCard('请填写凭证号码')
return
}
if(!this.form.drawPassword) {
messagePassword()
return
}
this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这
this.visible = true;
}, this.$refs));
188: {
prop: 'depositTerm',//存期
type: '1',
"subjectId": 27,
},
189: {
prop: 'interest',//利息
type: '3',
"subjectId": 26,
},
190: {
prop: 'totalMoney',//总金额
type: '3',
"subjectId": 45,
},
submitForm2() {
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,157'
const nomUsefulPhrasesClosed = sessionStorage.getItem('nomUsefulPhrasesClosed')
const nomUsefulPhrasesClosed2 = sessionStorage.getItem('nomUsefulPhrasesClosed2')
const nomUsefulPhrasesClosedPassword = sessionStorage.getItem('nomUsefulPhrasesClosedPassword')
const cards = [
{
key: '180,13'
}
// {
// 180: nomUsefulPhrasesClosed
// },
// {
// 181: nomUsefulPhrasesClosed2,
191: {
prop: 'signDate',//起息日期
type: '3',
"subjectId": 32,
},
},
myTable2: {
180: {
prop: 'idNumber',
type: '3',
// "subjectId": 44,
},
181: {
prop: 'voucherNumber',
type: '3',
"subjectId": 44,
},
192: {
prop: 'drawPassword',
type: '3',
"subjectId": 17,
},
182: {
prop: 'customerName',//客户姓名
type: '3',
"subjectId": 7,
},
183: {
prop: 'currency',//币种
type: '1',
"subjectId": 8,
},
},
submited: 0
}
},
mounted () {
// },
// {
// 192: nomUsefulPhrasesClosedPassword,
// "subjectId": 32,
// }
]
},
methods: {
...mapMutations({
changeShowGoods: 'system/changeShowGoods',
setDataFlow: 'system/setDataFlow',
setNeedsModule: 'system/setNeedsModule',
setPopId: 'system/setPopId',
setTipsOperate: 'system/setTipsOperate'
}),
getDataBlur () {
if (!this.form.voucherNumber) {
return
}
const { currency, userName, depositNumber, goldLogo, capital, interestRate, interest, totalMoney, signDate, voucherNumber, depositTerm } = this.dataFlow
this.form.currency = currency
this.form.customerName = userName
this.form.depositNumber = depositNumber
this.form.goldLogo = goldLogo
this.form.capital = capital
this.form.interestRate = interestRate
this.form.interest = interest
this.form.totalMoney = totalMoney
this.form.signDate = signDate
// this.form.voucherNumber = voucherNumber
this.form.depositTerm = depositTerm
},
getFormData () {
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,157'
const cards = {
// 180: 'nomUsefulPhrasesClosed',
// 181: 'nomUsefulPhrasesClosed2',
// 192: 'nomUsefulPhrasesClosedPassword'
}
const callback = () => {
if (this.form.idNumber) {
this.idNumberJudge = true
}
if (this.form.voucherNumber) {
this.cardNumberJudge = true
}
if (sessionStorage.getItem('nomUsefulPhrasesClosedPassword')) {
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesClosedPassword')
}
}
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback)
},
popUp (text) {
// this.$store.commit('system/changePop',{show:true,text, id: '181'})
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards)
this.setNeedsModule(moduleName)
this.submited = 1
},
ismoney: ismoney,
checkHanzi: checkHanzi,
checkName: checkName,
inputListen
this.setTipsOperate('请刷银行卡');
this.setPopId('181')
sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/')
},
computed: {
...mapGetters({
dataFlow: 'system/dataFlow',
needsModule: 'system/needsModule',
idCardNumber: 'system/idCardNumber',
inMyWork: 'system/inMyWork',
getSelectList: 'system/getSelectList'
})
popUp2 (text) {
// this.$store.commit('system/changePop',{show:true,text, id: '192'})
this.setTipsOperate('请在密码器输入密码');
this.setPopId('192')
sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/')
},
popUp3 (text) {
// this.$store.commit('system/changePop',{show:true,text, id: '180'})
this.setTipsOperate('请刷身份证');
this.setPopId('180')
sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/')
},
submitForm () {
if (this.submited) return this.$message.error('已提交！')
if (!this.form.idNumber) {
messageIdCard()
// let projectId = sessionStorage.getItem('projectId')
// let startTime = sessionStorage.getItem('startTime')
// let formList = [
// {
// "answerId":'180',
// "emptyOne": "",
// "emptyTwo": "",
// "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,59,157,180,13",
// "type": ""
// }
// ]
// let params= {
// parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,157,180',
// lcJudgmentRuleReq:formList,
// projectId:+projectId,
// startTime:startTime,
// }
// addOperation(params).then((data)=>{
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// }).catch((error)=>{
// })
return
}
if (!this.form.voucherNumber) {
messageCard('请填写凭证号码')
return
}
if (!this.form.drawPassword) {
messagePassword()
return
}
this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这
this.visible = true;
}, this.$refs));
},
submitForm2 () {
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,157'
const nomUsefulPhrasesClosed = sessionStorage.getItem('nomUsefulPhrasesClosed')
const nomUsefulPhrasesClosed2 = sessionStorage.getItem('nomUsefulPhrasesClosed2')
const nomUsefulPhrasesClosedPassword = sessionStorage.getItem('nomUsefulPhrasesClosedPassword')
const cards = [
{
key: '180,13'
}
// {
// 180: nomUsefulPhrasesClosed
// },
// {
// 181: nomUsefulPhrasesClosed2,
// },
// {
// 192: nomUsefulPhrasesClosedPassword,
// "subjectId": 32,
// }
]
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards)
this.setNeedsModule(moduleName)
this.submited = 1
},
ismoney: ismoney,
checkHanzi: checkHanzi,
checkName: checkName,
inputListen
},
computed: {
...mapGetters({
dataFlow: 'system/dataFlow',
needsModule: 'system/needsModule',
idCardNumber: 'system/idCardNumber',
inMyWork: 'system/inMyWork',
getSelectList: 'system/getSelectList'
})
},
}
</script>
<style lang='scss' scoped>

38
src/store/modules/system.js
Unescape View File

@ -54,7 +54,7 @@ const allGoods = {
442: {name:'法人身份证',src:require('@/assets/img/goods/idCard.png'),id:442},
431: {name:'法人身份证复印件',src:require('@/assets/img/idCard-copy-sm.png'),id:431},
443: {name:'开立银行结算账户申请书',src:require('@/assets/img/goods/ApplicationBankSettlement.png'),id:432},
443: {name:'开立银行结算账户申请书',src:require('@/assets/img/goods/ApplicationBankSettlement.png'),id:443},
434: {name:'统一社会信用代码证',src:require('@/assets/img/goods/营业执照.png'),id:434},
435: {name:'统一社会信用代码证复印件',src:require('@/assets/img/goods/营业执照复印件.png'),id:435},
@ -66,6 +66,7 @@ const allGoods = {
409: {name:'现金存款凭证',src:require('@/assets/img/goods/CashCertificate.png'),id:409},
487: {name:'现金存款凭证联',src:require('@/assets/img/goods/CashCertificate.png'),id:487},
441: {name:'现金存款凭证回单',src:require('@/assets/img/goods/CashCertificate.png'),id:441},
440: {name:'现金存款凭证凭证联',src:require('@/assets/img/goods/CashCertificate.png'),id:440},
473: {name:'现金支票本联',src:require('@/assets/img/goods/xjzp.png'),id:473},
472: {name:'现金支票存根',src:require('@/assets/img/goods/xjzp.png'),id:472},
@ -655,7 +656,7 @@ const myInitState = {
'业务十一': {
id: 500,
name: '公司基本户开立',
data: [ 442, 431, 432, 434, 435, 436, 437 ],
data: [ 442, 431, 434, 435, 436, 437,443 ],
needs: [ 438, 439 ], // 多了普通空白凭证， 预留印鉴卡
isStamp: {
'业务专用章': [ 432, 438 ],
@ -1852,7 +1853,7 @@ export default {
'业务十一': {
id: 500,
name: '公司基本户开立',
data: [ 442, 431, 432, 434, 435, 436, 437 ],
data: [ 442, 431, 434, 435, 436, 437,443 ],
needs: [ 438, 439 ], // 多了普通空白凭证， 预留印鉴卡
isStamp: {
'业务专用章': [ 432, 438 ],
@ -2763,7 +2764,13 @@ export default {
state.businessSelect[state.businessKey].data.push(482, 481)
judgeDelete = false
stampSuccess = '464'
}else if(id === 411) {
}else if(id === 443) {
state.businessSelect[state.businessKey].data.push(432,433)
judgeDelete = false
cb([432, 433])
stampSuccess = '452'
}else if(id === 411) {
// judgeDelete = false
}
}else if(seal === '付讫章') {
@ -2810,7 +2817,7 @@ export default {
judgeDelete = false
stampSuccess = '447'
}else if(id === 409) {
state.businessSelect[state.businessKey].data.push(487, 441)
state.businessSelect[state.businessKey].data.push(440, 441)
judgeDelete = false
stampSuccess = '455'
}
@ -2884,6 +2891,13 @@ export default {
if(findIt === -1) {
formList.push({"answerId":stampSuccess, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + state.businessSelect[state.businessKey].id + ",287,8,"+stampSuccess,"type": ""})
sessionStorage.setItem('stampList', JSON.stringify(formList))
// 业务十一下给开立银行结算账户申请书盖完章后要调3次下面接口，因此这里特殊处理，手动添加两个
if (stampSuccess == 452 && id === 443) {
// formList.push(
// {"answerId":'432', "emptyOne": "", "emptyTwo": "", "operationIds": "285," + state.businessSelect[state.businessKey].id + ",287,8,432","type": ""},
// {"answerId":'433', "emptyOne": "", "emptyTwo": "", "operationIds": "285," + state.businessSelect[state.businessKey].id + ",287,8,433","type": ""}
// )
}
}
// let formList = [ {"answerId":stampSuccess, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + state.businessSelect[state.businessKey].id + ",287,8,"+stampSuccess,"type": ""} ]
let params= {
@ -2901,8 +2915,8 @@ export default {
}
// 给开立银行结算账户申请书凭证联盖业务专用章
if (sealArr[0] === '业务专用章' && id === 432) {
cb(432)
cb(433)
// cb(432)
// cb(433)
}
if(judgeDelete) {
this.commit('system/pushThingsGoods', [...state.businessSelect[state.businessKey].sealBox])
@ -3029,15 +3043,7 @@ export default {
arr.push(allGoods[item])
}
}else if(state.businessKey == '业务十一') {
if (item ==432) {
arr.push({
id: 432,
name: '开户银行结算账户申请书',
src: 'static/img/ApplicationBankSettlement.1e0ce8b4.png'
})
}else {
arr.push(allGoods[item])
}
arr.push(allGoods[item])
} else {
arr.push(allGoods[item])
}

Write Preview
Loading…
Cancel
Save