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
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 708
      src/pages/manage/list/business/openAccount.vue
  2. 2
      src/pages/manage/list/business/transfer.vue
  3. 795
      src/pages/manage/list/cityWide/cityWideOut.vue
  4. 654
      src/pages/manage/list/client/corporateClient.vue
  5. 937
      src/pages/manage/list/personal/usefulPhrases/accountClosed.vue
  6. 38
      src/store/modules/system.js

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

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

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

@ -52,7 +52,7 @@
</el-form-item> </el-form-item>
<el-form-item label="支取方式" prop="payWay"> <el-form-item label="支取方式" prop="payWay">
<el-select v-model.trim="form.payWay" disabled placeholder="请选择" ref="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-select>
</el-form-item> </el-form-item>
<el-form-item label="转入户名" prop="transinName"> <el-form-item label="转入户名" prop="transinName">

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

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

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

@ -1,66 +1,114 @@
// 企业客户 // 企业客户
<template> <template>
<div class="wrap2 wrap"> <div class="wrap2 wrap">
<MyTitle :titleArr="['客户信息', '公司客户信息建立']"/> <MyTitle :titleArr="['客户信息', '公司客户信息建立']" />
<div class="body"> <div class="body">
<el-row :gutter="20"> <el-row :gutter="20">
<el-form ref="form" :model="form" label-width="140px" :rules="rules"> <el-form ref="form"
<el-col :span="10" :offset="1"> :model="form"
<el-form-item label="证件类型"> label-width="140px"
<el-select v-model.trim="form.idType" placeholder="请选择" ref="idType"> :rules="rules">
<el-option label="统一社会信用代码证" :value="82"></el-option> <el-col :span="10"
</el-select> :offset="1">
</el-form-item> <el-form-item label="证件类型">
<el-form-item label="公司名称" prop="companyName"> <el-select v-model.trim="form.idType"
<el-input v-model.trim="form.companyName" maxlength="40" @input="(val) => checkHanzi(val, form, 'companyName')" ref="companyName"></el-input> placeholder="请选择"
ref="idType">
</el-form-item> <el-option label="统一社会信用代码证"
<el-form-item label="注册资本" class="relative"> :value="82"></el-option>
<el-input :value="form.registeredCapital" @input="val => ismoney(val, form, 'registeredCapital')" maxlength="15" ref="registeredCapital"></el-input> </el-select>
<span class="absolute" style="right: 10px;font-size: 16px;line-height: 40px; color: #606266;">万</span> </el-form-item>
</el-form-item> <el-form-item label="公司名称"
<el-form-item label="法人证件号码" required> prop="companyName">
<div class="idCard" @click="popUp('身份证扫描仪')" v-if='!idNumberJudge'> <el-input v-model.trim="form.companyName"
<p>请刷身份证</p> maxlength="40"
</div> @input="(val) => checkHanzi(val, form, 'companyName')"
<div v-else> ref="companyName"></el-input>
<el-input :value="form.idNumber" disabled ref="idNumber"></el-input>
</div> </el-form-item>
</el-form-item> <el-form-item label="注册资本"
<el-form-item label="联系电话" :rules="rules.phone" prop="phone"> class="relative">
<el-input :value="form.phone" @input="(val) => phoneListen(val, form, 'phone')" maxlength="12" ref='phone'></el-input> <el-input :value="form.registeredCapital"
</el-form-item> @input="val => ismoney(val, form, 'registeredCapital')"
</el-col> maxlength="15"
<el-col :span="10" :offset="1"> ref="registeredCapital"></el-input>
<el-form-item label="代码证号" prop="codeNumber"> <span class="absolute"
<el-input :value="form.codeNumber" @input="(val) => checkHanzi(val, form, 'codeNumber')" ref="codeNumber"></el-input> style="right: 10px;font-size: 16px;line-height: 40px; color: #606266;">万</span>
</el-form-item> </el-form-item>
<el-form-item label="公司地址"> <el-form-item label="法人证件号码"
<el-input v-model.trim="form.companyAddress" maxlength="60" ref="companyAddress"></el-input> required>
</el-form-item> <div class="idCard"
<el-form-item label="法人证件类型" prop="certificateType"> @click="popUp('身份证扫描仪')"
<el-select v-model.trim="form.certificateType" placeholder="请选择" ref="certificateType"> v-if='!idNumberJudge'>
<el-option label="身份证" :value="83"></el-option> <p>请刷身份证</p>
</el-select> </div>
</el-form-item> <div v-else>
<el-form-item label="法人姓名" prop="name"> <el-input :value="form.idNumber"
<el-input v-model.trim="form.name" disabled @input="(val) => checkName(val, form, 'name')" ref="name"></el-input> disabled
</el-form-item> ref="idNumber"></el-input>
</el-col> </div>
</el-form> </el-form-item>
</el-row> <el-form-item label="联系电话"
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button> :rules="rules.phone"
</div> prop="phone">
<el-input :value="form.phone"
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" /> @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> </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> </template>
<script> <script>
import { mapState, mapMutations, mapGetters } from 'vuex' 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 { addOperation, getOperation } from '@/api/http';
import { phoneListen, checkRequired, myValidate, checkHanzi, checkName, ismoney, messageIdCard } from '@/utils/utilFunction.js' import { phoneListen, checkRequired, myValidate, checkHanzi, checkName, ismoney, messageIdCard } from '@/utils/utilFunction.js'
import MyTitle from '@/components/myTitle' import MyTitle from '@/components/myTitle'
@ -70,270 +118,270 @@ import TipsBefore from '@/mixins/tipsBefore'
const moduleName = 'corporateClient' const moduleName = 'corporateClient'
export default { export default {
name: 'index', name: 'index',
components: { components: {
MyTitle, MyTitle,
NeedBefore, NeedBefore,
MyDialog MyDialog
}, },
mixins: [ TipsBefore ], mixins: [TipsBefore],
data() { data () {
return { return {
moduleName: 'corporateClient', moduleName: 'corporateClient',
idNumberJudge: false, idNumberJudge: false,
visible:false,// 表单 visible: false,// 表单
authorization:false,// 切授权 authorization: false,// 切授权
success:false,// 切成功 success: false,// 切成功
form:{ form: {
idNumber: '', idNumber: '',
name: '', name: '',
phone: '', phone: '',
idType: 82, idType: 82,
companyName: '', companyName: '',
registeredCapital: '', registeredCapital: '',
codeNumber: '', codeNumber: '',
companyAddress: '', companyAddress: '',
certificateType: '' certificateType: ''
}, },
formName:{ formName: {
idNumber: '法人证件号码', idNumber: '法人证件号码',
name: '法人姓名', name: '法人姓名',
phone: '联系电话', phone: '联系电话',
idType: '证件类型', idType: '证件类型',
companyName: '公司名称', companyName: '公司名称',
registeredCapital: '注册资本', registeredCapital: '注册资本',
codeNumber: '代码证号', codeNumber: '代码证号',
companyAddress: '公司地址', companyAddress: '公司地址',
certificateType: '法人证件类型' certificateType: '法人证件类型'
}, },
rules: { rules: {
idNumber: [ idNumber: [
{ {
required: true, required: true,
message: '请输入公司名称', message: '请输入公司名称',
trigger: 'blur' trigger: 'blur'
} }
], ],
companyName: [ companyName: [
{ {
required: true, required: true,
message: '请输入公司名称', message: '请输入公司名称',
trigger: 'blur' trigger: 'blur'
} }
], ],
phone: [ phone: [
{ {
pattern: mobPattern, pattern: mobPattern,
message: '联系电话格式有误' message: '联系电话格式有误'
}, },
{ {
required: true, required: true,
message: '请输入联系电话', message: '请输入联系电话',
trigger: 'blur' trigger: 'blur'
} }
], ],
name: [{ name: [{
pattern: namePattern, pattern: namePattern,
message: '法人姓名格式有误' message: '法人姓名格式有误'
}], }],
codeNumber: [ codeNumber: [
{ {
required: true, required: true,
message: '请输入代码证号', message: '请输入代码证号',
trigger: 'blur' trigger: 'blur'
} }
], ],
certificateType: [ certificateType: [
{ {
required: true, required: true,
message: '请输入法人证件类型', message: '请输入法人证件类型',
trigger: 'blur' trigger: 'blur'
} }
] ]
}, },
submited: 0 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()
},
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) => {
})
}, },
created() { ...mapMutations({
// firmClientIdentity changeShowGoods: 'system/changeShowGoods',
// if(this.isNeedBefore) { setDataFlow: 'system/setDataFlow',
// if(sessionStorage.getItem('firmClientIdentity')) { setNeedsModule: 'system/setNeedsModule',
// this.idNumberJudge = true setPopId: 'system/setPopId',
// this.form.idNumber = this.dataFlow.idNumber || '441515199812064569' setNeedsModule: 'system/setNeedsModule',
// } setTipsOperate: 'system/setTipsOperate'
// return }),
// } popUp () {// 唤起弹窗
if(sessionStorage.getItem('firmClientIdentity')) { // this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪',id:'34'})
this.idNumberJudge = true // this.setDataFlow()
const { idNumber, userName } = this.dataFlow // let tmpForm = {}
this.form.idNumber = idNumber // for(const key in this.form) {
this.form.name = userName // if(this.form[key]) {
} // tmpForm[key] = this.form[key]
// for(const key in this.dataFlow) { // }
// if(key === 'idNumber' || key === 'userName') { // }
// continue; // this.setDataFlow({ ...tmpForm })
// } this.setTipsOperate('请刷身份证');
// if(this.form.hasOwnProperty(key)) { this.setPopId('34')
// this.form[key] = this.dataFlow[key] sessionStorage.setItem('computerPath', this.$route.fullPath)
// } this.$router.push('/counter/list/')
// }
this.getFormData()
},
mounted() {
}, },
methods: { popSure () {
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(){
},
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: { submitForm () {
...mapGetters({ if (this.submited) return this.$message.error('已提交！')
dataFlow: 'system/dataFlow', if (!this.form.idNumber) {
inMyWork: 'system/inMyWork', messageIdCard()
needsModule: 'system/needsModule', 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> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.wrap{ .wrap {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
overflow: auto; overflow: auto;
.body{ .body {
margin-top: 50px; margin-top: 50px;
overflow: auto; overflow: auto;
overflow-y: auto; overflow-y: auto;

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

@ -1,89 +1,162 @@
// 销户 // 销户
<template> <template>
<div class="body"> <div class="body">
<el-row :gutter="20" style="margin: 0"> <el-row :gutter="20"
<el-form ref="form" :model="form" label-width="120px" :rules="rules"> style="margin: 0">
<el-col :span="10" :offset="1"> <el-form ref="form"
<el-form-item label="证件类型" prop="certificateType"> :model="form"
<el-select v-model.trim="form.certificateType" placeholder="请选择" ref="certificateType"> label-width="120px"
<el-option label="身份证" :value="83"> </el-option> :rules="rules">
</el-select> <el-col :span="10"
</el-form-item> :offset="1">
<el-form-item label="凭证号码" prop="voucherNumber"> <el-form-item label="证件类型"
<div v-if='!cardNumberJudge' class="idCard" @click="popUp('刷卡器')"> prop="certificateType">
<p>请刷卡</p> <el-select v-model.trim="form.certificateType"
</div> placeholder="请选择"
<div v-else> ref="certificateType">
<el-input disabled ref="voucherNumber" maxlength="20" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> <el-option label="身份证"
</div> :value="83"> </el-option>
<!-- <el-input @blur="getDataBlur" ref="voucherNumber" maxlength="20" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> --> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="币种" prop="currency"> <el-form-item label="凭证号码"
<el-select v-model.trim="form.currency" disabled placeholder="请选择" ref="currency"> prop="voucherNumber">
<el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> <div v-if='!cardNumberJudge'
</el-select> class="idCard"
</el-form-item> @click="popUp('刷卡器')">
<el-form-item label="定存编号" prop="depositNumber"> <p>请刷卡</p>
<el-input :value="form.depositNumber" disabled @input="(val) => checkHanzi(val, form, 'depositNumber')" ref="depositNumber"></el-input> </div>
</el-form-item> <div v-else>
<el-form-item label="利率" prop="interestRate"> <el-input disabled
<el-input :value="form.interestRate" disabled @input="(val) => checkHanzi(val, form, 'interestRate')" ref="interestRate"></el-input> ref="voucherNumber"
</el-form-item> maxlength="20"
<el-form-item label="利息" prop="interest"> :value="form.voucherNumber"
<el-input :value="form.interest" disabled @input="(val) => checkHanzi(val, form, 'interest')" ref="interest"></el-input> @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
</el-form-item> </div>
<el-form-item label="起息日期" required> <!-- <el-input @blur="getDataBlur" ref="voucherNumber" maxlength="20" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> -->
<el-date-picker </el-form-item>
disabled <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" v-model.trim="form.signDate"
type="date" type="date"
placeholder="选择日期" placeholder="选择日期"
format="yyyy-MM-dd" format="yyyy-MM-dd"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
ref="signDate"> ref="signDate">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10"
<el-form-item label="证件号码" required> :offset="1">
<div class="idCard" @click="popUp3('身份证扫描仪')" v-if='!idNumberJudge'> <el-form-item label="证件号码"
<p>请刷身份证</p> required>
</div> <div class="idCard"
<div v-else> @click="popUp3('身份证扫描仪')"
<el-input :value="form.idNumber" disabled ref="idNumber"></el-input> v-if='!idNumberJudge'>
</div> <p>请刷身份证</p>
</el-form-item> </div>
<el-form-item label="客户姓名" prop="customerName"> <div v-else>
<el-input ref="customerName" disabled :value="form.customerName" @input="(val) => checkName(val, form, 'customerName')"></el-input> <el-input :value="form.idNumber"
</el-form-item> disabled
<el-form-item label="钞汇标识" prop="goldLogo"> ref="idNumber"></el-input>
<el-select v-model.trim="form.goldLogo" disabled placeholder="请选择" ref="goldLogo"> </div>
<el-option v-for="item in getSelectList.goldLogoSelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> </el-form-item>
</el-select> <el-form-item label="客户姓名"
</el-form-item> prop="customerName">
<el-form-item label="本金" prop="capital"> <el-input ref="customerName"
<el-input :value="form.capital" disabled @input="val => ismoney(val, form, 'capital')" ref="capital" ></el-input> disabled
</el-form-item> :value="form.customerName"
<el-form-item label="存期" prop="depositTerm"> @input="(val) => checkName(val, form, 'customerName')"></el-input>
<el-select v-model.trim="form.depositTerm" disabled placeholder="请选择" ref="depositTerm"> </el-form-item>
<el-option label="1年" :value="86"> </el-option> <el-form-item label="钞汇标识"
<el-option label="3年" :value="88"> </el-option> prop="goldLogo">
<el-option label="5年" :value="89"> </el-option> <el-select v-model.trim="form.goldLogo"
</el-select> disabled
</el-form-item> placeholder="请选择"
<el-form-item label="总金额" prop="totalMoney"> ref="goldLogo">
<el-input :value="form.totalMoney" disabled @input="val => ismoney(val, form, 'totalMoney')" ref="totalMoney" ></el-input> <el-option v-for="item in getSelectList.goldLogoSelectList"
</el-form-item> :label="item.options"
<el-form-item label="支取密码" required> :value="item.itemId"
<div v-if='!form.drawPassword' class="idCard" @click="popUp2('密码器')"> :key="item.itemId"> </el-option>
<p>请输入密码</p> </el-select>
</div> </el-form-item>
<div v-else @click="popUp2('密码器')"> <el-form-item label="本金"
<el-input :value="form.drawPassword" ref="drawPassword" type="password"></el-input> prop="capital">
</div> <el-input :value="form.capital"
</el-form-item> disabled
<!-- <el-form-item label="续存标识" required> @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-select v-model.trim="form.identification" placeholder="请选择">
<el-option label="不续存" value="不续存"> </el-option> <el-option label="不续存" value="不续存"> </el-option>
<el-option label="续存1年" value="续存1年"> </el-option> <el-option label="续存1年" value="续存1年"> </el-option>
@ -91,376 +164,384 @@
<el-option label="续存5年" value="续存5年"> </el-option> <el-option label="续存5年" value="续存5年"> </el-option>
</el-select> </el-select>
</el-form-item> --> </el-form-item> -->
</el-col> </el-col>
</el-form> </el-form>
</el-row> </el-row>
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button> <el-button @click="submitForm"
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" depositNumber='0816' /> type="primary"
</div> class="submitBtn"
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> 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> </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, 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' const moduleName = 'usefulPhrases/accoumtClosed'
import { mapMutations, mapGetters } from 'vuex' import { mapMutations, mapGetters } from 'vuex'
import NeedBefore from '@/components/needBefore' import NeedBefore from '@/components/needBefore'
import MyDialog from '@/components/dialog' import MyDialog from '@/components/dialog'
import TipsBefore from '@/mixins/tipsBefore' import TipsBefore from '@/mixins/tipsBefore'
export default{ export default {
name:'', name: '',
props:{}, props: {},
components: { components: {
NeedBefore, NeedBefore,
MyDialog MyDialog
}, },
mixins: [ TipsBefore ], mixins: [TipsBefore],
created() { created () {
if(sessionStorage.getItem('nomUsefulPhrasesClosedPassword')) { if (sessionStorage.getItem('nomUsefulPhrasesClosedPassword')) {
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesClosedPassword') this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesClosedPassword')
} }
// if(this.isNeedBefore) { // if(this.isNeedBefore) {
// if(sessionStorage.getItem('nomUsefulPhrasesClosed')) { // if(sessionStorage.getItem('nomUsefulPhrasesClosed')) {
// this.idNumberJudge = true // this.idNumberJudge = true
// this.form.idNumber = this.dataFlow.idNumber || '441515199812064569' // this.form.idNumber = this.dataFlow.idNumber || '441515199812064569'
// } // }
// if(sessionStorage.getItem('nomUsefulPhrasesClosed2')) { // if(sessionStorage.getItem('nomUsefulPhrasesClosed2')) {
// this.cardNumberJudge = true // this.cardNumberJudge = true
// this.form.voucherNumber = this.dataFlow.voucherNumber || '159753' // 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'
// } // }
// return // ],
// } interestRate: [
if(sessionStorage.getItem('nomUsefulPhrasesClosed')) { {
this.idNumberJudge = true pattern: ratePattern,
const { idNumber } = this.dataFlow message: '利率格式有误'
this.form.idNumber = idNumber }
} ]
if(sessionStorage.getItem('nomUsefulPhrasesClosed2')) { },
this.cardNumberJudge = true myTable: {
const { currency, userName, depositNumber, goldLogo, capital, interestRate, interest, totalMoney, signDate, voucherNumber, depositTerm } = this.dataFlow 179: {
this.form.currency = currency prop: 'certificateType',//证件类型
this.form.customerName = userName type: '1',
this.form.depositNumber = depositNumber "subjectId": 19,
this.form.goldLogo = goldLogo },
this.form.capital = capital 184: {
this.form.interestRate = interestRate prop: 'goldLogo',//钞汇标识
this.form.interest = interest type: '1',
this.form.totalMoney = totalMoney "subjectId": 9,
this.form.signDate = signDate },
this.form.voucherNumber = voucherNumber 185: {
this.form.depositTerm = depositTerm 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 () {
this.getFormData() },
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
}, },
data(){ getFormData () {
return{ const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,157'
moduleName: 'usefulPhrases/accoumtClosed', const cards = {
idNumberJudge: false, // 180: 'nomUsefulPhrasesClosed',
cardNumberJudge: false, // 181: 'nomUsefulPhrasesClosed2',
visible: false, // 192: 'nomUsefulPhrasesClosedPassword'
form:{ }
// 必填项 const callback = () => {
idNumber: '', // 身份证号码 if (this.form.idNumber) {
currency: '', // 币种 this.idNumberJudge = true
voucherNumber: '', // 凭证号码 }
drawPassword: '', // 支取密码 if (this.form.voucherNumber) {
// 非必填项 this.cardNumberJudge = true
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
} }
if (sessionStorage.getItem('nomUsefulPhrasesClosedPassword')) {
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesClosedPassword')
}
}
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback)
}, },
mounted() { 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/')
}, },
methods: { popUp2 (text) {
...mapMutations({ // this.$store.commit('system/changePop',{show:true,text, id: '192'})
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'})
this.setTipsOperate('请刷银行卡'); this.setTipsOperate('请在密码器输入密码');
this.setPopId('181') this.setPopId('192')
sessionStorage.setItem('computerPath', this.$route.fullPath) sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/') this.$router.push('/counter/list/')
}, },
popUp2(text) { popUp3 (text) {
// this.$store.commit('system/changePop',{show:true,text, id: '192'}) // this.$store.commit('system/changePop',{show:true,text, id: '180'})
this.setTipsOperate('请在密码器输入密码'); this.setTipsOperate('请刷身份证');
this.setPopId('192') this.setPopId('180')
sessionStorage.setItem('computerPath', this.$route.fullPath) sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/') this.$router.push('/counter/list/')
}, },
popUp3(text) { submitForm () {
// this.$store.commit('system/changePop',{show:true,text, id: '180'}) 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
}
this.setTipsOperate('请刷身份证'); if (!this.form.drawPassword) {
this.setPopId('180') messagePassword()
sessionStorage.setItem('computerPath', this.$route.fullPath) return
this.$router.push('/counter/list/') }
}, this.$refs.form.validate(myValidate(() => {
submitForm() { // 验证通过逻辑写在这
if (this.submited) return this.$message.error('已提交！') this.visible = true;
if(!this.form.idNumber) { }, this.$refs));
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: { submitForm2 () {
...mapGetters({ const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,157'
dataFlow: 'system/dataFlow', const nomUsefulPhrasesClosed = sessionStorage.getItem('nomUsefulPhrasesClosed')
needsModule: 'system/needsModule', const nomUsefulPhrasesClosed2 = sessionStorage.getItem('nomUsefulPhrasesClosed2')
idCardNumber: 'system/idCardNumber', const nomUsefulPhrasesClosedPassword = sessionStorage.getItem('nomUsefulPhrasesClosedPassword')
inMyWork: 'system/inMyWork', const cards = [
getSelectList: 'system/getSelectList' {
}) 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> </script>
<style lang='scss' scoped> <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}, 442: {name:'法人身份证',src:require('@/assets/img/goods/idCard.png'),id:442},
431: {name:'法人身份证复印件',src:require('@/assets/img/idCard-copy-sm.png'),id:431}, 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}, 434: {name:'统一社会信用代码证',src:require('@/assets/img/goods/营业执照.png'),id:434},
435: {name:'统一社会信用代码证复印件',src:require('@/assets/img/goods/营业执照复印件.png'),id:435}, 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}, 409: {name:'现金存款凭证',src:require('@/assets/img/goods/CashCertificate.png'),id:409},
487: {name:'现金存款凭证联',src:require('@/assets/img/goods/CashCertificate.png'),id:487}, 487: {name:'现金存款凭证联',src:require('@/assets/img/goods/CashCertificate.png'),id:487},
441: {name:'现金存款凭证回单',src:require('@/assets/img/goods/CashCertificate.png'),id:441}, 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}, 473: {name:'现金支票本联',src:require('@/assets/img/goods/xjzp.png'),id:473},
472: {name:'现金支票存根',src:require('@/assets/img/goods/xjzp.png'),id:472}, 472: {name:'现金支票存根',src:require('@/assets/img/goods/xjzp.png'),id:472},
@ -655,7 +656,7 @@ const myInitState = {
'业务十一': { '业务十一': {
id: 500, id: 500,
name: '公司基本户开立', name: '公司基本户开立',
data: [ 442, 431, 432, 434, 435, 436, 437 ], data: [ 442, 431, 434, 435, 436, 437,443 ],
needs: [ 438, 439 ], // 多了普通空白凭证， 预留印鉴卡 needs: [ 438, 439 ], // 多了普通空白凭证， 预留印鉴卡
isStamp: { isStamp: {
'业务专用章': [ 432, 438 ], '业务专用章': [ 432, 438 ],
@ -1852,7 +1853,7 @@ export default {
'业务十一': { '业务十一': {
id: 500, id: 500,
name: '公司基本户开立', name: '公司基本户开立',
data: [ 442, 431, 432, 434, 435, 436, 437 ], data: [ 442, 431, 434, 435, 436, 437,443 ],
needs: [ 438, 439 ], // 多了普通空白凭证， 预留印鉴卡 needs: [ 438, 439 ], // 多了普通空白凭证， 预留印鉴卡
isStamp: { isStamp: {
'业务专用章': [ 432, 438 ], '业务专用章': [ 432, 438 ],
@ -2763,7 +2764,13 @@ export default {
state.businessSelect[state.businessKey].data.push(482, 481) state.businessSelect[state.businessKey].data.push(482, 481)
judgeDelete = false judgeDelete = false
stampSuccess = '464' 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 // judgeDelete = false
} }
}else if(seal === '付讫章') { }else if(seal === '付讫章') {
@ -2810,7 +2817,7 @@ export default {
judgeDelete = false judgeDelete = false
stampSuccess = '447' stampSuccess = '447'
}else if(id === 409) { }else if(id === 409) {
state.businessSelect[state.businessKey].data.push(487, 441) state.businessSelect[state.businessKey].data.push(440, 441)
judgeDelete = false judgeDelete = false
stampSuccess = '455' stampSuccess = '455'
} }
@ -2884,6 +2891,13 @@ export default {
if(findIt === -1) { if(findIt === -1) {
formList.push({"answerId":stampSuccess, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + state.businessSelect[state.businessKey].id + ",287,8,"+stampSuccess,"type": ""}) formList.push({"answerId":stampSuccess, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + state.businessSelect[state.businessKey].id + ",287,8,"+stampSuccess,"type": ""})
sessionStorage.setItem('stampList', JSON.stringify(formList)) 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 formList = [ {"answerId":stampSuccess, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + state.businessSelect[state.businessKey].id + ",287,8,"+stampSuccess,"type": ""} ]
let params= { let params= {
@ -2901,8 +2915,8 @@ export default {
} }
// 给开立银行结算账户申请书凭证联盖业务专用章 // 给开立银行结算账户申请书凭证联盖业务专用章
if (sealArr[0] === '业务专用章' && id === 432) { if (sealArr[0] === '业务专用章' && id === 432) {
cb(432) // cb(432)
cb(433) // cb(433)
} }
if(judgeDelete) { if(judgeDelete) {
this.commit('system/pushThingsGoods', [...state.businessSelect[state.businessKey].sealBox]) this.commit('system/pushThingsGoods', [...state.businessSelect[state.businessKey].sealBox])
@ -3029,15 +3043,7 @@ export default {
arr.push(allGoods[item]) arr.push(allGoods[item])
} }
}else if(state.businessKey == '业务十一') { }else if(state.businessKey == '业务十一') {
if (item ==432) { arr.push(allGoods[item])
arr.push({
id: 432,
name: '开户银行结算账户申请书',
src: 'static/img/ApplicationBankSettlement.1e0ce8b4.png'
})
}else {
arr.push(allGoods[item])
}
} else { } else {
arr.push(allGoods[item]) arr.push(allGoods[item])
} }

Write Preview
Loading…
Cancel
Save