front-end/hdApp/src/admin/ghs/debtChange.vue

<template>
<view class="app-content">
		<block v-if="!$util.isEmpty(list.data)">
			<t-table :headerBackgroundColor="'#F0F2F6'">
				<t-tr header>
					<t-th>日期</t-th>
					<t-th><view style="width:230upx;">事项</view></t-th>
					<t-th>变动</t-th>
					<t-th>剩余待结</t-th>
				</t-tr>
				<view v-for="(item, index) in list.data" :key="index" @click="goDetail(item)">
					<t-tr>
						<t-td align="center" color="info"><view >{{ item.addTime.substr(5,11) }}</view></t-td>
						<t-td align="center" color="info"><view style="width:230upx;">{{ item.event }}</view></t-td>
						<t-td align="center" color="info"><view >{{ item.amount }}</view></t-td>
						<t-td align="center" color="info"><view >{{ parseFloat(item.balance) }}</view></t-td>
					</t-tr>
				</view>
			</t-table>
		</block>
		<block v-else>
			<AppWrapperEmpty title="暂无数据" :is-empty="$util.isEmpty(list.data)" />
		</block>
	</view>
</template>
<script>
import AppWrapperEmpty from "@/components/app-wrapper-empty";
import { debtChangeList } from '@/api/ghs'
import list from '@/mixins/list'
export default {
	name: "debtChange",
	components: {
		AppWrapperEmpty
	},
	mixins:[list],
	data() {
		return {
		};
	},
	methods: {
		async init(){
			const res = await debtChangeList({ page:this.list.page,ghsId:this.option.ghsId })
			if (this.$util.isEmpty(res.data.list)){
				this.completes(res)
				return
			}
			let currentList = res.data.list
			currentList.forEach(function(item,index,array){
				array[index].amount = item.io == 0 ? '-'+parseFloat(item.amount) : '+'+parseFloat(item.amount)
			});
			res.data.list = currentList
			this.completes(res)
		},
		goDetail(item){
		}
	},
	async onPullDownRefresh() {
		this.resetList();
		await this.init()
		uni.stopPullDownRefresh();
	},
	async onReachBottom() {
		if (!this.list.finished) {
			await this.init()
			uni.stopPullDownRefresh();;
		} else {
			uni.stopPullDownRefresh();
		}
	},
	
};
</script>
<style lang="scss" scoped></style>