筛选移到表格里面

apps/web-antd/src/views/player_data/funds_change/index.vue

@@ -238,48 +238,46 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
 <template>
 	<Page>
-		<Card>
-			<Grid>
-				<template #bet_amount="{ row }">
-					<span style="color:red">{{row.bet}}</span>
-				</template>
-				<template #amount="{ row }">
-					<span style="color: green" v-if="row.amount >= 0">{{row.amount}}</span>
-					<span style="color: red" v-else>{{row.amount}}</span>
-				</template>
-				<template #total_win_amount="{ row }">
-					<span style="color: green" v-if="row.total_win_amount >= 0">{{row.total_win_amount}}</span>
-					<span style="color: red" v-else>{{row.total_win_amount}}</span>
-				</template>
-				<template #action_type="{ row }">
-					<Tag v-if="row.action_type == 1" color="blue">{{ $t('player_data.fundsChange.bet') }}</Tag>
-					<Tag v-if="row.action_type == 3" color="green">{{ $t('player_data.fundsChange.result_amount') }}</Tag>
-					<Tag v-if="row.action_type == 4" color="red">{{ $t('player_data.fundsChange.check') }}</Tag>
-				</template>
-				<template #game_title="{ row }">
-					<div>
-						<Tag  color="blue" size="large">{{row.game_type_text}}</Tag>
-						<Avatar shape="square" :src="row.game_image_url"></Avatar>
-						<span style="margin-left: .5rem;display: inline-block;">{{row.game_title}}</span>
-					</div>
-				</template>
-				<template #status="{ row }">
-					<Tag v-if="row.status == 2" color="green">{{$t('common.success')}}</Tag>
-					<Tag v-if="row.status == 0" color="red">{{$t('common.abnormal')}}</Tag>
-					<Tag v-if="row.status == 1" color="blue">{{$t('common.warn')}}</Tag>
-				</template>
-				<template #form-search_text="slotProps">
-					<Input-Group compact>
-						<Select name="search_type" style="width: 110px;" v-model:value="filterData.search_type">
-							<Select-Option value="uname">{{$t('player_data.search.uname')}}</Select-Option>
-							<Select-Option value="nickname">{{$t('player_data.search.nickname')}}</Select-Option>
-							<Select-Option value="user_id">{{$t('player_data.search.user_id')}}</Select-Option>
-						</Select>
-						<Input name="search_text" allowClear :placeholder="$t('player_data.placeholder') + '' + $t('player_data.search[\''+filterData.search_type+'\']')" v-bind="slotProps" style="width:calc(100% - 110px)"></Input>
-					</Input-Group>
-				</template>
-			</Grid>
-		</Card>
+		<Grid>
+			<template #bet_amount="{ row }">
+				<span style="color:red">{{row.bet}}</span>
+			</template>
+			<template #amount="{ row }">
+				<span style="color: green" v-if="row.amount >= 0">{{row.amount}}</span>
+				<span style="color: red" v-else>{{row.amount}}</span>
+			</template>
+			<template #total_win_amount="{ row }">
+				<span style="color: green" v-if="row.total_win_amount >= 0">{{row.total_win_amount}}</span>
+				<span style="color: red" v-else>{{row.total_win_amount}}</span>
+			</template>
+			<template #action_type="{ row }">
+				<Tag v-if="row.action_type == 1" color="blue">{{ $t('player_data.fundsChange.bet') }}</Tag>
+				<Tag v-if="row.action_type == 3" color="green">{{ $t('player_data.fundsChange.result_amount') }}</Tag>
+				<Tag v-if="row.action_type == 4" color="red">{{ $t('player_data.fundsChange.check') }}</Tag>
+			</template>
+			<template #game_title="{ row }">
+				<div>
+					<Tag  color="blue" size="large">{{row.game_type_text}}</Tag>
+					<Avatar shape="square" :src="row.game_image_url"></Avatar>
+					<span style="margin-left: .5rem;display: inline-block;">{{row.game_title}}</span>
+				</div>
+			</template>
+			<template #status="{ row }">
+				<Tag v-if="row.status == 2" color="green">{{$t('common.success')}}</Tag>
+				<Tag v-if="row.status == 0" color="red">{{$t('common.abnormal')}}</Tag>
+				<Tag v-if="row.status == 1" color="blue">{{$t('common.warn')}}</Tag>
+			</template>
+			<template #form-search_text="slotProps">
+				<Input-Group compact>
+					<Select name="search_type" style="width: 110px;" v-model:value="filterData.search_type">
+						<Select-Option value="uname">{{$t('player_data.search.uname')}}</Select-Option>
+						<Select-Option value="nickname">{{$t('player_data.search.nickname')}}</Select-Option>
+						<Select-Option value="user_id">{{$t('player_data.search.user_id')}}</Select-Option>
+					</Select>
+					<Input name="search_text" allowClear :placeholder="$t('player_data.placeholder') + '' + $t('player_data.search[\''+filterData.search_type+'\']')" v-bind="slotProps" style="width:calc(100% - 110px)"></Input>
+				</Input-Group>
+			</template>
+		</Grid>
 	</Page>
 </template>
 

apps/web-antd/src/views/player_data/game_records/index.vue

@@ -239,41 +239,39 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
 <template>
 	<Page>
-		<Card>
-			<Grid>
-				<template #action="{ row }">
-					<Button type="link" :href="row.view_layout_url" target="_blank">查看布局</Button>
-				</template>
-				<template #bet_amount="{ row }">
-					<span style="color:red">{{row.bet}}</span>
-				</template>
-				<template #win_amount="{ row }">
-					<span style="color: green" v-if="row.win_amount >= 0">{{row.win_amount}}</span>
-					<span style="color: red" v-else>{{row.win_amount}}</span>
-				</template>
-				<template #total_win_amount="{ row }">
-					<span style="color: green" v-if="row.total_win_amount >= 0">{{row.total_win_amount}}</span>
-					<span style="color: red" v-else>{{row.total_win_amount}}</span>
-				</template>
-				<template #game_title="{ row }">
-					<div>
-						<Tag  color="blue" size="large">{{row.game_type_text}}</Tag>
-						<Avatar shape="square" :src="row.game_image_url"></Avatar>
-						<span style="margin-left: .5rem;display: inline-block;">{{row.game_title}}</span>
-					</div>
-				</template>
-				<template #form-search_text="slotProps">
-					<Input-Group compact>
-						<Select name="search_type" style="width: 110px" v-model:value="filterData.search_type">
-							<Select-Option value="uname">{{$t('player_data.search.uname')}}</Select-Option>
-							<Select-Option value="nickname">{{$t('player_data.search.nickname')}}</Select-Option>
-							<Select-Option value="user_id">{{$t('player_data.search.user_id')}}</Select-Option>
-						</Select>
-						<Input name="search_text" allowClear :placeholder="$t('player_data.placeholder') + '' + $t('player_data.search[\''+filterData.search_type+'\']')" v-bind="slotProps" style="width:calc(100% - 110px)"></Input>
-					</Input-Group>
-				</template>
-			</Grid>
-		</Card>
+		<Grid>
+			<template #action="{ row }">
+				<Button type="link" :href="row.view_layout_url" target="_blank">查看布局</Button>
+			</template>
+			<template #bet_amount="{ row }">
+				<span style="color:red">{{row.bet}}</span>
+			</template>
+			<template #win_amount="{ row }">
+				<span style="color: green" v-if="row.win_amount >= 0">{{row.win_amount}}</span>
+				<span style="color: red" v-else>{{row.win_amount}}</span>
+			</template>
+			<template #total_win_amount="{ row }">
+				<span style="color: green" v-if="row.total_win_amount >= 0">{{row.total_win_amount}}</span>
+				<span style="color: red" v-else>{{row.total_win_amount}}</span>
+			</template>
+			<template #game_title="{ row }">
+				<div>
+					<Tag  color="blue" size="large">{{row.game_type_text}}</Tag>
+					<Avatar shape="square" :src="row.game_image_url"></Avatar>
+					<span style="margin-left: .5rem;display: inline-block;">{{row.game_title}}</span>
+				</div>
+			</template>
+			<template #form-search_text="slotProps">
+				<Input-Group compact>
+					<Select name="search_type" style="width: 110px" v-model:value="filterData.search_type">
+						<Select-Option value="uname">{{$t('player_data.search.uname')}}</Select-Option>
+						<Select-Option value="nickname">{{$t('player_data.search.nickname')}}</Select-Option>
+						<Select-Option value="user_id">{{$t('player_data.search.user_id')}}</Select-Option>
+					</Select>
+					<Input name="search_text" allowClear :placeholder="$t('player_data.placeholder') + '' + $t('player_data.search[\''+filterData.search_type+'\']')" v-bind="slotProps" style="width:calc(100% - 110px)"></Input>
+				</Input-Group>
+			</template>
+		</Grid>
 	</Page>
 </template>