|
|
|
@ -1,6 +1,6 @@ |
|
|
|
|
<template> |
|
|
|
|
<div class="app-container"> |
|
|
|
|
<el-button type="primary">新增</el-button> |
|
|
|
|
<el-button type="primary" @click="open = true">新增</el-button> |
|
|
|
|
<el-table :data="dataList" border class="table"> |
|
|
|
|
<el-table-column label="序号" align="center" type="index"></el-table-column> |
|
|
|
|
<el-table-column label="收款方式" align="center">企业支付宝</el-table-column> |
|
|
|
@ -21,19 +21,77 @@ |
|
|
|
|
<el-button type="text">删除</el-button> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
<el-dialog :visible.sync="open" title="新增"> |
|
|
|
|
<el-form label-width="100px" label-position="left"> |
|
|
|
|
<el-form-item label="账户名称"> |
|
|
|
|
<el-input placeholder="请输入"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="账号"> |
|
|
|
|
<el-input placeholder="请输入"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="账号类型"> |
|
|
|
|
<el-select v-model="form.accountType" placeholder="请选择" clearable> |
|
|
|
|
<el-option v-for="dict in dict.type.receiving_account_type" :key="dict.value" |
|
|
|
|
:label="dict.label" :value="dict.value" /> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="收款码"> |
|
|
|
|
<el-upload :on-remove="onChange" :file-list="form.fileList" :on-change="onChange" |
|
|
|
|
list-type="picture" action="#" :auto-upload="false" :limit="1"> |
|
|
|
|
<i class="el-icon-plus" v-if="form.fileList.length === 0"></i> |
|
|
|
|
</el-upload> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="序号"> |
|
|
|
|
<el-input placeholder="数字越小排名越高"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="备注"> |
|
|
|
|
<el-input placeholder="请输入" type="textarea" :autosize="{ minRows: 5 }"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否启用"> |
|
|
|
|
<el-switch v-model="form.status" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<div class="text-center"> |
|
|
|
|
<el-button type="primary" @click="save">保存</el-button> |
|
|
|
|
<el-button>重置</el-button> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<script> |
|
|
|
|
export default { |
|
|
|
|
name: 'PaymentMethod', |
|
|
|
|
dicts: ['receiving_account_type'], |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
dataList: [{}] |
|
|
|
|
open: false, |
|
|
|
|
dataList: [{}], |
|
|
|
|
form: { |
|
|
|
|
accountType: undefined, |
|
|
|
|
fileList: [], |
|
|
|
|
status: undefined |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
onChange(file, fileList) { |
|
|
|
|
this.form.fileList = fileList |
|
|
|
|
}, |
|
|
|
|
save() { |
|
|
|
|
this.$modal.msgSuccess('保存成功') |
|
|
|
|
this.open = false |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
.el-input, |
|
|
|
|
.el-select, |
|
|
|
|
.el-textarea { |
|
|
|
|
width: 300px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.table { |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|