liushaodong
5 years ago
parent
4eece51ee0
commit
135d24eaff
3 changed files with 270 additions and 0 deletions
@ -0,0 +1,228 @@ |
|||||||
|
<template> |
||||||
|
<section> |
||||||
|
<section class="table-c"> |
||||||
|
<nav class="table-top-tools"> |
||||||
|
<el-button-group> |
||||||
|
<el-button type="primary" size="mini" @click="beforeAdd('add','')"><i class="iconfont iconadd"></i> 新增</el-button> |
||||||
|
</el-button-group> |
||||||
|
</nav> |
||||||
|
<!--列表--> |
||||||
|
<el-table :data="tableData.rows" border highlight-current-row v-loading="listLoading" style="width: 100%;"> |
||||||
|
<el-table-column type="index" width="60"></el-table-column> |
||||||
|
<el-table-column prop="coin" label="币种" ></el-table-column> |
||||||
|
<el-table-column prop="walletType" label="钱包类型" > |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span v-if="scope.row.walletType == 'CCT'">币币钱包</span> |
||||||
|
<span v-else>法币钱包</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="balance" label="可用额度"></el-table-column> |
||||||
|
<el-table-column prop="createTime" label="创建时间"></el-table-column> |
||||||
|
<el-table-column prop="updateTime" label="修改时间"></el-table-column> |
||||||
|
<el-table-column label="操作" width="150"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button type="text" @click="delRow = true;setDelId(scope.row.id)">删除</el-button> |
||||||
|
<el-button type="text" @click="beforeAdd('update',scope.row)">编辑</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</section> |
||||||
|
<!--工具条--> |
||||||
|
<el-col :span="24" class="toolbar"> |
||||||
|
<el-pagination layout="total, prev, pager, next,jumper" @current-change="handleCurrentChange" |
||||||
|
:page-size="tableData.pageSize" |
||||||
|
:total="tableData.total" style="float:right;"> |
||||||
|
</el-pagination> |
||||||
|
</el-col> |
||||||
|
<div class="clear"></div> |
||||||
|
|
||||||
|
<!-- 新增的弹出层 --> |
||||||
|
<el-dialog |
||||||
|
:title="type=='add'?'新增':'编辑'" |
||||||
|
:visible.sync="dialogVisible" |
||||||
|
width="60%" |
||||||
|
height="60%" |
||||||
|
class="add-dialog" |
||||||
|
@close="resetAddData()"> |
||||||
|
<el-form :model="addData" class="add-form" :rules="rules" ref="addForm" label-width="120px"> |
||||||
|
<el-form-item label="币种" prop="coin"> |
||||||
|
<el-input v-model="addData.coin" placeholder=""></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="钱包类型" v-if="type=='add'"> |
||||||
|
<el-radio v-model="addData.walletType" label="CCT">币币钱包</el-radio> |
||||||
|
<el-radio v-model="addData.walletType" label="OTC">法币钱包</el-radio> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="可用额度" prop="balance"> |
||||||
|
<el-input v-model="addData.balance" placeholder=""></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="dialogVisible = false">取 消</el-button> |
||||||
|
<el-button type="primary" @click="addNotice(addData)">确 定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
|
||||||
|
<!-- 删除 --> |
||||||
|
<el-dialog title="删除" :visible.sync="delRow " width="30%" center> |
||||||
|
<div class="del-dialog-cnt">删除不可恢复，是否确定删除？</div> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="delRow = false">取 消</el-button> |
||||||
|
<el-button type="primary" @click="delNotice">确 定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</section> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import {SysConf} from '@/api/server.js'; |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
Y: true, |
||||||
|
N: false, |
||||||
|
delRow: false, |
||||||
|
delId: null, |
||||||
|
searchData: { |
||||||
|
pageNum: 1 |
||||||
|
}, |
||||||
|
tableData:[ |
||||||
|
{ |
||||||
|
rank:'1' |
||||||
|
} |
||||||
|
], |
||||||
|
addData:{ |
||||||
|
id:null, |
||||||
|
coin:null, |
||||||
|
walletType:'CCT', |
||||||
|
balance:null, |
||||||
|
}, |
||||||
|
rules:{ |
||||||
|
coin: [ |
||||||
|
{required: true, message: '请输入币种', trigger: 'blur'} |
||||||
|
], |
||||||
|
balance: [ |
||||||
|
{required: true, message: '请输入可用额度', trigger: 'blur'} |
||||||
|
] |
||||||
|
}, |
||||||
|
listLoading: false, |
||||||
|
dialogVisible:false, |
||||||
|
type:'update', |
||||||
|
} |
||||||
|
}, |
||||||
|
created(){ |
||||||
|
this.getList(); |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
handleCurrentChange(val) { |
||||||
|
this.searchData.pageNum = val; |
||||||
|
this.getList(this.searchData); |
||||||
|
}, |
||||||
|
beforeAdd(params,row){ |
||||||
|
if (row){ |
||||||
|
this.addData.id = row.id; |
||||||
|
this.addData.coin = row.coin; |
||||||
|
this.addData.walletType = row.walletType; |
||||||
|
this.addData.balance = row.balance; |
||||||
|
} |
||||||
|
this.dialogVisible=true; |
||||||
|
this.type = params; |
||||||
|
}, |
||||||
|
resetAddData(){ |
||||||
|
this.addData.id = null; |
||||||
|
this.addData.coin = null; |
||||||
|
this.addData.walletType = 'CCT'; |
||||||
|
this.addData.balance = null; |
||||||
|
}, |
||||||
|
// 获取列表 |
||||||
|
getList(params) { |
||||||
|
this.listLoading = true; |
||||||
|
SysConf.getWalletInitList(params).then((res) => { |
||||||
|
if (res.code == 200) { |
||||||
|
this.listLoading = false; |
||||||
|
this.tableData = res.data; |
||||||
|
} else { |
||||||
|
this.$message.error(res.msg); |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
delNotice() { |
||||||
|
SysConf.delWalletInit({id: this.delId}).then(data => { |
||||||
|
let {msg, code} = data; |
||||||
|
if (code !== 200) { |
||||||
|
this.$message({ |
||||||
|
message: msg, |
||||||
|
type: 'error' |
||||||
|
}) |
||||||
|
} else { |
||||||
|
this.delRow = false;//关闭删除提示模态框 |
||||||
|
this.getList(); |
||||||
|
this.$message.success('删除成功') |
||||||
|
} |
||||||
|
}).catch(error => { |
||||||
|
this.delRow = false;//关闭删除提示模态框 |
||||||
|
}) |
||||||
|
}, |
||||||
|
addNotice(addData) { |
||||||
|
this.$refs.addForm.validate((valid) => { |
||||||
|
if (valid) { |
||||||
|
if(!addData.id){ |
||||||
|
SysConf.insertWalletInit(addData).then(data => { |
||||||
|
let {msg, code} = data; |
||||||
|
if (code !== 200) { |
||||||
|
this.$message({ |
||||||
|
message: msg, |
||||||
|
type: 'error' |
||||||
|
}) |
||||||
|
} else { |
||||||
|
this.dialogVisible = false;//关闭删除提示模态框 |
||||||
|
this.getList(); |
||||||
|
this.$message.success('添加成功') |
||||||
|
} |
||||||
|
}).catch(error => { |
||||||
|
this.dialogVisible = false;//关闭删除提示模态框 |
||||||
|
}) |
||||||
|
}else { |
||||||
|
SysConf.updWalletInit(addData).then(data => { |
||||||
|
let {msg, code} = data; |
||||||
|
if (code !== 200) { |
||||||
|
this.$message({ |
||||||
|
message: msg, |
||||||
|
type: 'error' |
||||||
|
}) |
||||||
|
} else { |
||||||
|
this.dialogVisible = false;//关闭删除提示模态框 |
||||||
|
this.getList(); |
||||||
|
this.$message.success('修改成功'); |
||||||
|
} |
||||||
|
}).catch(error => { |
||||||
|
this.dialogVisible = false;//关闭删除提示模态框 |
||||||
|
}) |
||||||
|
} |
||||||
|
} else { |
||||||
|
return false; |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
setDelId(id) { |
||||||
|
this.delId = id; |
||||||
|
}, |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped lang="scss"> |
||||||
|
@import '../../styles/link.scss'; |
||||||
|
.add-form { |
||||||
|
.el-input { |
||||||
|
width: 340px; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
|
<style lang="scss" > |
||||||
|
.add-dialog{ |
||||||
|
.el-dialog { |
||||||
|
width: 30%; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue