luoJunYong.123
3 years ago
parent
59f7f7d005
commit
15e5f4b47a
18 changed files with 1069 additions and 146 deletions
@ -0,0 +1,211 @@ |
|||||||
|
// 存款 |
||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-form ref="form" :model="form" label-width="120px"> |
||||||
|
<el-row :gutter="20"> |
||||||
|
<el-col :span="8"> |
||||||
|
<el-form-item label="币种"> |
||||||
|
<el-select v-model="form.identification" placeholder="请选择"> |
||||||
|
<el-option label="CYN人民币" value="CYN人民币"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="8"> |
||||||
|
<el-form-item label="状态"> |
||||||
|
<el-select v-model="form.state" placeholder="请选择"> |
||||||
|
<el-option label="正常" value="正常"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row :gutter="20"> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-table |
||||||
|
ref="filterTable" |
||||||
|
:data="tableData" |
||||||
|
height="420" |
||||||
|
style="width: 100%"> |
||||||
|
<el-table-column |
||||||
|
prop="moneyType" |
||||||
|
label="券别" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="moneyMedium" |
||||||
|
label="介质" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="数量" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input type='text' @input="val => inputListen(val, scope.row)" min="0" :value="scope.row.moneyNumber"></el-input> |
||||||
|
<span>张</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="金额" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input type='text' disabled :value="getSum(scope.row.moneyType, scope.row.moneyNumber)"></el-input> |
||||||
|
<span>元</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-table |
||||||
|
ref="filterTable" |
||||||
|
:data="tableData2" |
||||||
|
height="420" |
||||||
|
style="width: 100%"> |
||||||
|
<el-table-column |
||||||
|
prop="moneyType" |
||||||
|
label="券别" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="moneyMedium" |
||||||
|
label="介质" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="数量" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input type='text' @input="val => inputListen(val, scope.row)" min="0" :value="scope.row.moneyNumber"></el-input> |
||||||
|
<span>张</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="金额" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input type='text' disabled :value="getSum(scope.row.moneyType, scope.row.moneyNumber)"></el-input> |
||||||
|
<span>元</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-button @click="submitClick" type="primary" class="submitBtn">提交</el-button> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'index', |
||||||
|
components:{}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
text:'柜员现金轧账',/* 顶部文字 */ |
||||||
|
form:{ |
||||||
|
identification: 'CYN人民币', |
||||||
|
state: '正常' |
||||||
|
}, |
||||||
|
tableData: [ |
||||||
|
{ |
||||||
|
moneyType: '100元', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '50元', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '20元', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '10元', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '5元', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '1元', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
} |
||||||
|
], |
||||||
|
tableData2: [ |
||||||
|
{ |
||||||
|
moneyType: '1元', |
||||||
|
moneyMedium: '硬币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '5角', |
||||||
|
moneyMedium: '硬币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '5角', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '1角', |
||||||
|
moneyMedium: '硬币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '1角', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
], |
||||||
|
visible:false, |
||||||
|
} |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
getSum() { |
||||||
|
return (val, num) => { |
||||||
|
return val.substr(0, val.length-1) * num; |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
inputListen(val, row) { |
||||||
|
row.moneyNumber = Number(val.replace(/\D+/, '')) |
||||||
|
}, |
||||||
|
submitClick() { |
||||||
|
console.log('点击提交') |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.wrap{ |
||||||
|
width: 100%; |
||||||
|
// padding: 24px 0 24px 24px; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-input input { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/ .blueText{ |
||||||
|
color: blue; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,172 @@ |
|||||||
|
// 存款 |
||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-table |
||||||
|
ref="filterTable" |
||||||
|
:data="tableData" |
||||||
|
:row-class-name="tableRowClassName" |
||||||
|
height="450" |
||||||
|
style="width: 95%"> |
||||||
|
<el-table-column |
||||||
|
prop="t1" |
||||||
|
label="下发日期" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t2" |
||||||
|
label="机构号" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t3" |
||||||
|
label="调出柜员号" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t4" |
||||||
|
label="调入柜员号" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t5" |
||||||
|
label="币种" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="金额" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ scope.row.t6 | cashRule }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="操作" |
||||||
|
align="center" |
||||||
|
width="150" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button @click="sure(scope.row)" size="small">确认</el-button> |
||||||
|
<el-button @click="back(scope.row)" size="small">退回</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
|
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'index', |
||||||
|
components:{}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
text:'柜员现金轧账',/* 顶部文字 */ |
||||||
|
form:{ |
||||||
|
date: '', |
||||||
|
counterNumber: '' |
||||||
|
}, |
||||||
|
tableData: [ |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2 |
||||||
|
} |
||||||
|
], |
||||||
|
visible:false, |
||||||
|
} |
||||||
|
}, |
||||||
|
filters: { |
||||||
|
cashRule(cash) { |
||||||
|
const arr = (cash + '').split('.') |
||||||
|
if(arr.length===1) { |
||||||
|
return arr[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',') + '.' + '00' |
||||||
|
}else { |
||||||
|
return arr[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',') + '.' + arr[1]; |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
tableRowClassName({row, rowIndex}) { |
||||||
|
if (rowIndex === 1) { |
||||||
|
return 'warning-row'; |
||||||
|
} else if (rowIndex === 3) { |
||||||
|
return 'success-row'; |
||||||
|
} |
||||||
|
return ''; |
||||||
|
}, |
||||||
|
sure(row) { |
||||||
|
console.log(row) |
||||||
|
}, |
||||||
|
back(row) { |
||||||
|
console.log(row) |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.wrap{ |
||||||
|
width: 100%; |
||||||
|
// padding: 24px 0 24px 24px; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-input input { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/ .blueText{ |
||||||
|
color: blue; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-table .warning-row { |
||||||
|
background: oldlace; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-table .success-row { |
||||||
|
background: #f0f9eb; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,211 @@ |
|||||||
|
// 存款 |
||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-form ref="form" :model="form" label-width="120px"> |
||||||
|
<el-row :gutter="20"> |
||||||
|
<el-col :span="8"> |
||||||
|
<el-form-item label="币种"> |
||||||
|
<el-select v-model="form.identification" placeholder="请选择"> |
||||||
|
<el-option label="CYN人民币" value="CYN人民币"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="8"> |
||||||
|
<el-form-item label="状态"> |
||||||
|
<el-select v-model="form.state" placeholder="请选择"> |
||||||
|
<el-option label="正常" value="正常"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row :gutter="20"> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-table |
||||||
|
ref="filterTable" |
||||||
|
:data="tableData" |
||||||
|
height="420" |
||||||
|
style="width: 100%"> |
||||||
|
<el-table-column |
||||||
|
prop="moneyType" |
||||||
|
label="券别" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="moneyMedium" |
||||||
|
label="介质" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="数量" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input type='text' @input="val => inputListen(val, scope.row)" min="0" :value="scope.row.moneyNumber"></el-input> |
||||||
|
<span>张</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="金额" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input type='text' disabled :value="getSum(scope.row.moneyType, scope.row.moneyNumber)"></el-input> |
||||||
|
<span>元</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-table |
||||||
|
ref="filterTable" |
||||||
|
:data="tableData2" |
||||||
|
height="420" |
||||||
|
style="width: 100%"> |
||||||
|
<el-table-column |
||||||
|
prop="moneyType" |
||||||
|
label="券别" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="moneyMedium" |
||||||
|
label="介质" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="数量" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input type='text' @input="val => inputListen(val, scope.row)" min="0" :value="scope.row.moneyNumber"></el-input> |
||||||
|
<span>张</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="金额" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input type='text' disabled :value="getSum(scope.row.moneyType, scope.row.moneyNumber)"></el-input> |
||||||
|
<span>元</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-button @click="submitClick" type="primary" class="submitBtn">提交</el-button> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'index', |
||||||
|
components:{}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
text:'柜员现金轧账',/* 顶部文字 */ |
||||||
|
form:{ |
||||||
|
identification: 'CYN人民币', |
||||||
|
state: '正常' |
||||||
|
}, |
||||||
|
tableData: [ |
||||||
|
{ |
||||||
|
moneyType: '100元', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '50元', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '20元', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '10元', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '5元', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '1元', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
} |
||||||
|
], |
||||||
|
tableData2: [ |
||||||
|
{ |
||||||
|
moneyType: '1元', |
||||||
|
moneyMedium: '硬币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '5角', |
||||||
|
moneyMedium: '硬币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '5角', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '1角', |
||||||
|
moneyMedium: '硬币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
moneyType: '1角', |
||||||
|
moneyMedium: '纸币', |
||||||
|
moneyNumber: 0 |
||||||
|
}, |
||||||
|
], |
||||||
|
visible:false, |
||||||
|
} |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
getSum() { |
||||||
|
return (val, num) => { |
||||||
|
return val.substr(0, val.length-1) * num; |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
inputListen(val, row) { |
||||||
|
row.moneyNumber = Number(val.replace(/\D+/, '')) |
||||||
|
}, |
||||||
|
submitClick() { |
||||||
|
console.log('点击提交') |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.wrap{ |
||||||
|
width: 100%; |
||||||
|
// padding: 24px 0 24px 24px; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-input input { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/ .blueText{ |
||||||
|
color: blue; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -1,15 +1,186 @@ |
|||||||
|
// 存款 |
||||||
<template> |
<template> |
||||||
<div> |
<div> |
||||||
<p>test</p> |
<el-table |
||||||
</div> |
ref="filterTable" |
||||||
|
:data="tableData" |
||||||
|
height="450" |
||||||
|
:row-class-name="tableRowClassName" |
||||||
|
style="width: 95%"> |
||||||
|
<el-table-column |
||||||
|
prop="t1" |
||||||
|
label="下发日期" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t2" |
||||||
|
label="机构号" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t3" |
||||||
|
label="下发柜员号" |
||||||
|
class-name="blueText" |
||||||
|
class="blueText" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t4" |
||||||
|
label="凭证类型" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t5" |
||||||
|
label="起始号" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t6" |
||||||
|
label="结束号" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t7" |
||||||
|
label="数量" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="操作" |
||||||
|
align="center" |
||||||
|
width="180" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button @click="sure(scope.row)" size="small">确认</el-button> |
||||||
|
<el-button @click="back(scope.row)" size="small">退回</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
|
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
export default { |
export default { |
||||||
|
name: 'index', |
||||||
|
components:{}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
text:'柜员现金轧账',/* 顶部文字 */ |
||||||
|
form:{ |
||||||
|
date: '', |
||||||
|
counterNumber: '' |
||||||
|
}, |
||||||
|
tableData: [ |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2, |
||||||
|
t7: 4 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2, |
||||||
|
t7: 4 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2, |
||||||
|
t7: 4 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2, |
||||||
|
t7: 4 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2, |
||||||
|
t7: 4 |
||||||
|
} |
||||||
|
], |
||||||
|
visible:false, |
||||||
|
} |
||||||
|
}, |
||||||
|
filters: { |
||||||
|
cashRule(cash) { |
||||||
|
const arr = (cash + '').split('.') |
||||||
|
if(arr.length===1) { |
||||||
|
return arr[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',') + '.' + '00' |
||||||
|
}else { |
||||||
|
return arr[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',') + '.' + arr[1]; |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
|
||||||
} |
}, |
||||||
|
methods: { |
||||||
|
sure(row) { |
||||||
|
console.log(row) |
||||||
|
}, |
||||||
|
back(row) { |
||||||
|
console.log(row) |
||||||
|
}, |
||||||
|
tableRowClassName({row, rowIndex}) { |
||||||
|
if (rowIndex === 1) { |
||||||
|
return 'warning-row'; |
||||||
|
} else if (rowIndex === 3) { |
||||||
|
return 'success-row'; |
||||||
|
} |
||||||
|
return ''; |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style> |
<style lang="scss" scoped> |
||||||
|
.wrap{ |
||||||
|
width: 100%; |
||||||
|
// padding: 24px 0 24px 24px; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-input input { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-input input { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/ .blueText{ |
||||||
|
color: blue; |
||||||
|
} |
||||||
|
/deep/.el-table .warning-row { |
||||||
|
background: oldlace; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-table .success-row { |
||||||
|
background: #f0f9eb; |
||||||
|
} |
||||||
</style> |
</style> |
||||||
@ -0,0 +1,29 @@ |
|||||||
|
import { MessageBox } from 'element-ui'; |
||||||
|
|
||||||
|
const phoneListen = function(val, form, prop) { |
||||||
|
if(/^[0-9]*$/.test(val)) { |
||||||
|
form[prop] = val; |
||||||
|
} |
||||||
|
} |
||||||
|
const mailBoxListen = function(val, form, prop) { |
||||||
|
if(/^[\u4E00-\u9FA5A-Za-z0-9_]+$/.test(val) || val==='') { |
||||||
|
form[prop] = val; |
||||||
|
} |
||||||
|
} |
||||||
|
const checkRequired = function(form, obj) { |
||||||
|
for(const prop in obj) { |
||||||
|
if(form[prop] === '') { |
||||||
|
MessageBox.alert('请填写' + obj[prop], '提示', { |
||||||
|
type: 'info', |
||||||
|
confirmButtonText: '确定' |
||||||
|
}); |
||||||
|
return false |
||||||
|
} |
||||||
|
} |
||||||
|
return true; |
||||||
|
} |
||||||
|
export { |
||||||
|
phoneListen, |
||||||
|
mailBoxListen, |
||||||
|
checkRequired |
||||||
|
} |
||||||
@ -1,63 +0,0 @@ |
|||||||
const verification = { |
|
||||||
vernull: function(value){//非空校验
|
|
||||||
if(value.trim(value).length == 0){ |
|
||||||
return false; |
|
||||||
}else{ |
|
||||||
return true; |
|
||||||
} |
|
||||||
}, |
|
||||||
veridc: function(value){ //身份证校验
|
|
||||||
var ext = /(^\d{15}&)|(^\d{18})|(^\d{17}(\d|X|x)$)/; |
|
||||||
if(ext.test(value)) { |
|
||||||
return '身份证校验有误' |
|
||||||
} |
|
||||||
}, |
|
||||||
veren: function(value){ //英文校验
|
|
||||||
var ext = /(^[a-zA-Z]+$)/; |
|
||||||
if(ext.test(value)) { |
|
||||||
return '英文校验有误' |
|
||||||
} |
|
||||||
}, |
|
||||||
vernum: function(value){ //数字校验
|
|
||||||
var ext = /^[0-9]*$/; |
|
||||||
if(ext.test(value)) { |
|
||||||
return '请输入数字' |
|
||||||
}else { |
|
||||||
return '' |
|
||||||
} |
|
||||||
}, |
|
||||||
verdou: function(value){ //小数校验
|
|
||||||
var ext = /^[0-9]+(.[0-9]{1,3})?$/; |
|
||||||
if(ext.test(value)) { |
|
||||||
return '' |
|
||||||
}else { |
|
||||||
return '' |
|
||||||
} |
|
||||||
}, |
|
||||||
vermail: function(value){ //邮箱校验
|
|
||||||
var ext = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/; |
|
||||||
if(ext.test(value)) { |
|
||||||
return '请输入正确的邮箱' |
|
||||||
}else { |
|
||||||
return '' |
|
||||||
} |
|
||||||
}, |
|
||||||
vermob: function(value){ //手机号校验
|
|
||||||
var ext = /^1[3456789][0-9]{9}$/; |
|
||||||
if(ext.test(value)) { |
|
||||||
return '请输入正确的手机号' |
|
||||||
}else { |
|
||||||
return '' |
|
||||||
} |
|
||||||
}, |
|
||||||
vername: function(name) { // 名字校验
|
|
||||||
var ext =/^[\u4e00-\u9fa5]{2,4}$/; |
|
||||||
if(!ext.test(name)){ |
|
||||||
return '请检查名字是否有误'; |
|
||||||
}else { |
|
||||||
return '' |
|
||||||
} |
|
||||||
} |
|
||||||
}
|
|
||||||
|
|
||||||
export default verification |
|
||||||
@ -0,0 +1,37 @@ |
|||||||
|
const veridc = /(^\d{15}&)|(^\d{18})|(^\d{17}(\d|X|x)$)/
|
||||||
|
const veren = /(^[a-zA-Z]+$)/
|
||||||
|
const vernum = /^[0-9]*$/
|
||||||
|
const verdou = /^[0-9]+(.[0-9]{1,3})?$/
|
||||||
|
const vermail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/
|
||||||
|
const vermob = [ |
||||||
|
{ |
||||||
|
pattern: /^1[3456789][0-9]{9}$/, |
||||||
|
message: '请输入正确的手机号', |
||||||
|
trigger: 'blur' |
||||||
|
}, { |
||||||
|
message: '请输入12位以下数字', |
||||||
|
max: 11 |
||||||
|
} |
||||||
|
]
|
||||||
|
const vername = [ |
||||||
|
{ |
||||||
|
required: true, |
||||||
|
message: '请输入姓名', |
||||||
|
trigger: 'blur' |
||||||
|
}, |
||||||
|
{ |
||||||
|
// pattern: /^[\u4e00-\u9fa5]{2,4}$/,
|
||||||
|
pattern: /^(?:[\u4e00-\u9fa5]+)(?:●[\u4e00-\u9fa5]+)*$|^[a-zA-Z0-9]+\s?[\.·\-()a-zA-Z]*[a-zA-Z]+$/, |
||||||
|
message: '请输入正确的姓名' |
||||||
|
} |
||||||
|
]
|
||||||
|
|
||||||
|
export { |
||||||
|
veridc, |
||||||
|
veren, |
||||||
|
vernum, |
||||||
|
verdou, |
||||||
|
vermail, |
||||||
|
vermob, |
||||||
|
vername |
||||||
|
} |
||||||
Loading…
Reference in new issue