<template>
	<el-table :data="paymentConfigList" @selection-change="handleSelectionChange"
		@expand-change="handleExpandChange">
		<!-- <el-table-column type="expand">
			<template #default="scope">
				<span class="text-price">{{scope.row.paymentMoney}}</span>
			</template>
			<div class="padding">
				<paymentDetailsTable :paymentDetailsList="paymentDetailsList" :showConfigId="true"
					:showBorder="true" />
			</div>
		</el-table-column>
		<el-table-column label="订单号" align="center" prop="orderNumer" />
		<el-table-column label="支付金额" align="center" prop="paymentMoney">
			<template #default="scope">
				<span class="text-price">{{scope.row.paymentMoney}}</span>
			</template>
		</el-table-column>
		<el-table-column label="支付方式" align="center" prop="paymentType">
			<template #default="scope">
				<dict-tag :options="com_payment_type" :value="scope.row.paymentType" />
			</template>
		</el-table-column>
		<el-table-column label="支付状态" align="center" prop="paymentState">
			<template #default="scope">
				<dict-tag :options="com_payment_state" :value="scope.row.paymentState" />
			</template>
		</el-table-column>
		<el-table-column label="支付时间" align="center" prop="parmentTime">
			<template #default="scope">
				<span>{{ parseTime(scope.row.parmentTime) }}</span>
			</template>
		</el-table-column>
		<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200" fixed="right">
			<template #default="scope">
				<el-button type="text" icon="View" @click="handleView(scope.row)">详情</el-button>
			</template>
		</el-table-column> -->
	</el-table>
</template>

<script setup>
	import paymentDetailsTable from "@/views/components/paymentDetailsTable/index.vue";
	const emit = defineEmits();
	
	const props = defineProps({
		paymentConfigList: Array,
		paymentDetailsList: Array,
		
	});
	
	const {
		proxy
	} = getCurrentInstance();
	
	const {
		com_payment_type,
		com_payment_state
	} = proxy.useDict('com_payment_type', 'com_payment_state');
	
	const ids = ref([]);
	
	// 多选框选中数据
	function handleSelectionChange(selection) {
		emit("handleSelectionChange", selection);
	}
	
	/** 详情按钮操作 */
	function handleView(row){
		emit("handleView", row);
	}
</script>

<style>
</style>
