|
|
|
|
@ -8,13 +8,14 @@ |
|
|
|
|
<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-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"> |
|
|
|
|
@ -31,7 +32,8 @@ |
|
|
|
|
</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-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"> |
|
|
|
|
@ -40,31 +42,35 @@ |
|
|
|
|
</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-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-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-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-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-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-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" /> |
|
|
|
|
<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> |
|
|
|
|
@ -82,20 +88,20 @@ const moduleName = 'controlCash3/index' |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
name: 'index', |
|
|
|
|
mixins: [ TipsBefore ], |
|
|
|
|
components:{ |
|
|
|
|
mixins: [TipsBefore], |
|
|
|
|
components: { |
|
|
|
|
NeedBefore, |
|
|
|
|
MyDialog, |
|
|
|
|
MyTitle |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
moduleName, |
|
|
|
|
visible: false, |
|
|
|
|
unNeed: false, |
|
|
|
|
isNeedBefore: '', |
|
|
|
|
needBefore: '', |
|
|
|
|
form:{ |
|
|
|
|
form: { |
|
|
|
|
// 必填项 |
|
|
|
|
username: '', // 账号 |
|
|
|
|
startNumber: '', // 凭证起始号 |
|
|
|
|
@ -109,7 +115,7 @@ export default { |
|
|
|
|
cost: '', // 工本费 |
|
|
|
|
abstract: '' // 摘要 |
|
|
|
|
}, |
|
|
|
|
formName:{ |
|
|
|
|
formName: { |
|
|
|
|
// 必填项 |
|
|
|
|
username: '账号', // |
|
|
|
|
startNumber: '凭证起始号', // |
|
|
|
|
@ -207,50 +213,50 @@ export default { |
|
|
|
|
submited: 0 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
created () { |
|
|
|
|
// this.handleSelect(1) |
|
|
|
|
if(this.inMyWork(moduleName)) { |
|
|
|
|
if(this.needsModule(moduleName) === '') { |
|
|
|
|
if (this.inMyWork(moduleName)) { |
|
|
|
|
if (this.needsModule(moduleName) === '') { |
|
|
|
|
|
|
|
|
|
}else { |
|
|
|
|
} else { |
|
|
|
|
this.isNeedBefore = true |
|
|
|
|
this.needBefore = this.needsModule(moduleName) |
|
|
|
|
} |
|
|
|
|
}else { |
|
|
|
|
} else { |
|
|
|
|
this.isNeedBefore = true |
|
|
|
|
this.unNeed = true |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
mounted () { |
|
|
|
|
this.$refs.username.focus() |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
...mapMutations({ |
|
|
|
|
setTipsOperate: 'system/setTipsOperate' |
|
|
|
|
}), |
|
|
|
|
onBlur() { |
|
|
|
|
if(this.form.username) { |
|
|
|
|
onBlur () { |
|
|
|
|
if (this.form.username) { |
|
|
|
|
const { collectingCompany } = this.dataFlow |
|
|
|
|
this.form.customerName = collectingCompany |
|
|
|
|
}else { |
|
|
|
|
} else { |
|
|
|
|
this.form.customerName = '' |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
getBlur() { |
|
|
|
|
getBlur () { |
|
|
|
|
const number = Number(this.form.endNumber) - Number(this.form.startNumber) |
|
|
|
|
if(number<0 || this.form.endNumber.length<this.form.startNumber.length) { |
|
|
|
|
if (number < 0 || this.form.endNumber.length < this.form.startNumber.length) { |
|
|
|
|
this.form.number = 0 |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
this.form.number = number |
|
|
|
|
}, |
|
|
|
|
submitIt() { |
|
|
|
|
submitIt () { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (this.submited) return this.$message.error('已提交！') |
|
|
|
|
this.$refs.form.validate(myValidate(() => { |
|
|
|
|
if(this.form.number <= 0) { |
|
|
|
|
if (this.form.number <= 0) { |
|
|
|
|
// this.$message({ |
|
|
|
|
// message: '您的起始号码卡号比结束号码卡号排序更后,请检查一下。', |
|
|
|
|
// type: 'warning', |
|
|
|
|
@ -259,7 +265,7 @@ export default { |
|
|
|
|
this.setTipsOperate('结束号码应大于起始号码') |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
if(this.form.startNumber.length !== this.form.endNumber.length) { |
|
|
|
|
if (this.form.startNumber.length !== this.form.endNumber.length) { |
|
|
|
|
this.setTipsOperate('凭证起始号和凭证终止号长度不同，请检查') |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
@ -267,7 +273,7 @@ export default { |
|
|
|
|
}, this.$refs)); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
submitForm2() { |
|
|
|
|
submitForm2 () { |
|
|
|
|
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,31,520' |
|
|
|
|
const cards = [ |
|
|
|
|
|
|
|
|
|
@ -292,37 +298,41 @@ export default { |
|
|
|
|
</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{ |
|
|
|
|
.wrap { |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
overflow: auto; |
|
|
|
|
padding: 24px 0 24px 24px; |
|
|
|
|
.nav{ |
|
|
|
|
/deep/ .el-menu.el-menu--horizontal{ |
|
|
|
|
|
|
|
|
|
.nav { |
|
|
|
|
/deep/ .el-menu.el-menu--horizontal { |
|
|
|
|
border: 0; |
|
|
|
|
} |
|
|
|
|
/deep/ .el-menu--horizontal > .el-menu-item.is-active{ |
|
|
|
|
border:2px solid #568DF2; |
|
|
|
|
|
|
|
|
|
/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{ |
|
|
|
|
|
|
|
|
|
/deep/ .el-menu--horizontal>.el-menu-item { |
|
|
|
|
border: 2px solid transparent; |
|
|
|
|
border-radius: 10px; |
|
|
|
|
margin-right: 10px; |
|
|
|
|
@ -330,7 +340,8 @@ export default { |
|
|
|
|
line-height: 28px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.title{ |
|
|
|
|
|
|
|
|
|
.title { |
|
|
|
|
height: 60px; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
@ -338,10 +349,12 @@ export default { |
|
|
|
|
padding-left: 0px; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
.body{ |
|
|
|
|
|
|
|
|
|
.body { |
|
|
|
|
margin-top: 50px; |
|
|
|
|
overflow: auto; |
|
|
|
|
.idCard{ |
|
|
|
|
|
|
|
|
|
.idCard { |
|
|
|
|
border-radius: 5px; |
|
|
|
|
background: #CFDDFF; |
|
|
|
|
text-align: center; |
|
|
|
|
@ -350,9 +363,11 @@ export default { |
|
|
|
|
font-size: 18px; |
|
|
|
|
color: #6191FF; |
|
|
|
|
} |
|
|
|
|
.add{ |
|
|
|
|
|
|
|
|
|
.add { |
|
|
|
|
position: relative; |
|
|
|
|
&::after{ |
|
|
|
|
|
|
|
|
|
&::after { |
|
|
|
|
content: ''; |
|
|
|
|
display: block; |
|
|
|
|
position: absolute; |
|
|
|
|
@ -362,16 +377,18 @@ export default { |
|
|
|
|
width: 88%; |
|
|
|
|
height: 268px; |
|
|
|
|
} |
|
|
|
|
.addBtn{ |
|
|
|
|
|
|
|
|
|
.addBtn { |
|
|
|
|
position: absolute; |
|
|
|
|
left: 0; |
|
|
|
|
top: 50%; |
|
|
|
|
transform: translate(50%,-50%); |
|
|
|
|
transform: translate(50%, -50%); |
|
|
|
|
font-size: 22px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.submitBtn{ |
|
|
|
|
|
|
|
|
|
.submitBtn { |
|
|
|
|
position: relative; |
|
|
|
|
width: 200px; |
|
|
|
|
font-size: 18px; |
|
|
|
|
@ -380,11 +397,11 @@ export default { |
|
|
|
|
border-radius: 10px; |
|
|
|
|
bottom: 10px; |
|
|
|
|
left: 50%; |
|
|
|
|
transform: translate(-50%,-20%); |
|
|
|
|
} |
|
|
|
|
transform: translate(-50%, -20%); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.el-select { |
|
|
|
|
.el-select { |
|
|
|
|
width: 279.17px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
