|
@@ -0,0 +1,47 @@
|
|
|
|
|
+<template>
|
|
|
|
|
+ <div style="border-top: 1px solid #fbfbfb;">
|
|
|
|
|
+ <DropdownMenu :close-on-click-outside="false">
|
|
|
|
|
+ <DropdownItem title="日报表" v-model="reportTypeValue" :options="reportType" />
|
|
|
|
|
+ <DropdownItem ref="dropdownItemRef" title="2023-10-1" @open="showPicker = true" />
|
|
|
|
|
+ </DropdownMenu>
|
|
|
|
|
+ <CellGroup title="账户信息">
|
|
|
|
|
+ <Cell title="账号" value="250000000006" />
|
|
|
|
|
+ <Cell title="名称" value="交易商01" />
|
|
|
|
|
+ <Cell title="币种" value="RMB" />
|
|
|
|
|
+ <Cell title="结算日期" value="2023-10-02" />
|
|
|
|
|
+ </CellGroup>
|
|
|
|
|
+ <CellGroup title="资金信息">
|
|
|
|
|
+ <Cell title="期初余额" value="611950.93" />
|
|
|
|
|
+ <Cell title="银行入金" value="0.00" />
|
|
|
|
|
+ <Cell title="平仓损益" value="0.00" />
|
|
|
|
|
+ <Cell title="银行出金" value="0.00" />
|
|
|
|
|
+ <Cell title="结算损益" value="0.00" />
|
|
|
|
|
+ </CellGroup>
|
|
|
|
|
+ <Popup position="bottom" v-model:show="showPicker" @click-overlay="dropdownItemRef.toggle()">
|
|
|
|
|
+ <DatePicker @confirm="onPickerConfirm" @cancel="onPickerCancel" />
|
|
|
|
|
+ </Popup>
|
|
|
|
|
+ </div>
|
|
|
|
|
+</template>title
|
|
|
|
|
+
|
|
|
|
|
+<script lang="ts" setup>
|
|
|
|
|
+import { shallowRef } from 'vue'
|
|
|
|
|
+import { DropdownMenu, DropdownItem, DatePicker, Popup, CellGroup, Cell } from 'vant'
|
|
|
|
|
+
|
|
|
|
|
+const dropdownItemRef = shallowRef()
|
|
|
|
|
+const reportTypeValue = shallowRef(1)
|
|
|
|
|
+const showPicker = shallowRef(false)
|
|
|
|
|
+
|
|
|
|
|
+const reportType = [
|
|
|
|
|
+ { text: '日报表', value: 1 },
|
|
|
|
|
+ { text: '月报表', value: 2 }
|
|
|
|
|
+]
|
|
|
|
|
+
|
|
|
|
|
+const onPickerCancel = () => {
|
|
|
|
|
+ showPicker.value = false
|
|
|
|
|
+ dropdownItemRef.value?.toggle()
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+const onPickerConfirm = () => {
|
|
|
|
|
+ onPickerCancel()
|
|
|
|
|
+}
|
|
|
|
|
+</script>
|