TreeData
/
cloud-web
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/master'

master
chaiyapeng 2024-08-27 20:41:45 +08:00
parent 6db0f6c962 c8c05ee785
commit 26bd851656
1 changed files with 60 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
src/views/money/detail/index.vue
View File

@ -1,74 +1,87 @@
<template> <template>
<div> <div style="padding: 20px;">
<h1 style="text-align: center; margin-bottom: 30px;">充值明细</h1>
<el-divider></el-divider>
<el-table <el-table
:data="tableData" :data="listDate"
style="width: 100%"> style="width: 100%; border-collapse: collapse;">
<el-table-column <el-table-column
label="日期" label="序号"
width="180"> width="300"
style="border: 1px solid #ccc; padding: 10px; text-align: center;">
<template slot-scope="scope"> <template slot-scope="scope">
<i class="el-icon-time"></i> {{ scope.row.id }}
<span style="margin-left: 10px">{{ scope.row.date }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="姓名" label="充值编号"
width="180"> width="300"
style="border: 1px solid #ccc; padding: 10px; text-align: center;">
<template slot-scope="scope"> <template slot-scope="scope">
<el-popover trigger="hover" placement="top"> {{ scope.row.outTradeNo }}
<p>姓名: {{ scope.row.name }}</p>
<p>住址: {{ scope.row.address }}</p>
<div slot="reference" class="name-wrapper">
<el-tag size="medium">{{ scope.row.name }}</el-tag>
</div>
</el-popover>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作"> <el-table-column
label="充值金额"
width="300"
style="border: 1px solid #ccc; padding: 10px; text-align: center;">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button {{ scope.row.totalAmount }}
size="mini" </template>
@click="handleEdit(scope.$index, scope.row)">编辑</el-button> </el-table-column>
<el-button <el-table-column
size="mini" label="充值类型"
type="danger" width="300"
@click="handleDelete(scope.$index, scope.row)">删除</el-button> style="border: 1px solid #ccc; padding: 10px; text-align: center;">
<template slot-scope="scope">
{{ scope.row.productCode }}
</template>
</el-table-column>
<el-table-column
label="充值时间"
width="300"
style="border: 1px solid #ccc; padding: 10px; text-align: center;">
<template slot-scope="scope">
{{ scope.row.createTime }}
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination
v-show="total > 0"
:limit.sync="queryParams.pageSize"
:page.sync="queryParams.pageNum"
:total="total"
@pagination="getList"
/>
</div> </div>
</template> </template>
<script> <script>
import { userPayinfo } from "@/api/system/user";
import PanelGroup from "@/views/dashboard/PanelGroup.vue";
export default { export default {
components: {PanelGroup},
data() { data() {
return { return {
tableData: [{ listDate: [],
date: '2016-05-02', total: 0,
name: '王小虎', queryParams: {
address: '上海市普陀区金沙江路 1518 弄' pageNum: 1,
}, { pageSize: 10,
date: '2016-05-04', }
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
}, {
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}, {
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}]
} }
}, },
created() {
this.getList();
},
methods: { methods: {
handleEdit(index, row) { getList() {
console.log(index, row); userPayinfo(this.addDateRange(this.queryParams)).then(response => {
}, this.listDate = response.data.rows;
handleDelete(index, row) { this.total = response.data.total;
console.log(index, row); }
} );}
} }
} }
</script> </script>