149 lines
3.8 KiB
Vue
149 lines
3.8 KiB
Vue
<template>
|
|
<div class="diamond-running-water-drawer">
|
|
<el-dialog
|
|
:title="$t('pages.salaryDiamondRunningWaterDialog.dialog.title')"
|
|
:visible="true"
|
|
:before-close="handleClose"
|
|
:close-on-press-escape="false"
|
|
:wrapper-closable="false"
|
|
:modal-append-to-body="true"
|
|
:append-to-body="true"
|
|
width="80%"
|
|
>
|
|
<div class="diamond-running-water-content">
|
|
<el-table
|
|
v-loading="listLoading"
|
|
:data="list"
|
|
:element-loading-text="$t('pages.salaryDiamondRunningWaterDialog.loading')"
|
|
fit
|
|
highlight-current-row
|
|
>
|
|
<el-table-column
|
|
prop="balance"
|
|
:label="$t('pages.salaryDiamondRunningWaterDialog.table.diamondBalance')"
|
|
align="center"
|
|
min-width="100"
|
|
/>
|
|
<el-table-column
|
|
prop="amount"
|
|
:label="$t('pages.salaryDiamondRunningWaterDialog.table.transactionDiamond')"
|
|
align="center"
|
|
min-width="100"
|
|
/>
|
|
<el-table-column
|
|
prop="createUserOriginName"
|
|
:label="$t('pages.salaryDiamondRunningWaterDialog.table.source')"
|
|
align="center"
|
|
min-width="100"
|
|
/>
|
|
<el-table-column
|
|
prop="eventDesc"
|
|
:label="$t('pages.salaryDiamondRunningWaterDialog.table.sourceDescription')"
|
|
align="center"
|
|
min-width="100"
|
|
/>
|
|
<el-table-column
|
|
prop="typeName"
|
|
:label="$t('pages.salaryDiamondRunningWaterDialog.table.type')"
|
|
align="center"
|
|
min-width="100"
|
|
/>
|
|
<el-table-column
|
|
prop="remark"
|
|
:label="$t('pages.salaryDiamondRunningWaterDialog.table.remarks')"
|
|
align="center"
|
|
min-width="100"
|
|
/>
|
|
<el-table-column
|
|
prop="createTime"
|
|
:label="$t('pages.salaryDiamondRunningWaterDialog.table.createdAt')"
|
|
align="center"
|
|
width="200"
|
|
>
|
|
<template slot-scope="scope">
|
|
{{ scope.row.createTime | dateFormat }}
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<pagination
|
|
v-show="total > 0"
|
|
:total="total"
|
|
:page.sync="listQuery.cursor"
|
|
:limit.sync="listQuery.limit"
|
|
@pagination="renderData"
|
|
/>
|
|
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { pageRunningWater } from '@/api/app-user-salary-diamond-balance'
|
|
import Pagination from '@/components/Pagination'
|
|
export default {
|
|
name: 'RunningWaterPreviewTabs',
|
|
components: { Pagination },
|
|
props: {
|
|
userId: {
|
|
type: String,
|
|
required: true
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
listLoading: false,
|
|
list: [],
|
|
total: 0,
|
|
listQuery: {
|
|
userId: '',
|
|
lastId: ''
|
|
},
|
|
notMore: false
|
|
}
|
|
},
|
|
watch: {
|
|
userId: {
|
|
handler(newVal) {
|
|
if (newVal) {
|
|
this.listQuery.userId = newVal
|
|
this.renderData(true)
|
|
}
|
|
},
|
|
immediate: true
|
|
}
|
|
},
|
|
methods: {
|
|
renderData(isReset) {
|
|
const that = this
|
|
if (isReset === true) {
|
|
that.listQuery.cursor = 1
|
|
}
|
|
that.listLoading = true
|
|
pageRunningWater(that.listQuery)
|
|
.then(res => {
|
|
const { body } = res
|
|
that.total = body.total || 0
|
|
that.list = body.records
|
|
that.listLoading = false
|
|
})
|
|
.catch(er => {
|
|
that.listLoading = false
|
|
console.error(er)
|
|
})
|
|
},
|
|
handleClose() {
|
|
this.$emit('close')
|
|
},
|
|
clickLoadMore() {
|
|
this.renderData()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped lang="scss">
|
|
.gold-running-water-content {
|
|
max-height: 450px;
|
|
overflow: auto;
|
|
}
|
|
</style>
|