|
|
|
|
@ -1,76 +1,82 @@ |
|
|
|
|
<!-- 现金管理 --> |
|
|
|
|
<template> |
|
|
|
|
<div class="wrap"> |
|
|
|
|
<!-- <div class="title"> |
|
|
|
|
<div class="wrap"> |
|
|
|
|
<!-- <div class="title"> |
|
|
|
|
<p>重空现金</p> |
|
|
|
|
<i class="el-icon-arrow-right"></i> |
|
|
|
|
<p>支票管理</p> |
|
|
|
|
<i class="el-icon-arrow-right"></i> |
|
|
|
|
<p>支票出售</p> |
|
|
|
|
</div> --> |
|
|
|
|
<my-title :titleArr="['重空现金', '支票管理', '支票出售']"/> |
|
|
|
|
<my-title :titleArr="['重控现金', '支票管理', '支票出售']" /> |
|
|
|
|
|
|
|
|
|
<el-row :gutter="20" style="margin: 0"> |
|
|
|
|
<el-form ref="form" :model="form" label-width="120px" :rules="rules"> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="账号" prop="username"> |
|
|
|
|
<el-input @blur="onBlur()" :value="form.username" @input="val => checkHanzi(val, form, 'username')" ref="username"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="凭证类型" prop="voucherType"> |
|
|
|
|
<el-select v-model.trim="form.voucherType" placeholder="请选择" ref="voucherType"> |
|
|
|
|
<!-- 15: 'IC卡', |
|
|
|
|
<el-row :gutter="20" style="margin: 0"> |
|
|
|
|
<el-form ref="form" :model="form" label-width="120px" :rules="rules"> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="账号" prop="username"> |
|
|
|
|
<el-input @blur="onBlur()" :value="form.username" @input="val => checkHanzi(val, form, 'username')" |
|
|
|
|
ref="username"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="凭证类型" prop="voucherType"> |
|
|
|
|
<el-select v-model.trim="form.voucherType" placeholder="请选择" ref="voucherType"> |
|
|
|
|
<!-- 15: 'IC卡', |
|
|
|
|
115: '转账支票', |
|
|
|
|
116: '现金支票', |
|
|
|
|
123: '存单', |
|
|
|
|
127: '银行' --> |
|
|
|
|
<el-option label="IC卡" :value="15"> </el-option> |
|
|
|
|
<el-option label="转账支票" :value="115"> </el-option> |
|
|
|
|
<el-option label="现金支票" :value="116"> </el-option> |
|
|
|
|
<el-option label="存单" :value="123"> </el-option> |
|
|
|
|
<el-option label="银行" :value="127"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="凭证终止号" prop="endNumber"> |
|
|
|
|
<el-input :value="form.endNumber" @blur="getBlur()" @input="val => certificateNumber(val, form, 'endNumber')" ref="endNumber"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-option label="IC卡" :value="15"> </el-option> |
|
|
|
|
<el-option label="转账支票" :value="115"> </el-option> |
|
|
|
|
<el-option label="现金支票" :value="116"> </el-option> |
|
|
|
|
<el-option label="存单" :value="123"> </el-option> |
|
|
|
|
<el-option label="银行" :value="127"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="凭证终止号" prop="endNumber"> |
|
|
|
|
<el-input :value="form.endNumber" @blur="getBlur()" |
|
|
|
|
@input="val => certificateNumber(val, form, 'endNumber')" ref="endNumber"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="收费类型" prop="chargeWay2"> |
|
|
|
|
<el-select v-model.trim="form.chargeWay2" placeholder="请选择" ref="chargeWay2"> |
|
|
|
|
<el-option label="现金" :value="135"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="手续费" prop="serviceCharge"> |
|
|
|
|
<el-input :value="form.serviceCharge" @input="(val) => ismoney(val, form, 'serviceCharge')" ref="serviceCharge"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="客户名称" prop="customerName"> |
|
|
|
|
<el-input v-model.trim="form.customerName" ref="customerName" ></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="凭证起始号" prop="startNumber"> |
|
|
|
|
<el-input :value="form.startNumber" @input="(val) => certificateNumber(val, form, 'startNumber')" ref="startNumber"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="数量" prop="number"> |
|
|
|
|
<el-input :value="form.number" disabled @input="val => inputListen(val, form, 'number')" ref="number" ></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="工本费" prop="cost"> |
|
|
|
|
<el-input :value="form.cost" @input="val => ismoney(val, form, 'cost')" ref="cost" ></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="摘要" prop="abstract"> |
|
|
|
|
<el-input v-model.trim="form.abstract" ></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-form-item label="收费类型" prop="chargeWay2"> |
|
|
|
|
<el-select v-model.trim="form.chargeWay2" placeholder="请选择" ref="chargeWay2"> |
|
|
|
|
<el-option label="现金" :value="135"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="手续费" prop="serviceCharge"> |
|
|
|
|
<el-input :value="form.serviceCharge" @input="(val) => ismoney(val, form, 'serviceCharge')" |
|
|
|
|
ref="serviceCharge"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="客户名称" prop="customerName"> |
|
|
|
|
<el-input v-model.trim="form.customerName" ref="customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="凭证起始号" prop="startNumber"> |
|
|
|
|
<el-input :value="form.startNumber" @input="(val) => certificateNumber(val, form, 'startNumber')" |
|
|
|
|
ref="startNumber"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="数量" prop="number"> |
|
|
|
|
<el-input :value="form.number" disabled @input="val => inputListen(val, form, 'number')" |
|
|
|
|
ref="number"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="工本费" prop="cost"> |
|
|
|
|
<el-input :value="form.cost" @input="val => ismoney(val, form, 'cost')" ref="cost"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="摘要" prop="abstract"> |
|
|
|
|
<el-input v-model.trim="form.abstract"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
<el-button @click="submitIt()" type="primary" class="submitBtn">提交</el-button> |
|
|
|
|
<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" /> --> |
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
<el-button @click="submitIt()" type="primary" class="submitBtn">提交</el-button> |
|
|
|
|
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" |
|
|
|
|
@submitIt="submitForm2" /> |
|
|
|
|
</div> |
|
|
|
|
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" class="wrap" /> --> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import { myValidate, ismoney, checkName, checkHanzi, autoPlay, autoPlay2, inputListen, certificateNumber } from '@/utils/utilFunction.js' |
|
|
|
|
import { myValidate, ismoney, checkName, checkHanzi, autoPlay, autoPlay2, inputListen, certificateNumber } from '@/utils/utilFunction.js' |
|
|
|
|
import { addOperation, getOperation } from '@/api/http'; |
|
|
|
|
import MyTitle from '@/components/myTitle' |
|
|
|
|
|
|
|
|
|
@ -81,310 +87,321 @@ import TipsBefore from '@/mixins/tipsBefore' |
|
|
|
|
const moduleName = 'controlCash3/index' |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
name: 'index', |
|
|
|
|
mixins: [ TipsBefore ], |
|
|
|
|
components:{ |
|
|
|
|
NeedBefore, |
|
|
|
|
MyDialog, |
|
|
|
|
MyTitle |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
moduleName, |
|
|
|
|
visible: false, |
|
|
|
|
unNeed: false, |
|
|
|
|
isNeedBefore: '', |
|
|
|
|
needBefore: '', |
|
|
|
|
form:{ |
|
|
|
|
// 必填项 |
|
|
|
|
username: '', // 账号 |
|
|
|
|
startNumber: '', // 凭证起始号 |
|
|
|
|
endNumber: '', // 凭证终止号 |
|
|
|
|
// 非必填项 |
|
|
|
|
voucherType: '', // 凭证类型 |
|
|
|
|
chargeWay2: 135, // 收费类型 |
|
|
|
|
serviceCharge: '5.00', // 手续费 |
|
|
|
|
customerName: '', // 客户名称 |
|
|
|
|
number: '', // 数量 |
|
|
|
|
cost: '', // 工本费 |
|
|
|
|
abstract: '' // 摘要 |
|
|
|
|
}, |
|
|
|
|
formName:{ |
|
|
|
|
// 必填项 |
|
|
|
|
username: '账号', // |
|
|
|
|
startNumber: '凭证起始号', // |
|
|
|
|
endNumber: '凭证终止号', // |
|
|
|
|
// 非必填项 |
|
|
|
|
voucherType: '凭证类型', // |
|
|
|
|
chargeWay2: '收费类型', // |
|
|
|
|
serviceCharge: '手续费', // |
|
|
|
|
customerName: '客户名称', // |
|
|
|
|
number: '数量', // |
|
|
|
|
cost: '工本费', // |
|
|
|
|
abstract: '摘要' // |
|
|
|
|
}, |
|
|
|
|
myTable2: { |
|
|
|
|
|
|
|
|
|
240: { |
|
|
|
|
prop: 'username', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 84, |
|
|
|
|
}, |
|
|
|
|
536: { |
|
|
|
|
prop: 'startNumber', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 95, |
|
|
|
|
}, |
|
|
|
|
// 凭证终止号： |
|
|
|
|
550: { |
|
|
|
|
prop: 'endNumber', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 103, |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
myTable: { |
|
|
|
|
241: { |
|
|
|
|
prop: 'customerName', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 7, |
|
|
|
|
}, |
|
|
|
|
253: { |
|
|
|
|
prop: 'voucherType', |
|
|
|
|
type: '1', |
|
|
|
|
"subjectId": 11, |
|
|
|
|
}, |
|
|
|
|
533: { |
|
|
|
|
prop: 'number', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 94, |
|
|
|
|
}, |
|
|
|
|
name: 'index', |
|
|
|
|
mixins: [TipsBefore], |
|
|
|
|
components: { |
|
|
|
|
NeedBefore, |
|
|
|
|
MyDialog, |
|
|
|
|
MyTitle |
|
|
|
|
}, |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
moduleName, |
|
|
|
|
visible: false, |
|
|
|
|
unNeed: false, |
|
|
|
|
isNeedBefore: '', |
|
|
|
|
needBefore: '', |
|
|
|
|
form: { |
|
|
|
|
// 必填项 |
|
|
|
|
username: '', // 账号 |
|
|
|
|
startNumber: '', // 凭证起始号 |
|
|
|
|
endNumber: '', // 凭证终止号 |
|
|
|
|
// 非必填项 |
|
|
|
|
voucherType: '', // 凭证类型 |
|
|
|
|
chargeWay2: 135, // 收费类型 |
|
|
|
|
serviceCharge: '5.00', // 手续费 |
|
|
|
|
customerName: '', // 客户名称 |
|
|
|
|
number: '', // 数量 |
|
|
|
|
cost: '', // 工本费 |
|
|
|
|
abstract: '' // 摘要 |
|
|
|
|
}, |
|
|
|
|
formName: { |
|
|
|
|
// 必填项 |
|
|
|
|
username: '账号', // |
|
|
|
|
startNumber: '凭证起始号', // |
|
|
|
|
endNumber: '凭证终止号', // |
|
|
|
|
// 非必填项 |
|
|
|
|
voucherType: '凭证类型', // |
|
|
|
|
chargeWay2: '收费类型', // |
|
|
|
|
serviceCharge: '手续费', // |
|
|
|
|
customerName: '客户名称', // |
|
|
|
|
number: '数量', // |
|
|
|
|
cost: '工本费', // |
|
|
|
|
abstract: '摘要' // |
|
|
|
|
}, |
|
|
|
|
myTable2: { |
|
|
|
|
|
|
|
|
|
537: { |
|
|
|
|
prop: 'cost', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 96, |
|
|
|
|
}, |
|
|
|
|
538: { |
|
|
|
|
prop: 'chargeWay2', |
|
|
|
|
type: '1', |
|
|
|
|
"subjectId": 90, |
|
|
|
|
}, |
|
|
|
|
539: { |
|
|
|
|
prop: 'abstract', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 97, |
|
|
|
|
}, |
|
|
|
|
540: { |
|
|
|
|
prop: 'serviceCharge', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 98, |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
username: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入账号', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
startNumber: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入凭证起始号', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
endNumber: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入凭证终止号', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
submited: 0 |
|
|
|
|
240: { |
|
|
|
|
prop: 'username', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 84, |
|
|
|
|
}, |
|
|
|
|
536: { |
|
|
|
|
prop: 'startNumber', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 95, |
|
|
|
|
}, |
|
|
|
|
// 凭证终止号： |
|
|
|
|
550: { |
|
|
|
|
prop: 'endNumber', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 103, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
// this.handleSelect(1) |
|
|
|
|
if(this.inMyWork(moduleName)) { |
|
|
|
|
if(this.needsModule(moduleName) === '') { |
|
|
|
|
|
|
|
|
|
}else { |
|
|
|
|
this.isNeedBefore = true |
|
|
|
|
this.needBefore = this.needsModule(moduleName) |
|
|
|
|
} |
|
|
|
|
}else { |
|
|
|
|
this.isNeedBefore = true |
|
|
|
|
this.unNeed = true |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
this.$refs.username.focus() |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
...mapMutations({ |
|
|
|
|
setTipsOperate: 'system/setTipsOperate' |
|
|
|
|
}), |
|
|
|
|
onBlur() { |
|
|
|
|
if(this.form.username) { |
|
|
|
|
const { collectingCompany } = this.dataFlow |
|
|
|
|
this.form.customerName = collectingCompany |
|
|
|
|
}else { |
|
|
|
|
this.form.customerName = '' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
myTable: { |
|
|
|
|
241: { |
|
|
|
|
prop: 'customerName', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 7, |
|
|
|
|
}, |
|
|
|
|
253: { |
|
|
|
|
prop: 'voucherType', |
|
|
|
|
type: '1', |
|
|
|
|
"subjectId": 11, |
|
|
|
|
}, |
|
|
|
|
533: { |
|
|
|
|
prop: 'number', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 94, |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
537: { |
|
|
|
|
prop: 'cost', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 96, |
|
|
|
|
}, |
|
|
|
|
538: { |
|
|
|
|
prop: 'chargeWay2', |
|
|
|
|
type: '1', |
|
|
|
|
"subjectId": 90, |
|
|
|
|
}, |
|
|
|
|
539: { |
|
|
|
|
prop: 'abstract', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 97, |
|
|
|
|
}, |
|
|
|
|
getBlur() { |
|
|
|
|
const number = Number(this.form.endNumber) - Number(this.form.startNumber) |
|
|
|
|
if(number<0 || this.form.endNumber.length<this.form.startNumber.length) { |
|
|
|
|
this.form.number = 0 |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
this.form.number = number |
|
|
|
|
540: { |
|
|
|
|
prop: 'serviceCharge', |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": 98, |
|
|
|
|
}, |
|
|
|
|
submitIt() { |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
username: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入账号', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
startNumber: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入凭证起始号', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
endNumber: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入凭证终止号', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
submited: 0 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
created () { |
|
|
|
|
// this.handleSelect(1) |
|
|
|
|
if (this.inMyWork(moduleName)) { |
|
|
|
|
if (this.needsModule(moduleName) === '') { |
|
|
|
|
|
|
|
|
|
} else { |
|
|
|
|
this.isNeedBefore = true |
|
|
|
|
this.needBefore = this.needsModule(moduleName) |
|
|
|
|
} |
|
|
|
|
} else { |
|
|
|
|
this.isNeedBefore = true |
|
|
|
|
this.unNeed = true |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
mounted () { |
|
|
|
|
this.$refs.username.focus() |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
...mapMutations({ |
|
|
|
|
setTipsOperate: 'system/setTipsOperate' |
|
|
|
|
}), |
|
|
|
|
onBlur () { |
|
|
|
|
if (this.form.username) { |
|
|
|
|
const { collectingCompany } = this.dataFlow |
|
|
|
|
this.form.customerName = collectingCompany |
|
|
|
|
} else { |
|
|
|
|
this.form.customerName = '' |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if (this.submited) return this.$message.error('已提交！') |
|
|
|
|
this.$refs.form.validate(myValidate(() => { |
|
|
|
|
if(this.form.number <= 0) { |
|
|
|
|
// this.$message({ |
|
|
|
|
// message: '您的起始号码卡号比结束号码卡号排序更后,请检查一下。', |
|
|
|
|
// type: 'warning', |
|
|
|
|
// center: true |
|
|
|
|
// }); |
|
|
|
|
this.setTipsOperate('结束号码应大于起始号码') |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
if(this.form.startNumber.length !== this.form.endNumber.length) { |
|
|
|
|
this.setTipsOperate('凭证起始号和凭证终止号长度不同，请检查') |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
this.visible = true |
|
|
|
|
}, this.$refs)); |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
getBlur () { |
|
|
|
|
const number = Number(this.form.endNumber) - Number(this.form.startNumber) |
|
|
|
|
if (number < 0 || this.form.endNumber.length < this.form.startNumber.length) { |
|
|
|
|
this.form.number = 0 |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
this.form.number = number |
|
|
|
|
}, |
|
|
|
|
submitIt () { |
|
|
|
|
|
|
|
|
|
submitForm2() { |
|
|
|
|
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,31,520' |
|
|
|
|
const cards = [ |
|
|
|
|
|
|
|
|
|
] |
|
|
|
|
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
|
|
|
|
this.submited = 1 |
|
|
|
|
}, |
|
|
|
|
checkHanzi: checkHanzi, |
|
|
|
|
inputListen: inputListen, |
|
|
|
|
ismoney: ismoney, |
|
|
|
|
certificateNumber |
|
|
|
|
if (this.submited) return this.$message.error('已提交！') |
|
|
|
|
this.$refs.form.validate(myValidate(() => { |
|
|
|
|
if (this.form.number <= 0) { |
|
|
|
|
// this.$message({ |
|
|
|
|
// message: '您的起始号码卡号比结束号码卡号排序更后,请检查一下。', |
|
|
|
|
// type: 'warning', |
|
|
|
|
// center: true |
|
|
|
|
// }); |
|
|
|
|
this.setTipsOperate('结束号码应大于起始号码') |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
if (this.form.startNumber.length !== this.form.endNumber.length) { |
|
|
|
|
this.setTipsOperate('凭证起始号和凭证终止号长度不同，请检查') |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
this.visible = true |
|
|
|
|
}, this.$refs)); |
|
|
|
|
}, |
|
|
|
|
computed: { |
|
|
|
|
...mapGetters({ |
|
|
|
|
needsModule: 'system/needsModule', |
|
|
|
|
inMyWork: 'system/inMyWork', |
|
|
|
|
dataFlow: 'system/dataFlow', |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
submitForm2 () { |
|
|
|
|
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,31,520' |
|
|
|
|
const cards = [ |
|
|
|
|
|
|
|
|
|
] |
|
|
|
|
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
|
|
|
|
this.submited = 1 |
|
|
|
|
}, |
|
|
|
|
checkHanzi: checkHanzi, |
|
|
|
|
inputListen: inputListen, |
|
|
|
|
ismoney: ismoney, |
|
|
|
|
certificateNumber |
|
|
|
|
}, |
|
|
|
|
computed: { |
|
|
|
|
...mapGetters({ |
|
|
|
|
needsModule: 'system/needsModule', |
|
|
|
|
inMyWork: 'system/inMyWork', |
|
|
|
|
dataFlow: 'system/dataFlow', |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
// .submitBtn{ |
|
|
|
|
// position: relative; |
|
|
|
|
// width: 200px; |
|
|
|
|
// font-size: 18px; |
|
|
|
|
// height: 45px; |
|
|
|
|
// margin-top: 50px; |
|
|
|
|
// border-radius: 10px; |
|
|
|
|
// bottom: 10px; |
|
|
|
|
// left: 50%; |
|
|
|
|
// transform: translate(-50%,-20%); |
|
|
|
|
// } |
|
|
|
|
.el-input, .el-select { |
|
|
|
|
width: 100%!important; |
|
|
|
|
// .submitBtn{ |
|
|
|
|
// position: relative; |
|
|
|
|
// width: 200px; |
|
|
|
|
// font-size: 18px; |
|
|
|
|
// height: 45px; |
|
|
|
|
// margin-top: 50px; |
|
|
|
|
// border-radius: 10px; |
|
|
|
|
// bottom: 10px; |
|
|
|
|
// left: 50%; |
|
|
|
|
// transform: translate(-50%,-20%); |
|
|
|
|
// } |
|
|
|
|
.el-input, |
|
|
|
|
.el-select { |
|
|
|
|
width: 100% !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.wrap { |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
overflow: auto; |
|
|
|
|
padding: 24px 0 24px 24px; |
|
|
|
|
|
|
|
|
|
.nav { |
|
|
|
|
/deep/ .el-menu.el-menu--horizontal { |
|
|
|
|
border: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.wrap{ |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
overflow: auto; |
|
|
|
|
padding: 24px 0 24px 24px; |
|
|
|
|
.nav{ |
|
|
|
|
/deep/ .el-menu.el-menu--horizontal{ |
|
|
|
|
border: 0; |
|
|
|
|
} |
|
|
|
|
/deep/ .el-menu--horizontal > .el-menu-item.is-active{ |
|
|
|
|
border:2px solid #568DF2; |
|
|
|
|
border-radius: 10px; |
|
|
|
|
color: #000; |
|
|
|
|
} |
|
|
|
|
/deep/ .el-menu--horizontal > .el-menu-item{ |
|
|
|
|
border: 2px solid transparent; |
|
|
|
|
border-radius: 10px; |
|
|
|
|
margin-right: 10px; |
|
|
|
|
height: 30px; |
|
|
|
|
line-height: 28px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.title{ |
|
|
|
|
height: 60px; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
font-size: 20px; |
|
|
|
|
padding-left: 0px; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
.body{ |
|
|
|
|
margin-top: 50px; |
|
|
|
|
overflow: auto; |
|
|
|
|
.idCard{ |
|
|
|
|
border-radius: 5px; |
|
|
|
|
background: #CFDDFF; |
|
|
|
|
text-align: center; |
|
|
|
|
height: 40px; |
|
|
|
|
line-height: 40px; |
|
|
|
|
font-size: 18px; |
|
|
|
|
color: #6191FF; |
|
|
|
|
} |
|
|
|
|
.add{ |
|
|
|
|
position: relative; |
|
|
|
|
&::after{ |
|
|
|
|
content: ''; |
|
|
|
|
display: block; |
|
|
|
|
position: absolute; |
|
|
|
|
right: 3%; |
|
|
|
|
top: -4%; |
|
|
|
|
border: 1px dashed #CFDDFF; |
|
|
|
|
width: 88%; |
|
|
|
|
height: 268px; |
|
|
|
|
} |
|
|
|
|
.addBtn{ |
|
|
|
|
position: absolute; |
|
|
|
|
left: 0; |
|
|
|
|
top: 50%; |
|
|
|
|
transform: translate(50%,-50%); |
|
|
|
|
font-size: 22px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.submitBtn{ |
|
|
|
|
position: relative; |
|
|
|
|
width: 200px; |
|
|
|
|
font-size: 18px; |
|
|
|
|
height: 45px; |
|
|
|
|
margin-top: 180px; |
|
|
|
|
border-radius: 10px; |
|
|
|
|
bottom: 10px; |
|
|
|
|
left: 50%; |
|
|
|
|
transform: translate(-50%,-20%); |
|
|
|
|
} |
|
|
|
|
/deep/ .el-menu--horizontal>.el-menu-item.is-active { |
|
|
|
|
border: 2px solid #568DF2; |
|
|
|
|
border-radius: 10px; |
|
|
|
|
color: #000; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.el-select { |
|
|
|
|
width: 279.17px; |
|
|
|
|
/deep/ .el-menu--horizontal>.el-menu-item { |
|
|
|
|
border: 2px solid transparent; |
|
|
|
|
border-radius: 10px; |
|
|
|
|
margin-right: 10px; |
|
|
|
|
height: 30px; |
|
|
|
|
line-height: 28px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.title { |
|
|
|
|
height: 60px; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
font-size: 20px; |
|
|
|
|
padding-left: 0px; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.body { |
|
|
|
|
margin-top: 50px; |
|
|
|
|
overflow: auto; |
|
|
|
|
|
|
|
|
|
.idCard { |
|
|
|
|
border-radius: 5px; |
|
|
|
|
background: #CFDDFF; |
|
|
|
|
text-align: center; |
|
|
|
|
height: 40px; |
|
|
|
|
line-height: 40px; |
|
|
|
|
font-size: 18px; |
|
|
|
|
color: #6191FF; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.add { |
|
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
|
&::after { |
|
|
|
|
content: ''; |
|
|
|
|
display: block; |
|
|
|
|
position: absolute; |
|
|
|
|
right: 3%; |
|
|
|
|
top: -4%; |
|
|
|
|
border: 1px dashed #CFDDFF; |
|
|
|
|
width: 88%; |
|
|
|
|
height: 268px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.addBtn { |
|
|
|
|
position: absolute; |
|
|
|
|
left: 0; |
|
|
|
|
top: 50%; |
|
|
|
|
transform: translate(50%, -50%); |
|
|
|
|
font-size: 22px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.submitBtn { |
|
|
|
|
position: relative; |
|
|
|
|
width: 200px; |
|
|
|
|
font-size: 18px; |
|
|
|
|
height: 45px; |
|
|
|
|
margin-top: 180px; |
|
|
|
|
border-radius: 10px; |
|
|
|
|
bottom: 10px; |
|
|
|
|
left: 50%; |
|
|
|
|
transform: translate(-50%, -20%); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.el-select { |
|
|
|
|
width: 279.17px; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
