feat: 初始化

pages/home/tradeRecord/index.scss

@@ -0,0 +1,28 @@
+.container {
+	padding: 0 16px 24px;
+	.title {
+		margin: 14px 0 15px;
+	}
+	.filterWrapper {
+		display: flex;
+		column-gap: 6px;
+		margin-bottom: 10px;
+		.filterSelector {
+			flex: 1;
+		}
+		.filterButton {
+			flex: 1;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			width: 91px;
+			height: 34px;
+			color: #fff;
+			background-color: rgba(41, 187, 228, 1);
+			.filterText {
+				white-space: nowrap;
+				margin: 0 8px 0 3px;
+			}
+		}
+	}
+}

pages/home/tradeRecord/index.vue

@@ -0,0 +1,45 @@
+<template>
+	<NavBar />
+	<view class="container">
+		<view class="title">
+			<PageTitle :title="$t('home.tradeRecord')" />
+		</view>
+		<ReportTable title="" url="/app/customer/queryMyTradeList" :queryParams="queryParams" defaultDateRangeKey="open_time" >
+			<template v-slot="{ showSearchDialog }">
+				<view class="filterWrapper">
+					<view class="filterButton" @click="showSearchDialog">
+						<image src="/static/filter.png" alt="" style="width: 12px; height: 13px" />
+						<text class="filterText">筛选</text>
+						<uni-icons type="right" size="20" color="#fff"></uni-icons>
+					</view>
+				</view>
+			</template>
+		</ReportTable>
+	</view>
+</template>
+
+<script>
+import ReportTable from '@/pages/components/reportTable/index.vue';
+export default {
+	name: '',
+	data() {
+		return {
+			queryParams: {}
+		};
+	},
+	onLoad(options) {
+		this.queryParams = {
+			mt4_login: options.mt4_login,
+			mt4_server: options.mt4_server
+		}
+	},
+	methods: {},
+	components: {
+		ReportTable
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>