71 行
2.5 KiB
HTML
可执行文件
71 行
2.5 KiB
HTML
可执行文件
<!--[1.8.50]-->
|
|
<div id="agentRecord" v-cloak>
|
|
<div style="margin-bottom: 10px">
|
|
<date-picker-range :date-time.sync="time" @change="handleCurrentChange(1)"></date-picker-range>
|
|
</div>
|
|
|
|
<el-table size="small" border :data="dataList" :header-cell-style="{background:'#F5F7FA',color:'#606266'}">
|
|
<el-table-column align="center" type="index" label="序号" width="50"></el-table-column>
|
|
<el-table-column align="center" prop="money" label="原价"></el-table-column>
|
|
<el-table-column align="center" prop="actualmoney" label="实付"></el-table-column>
|
|
<el-table-column align="center" prop="discount" label="折扣"></el-table-column>
|
|
<el-table-column align="center" prop="typename" label="类型"></el-table-column>
|
|
<el-table-column align="center" prop="addtime" label="操作时间"></el-table-column>
|
|
</el-table>
|
|
<el-pagination @size-change="handleSizeChange"
|
|
@current-change="handleCurrentChange"
|
|
:current-page="page"
|
|
:page-sizes="[10, 20, 30, 40, 50]" :page-size="100"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
:total="count">
|
|
</el-pagination>
|
|
</div>
|
|
<script>
|
|
var agentRecord = new Vue({
|
|
el: '#agentRecord',
|
|
data() {
|
|
return {
|
|
id: '',
|
|
time: [],
|
|
dataList: [],
|
|
page: 1,
|
|
limit: 10,
|
|
count: 0,
|
|
}
|
|
},
|
|
methods: {
|
|
handleSizeChange(val) {
|
|
this.limit = val;
|
|
this.getData();
|
|
},
|
|
handleCurrentChange(val) {
|
|
this.page = val;
|
|
this.getData();
|
|
},
|
|
getData() {
|
|
this.sendRequest("{:U('recordshow')}", {
|
|
data: {
|
|
id: this.id,
|
|
page: this.page,
|
|
limit: this.limit,
|
|
time: this.time,
|
|
},
|
|
success: (res) => {
|
|
if (res.status == 1) {
|
|
this.dataList = res.data.list;
|
|
this.count = res.data.count;
|
|
} else {
|
|
this.$message.error(res.message);
|
|
}
|
|
}
|
|
|
|
})
|
|
}
|
|
},
|
|
created() {
|
|
this.id = MenuApp.getQueryVariable('id')
|
|
this.getData();
|
|
}
|
|
});
|
|
</script>
|