1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
| <!-- 组件 -->
| <template>
| <div>
| <h2 class="my-8">
| {{ t(`m2-th-s${index + 2}-t1`) }}
| </h2>
| <h5 v-if="beforeDesc" class="my-8">
| {{ t(`${beforeDesc}`) }}
| </h5>
| <el-table :data="tableData[index]" style="width: 100%" class="self-table">
| <el-table-column
| v-for="(item, i) in tableList[index]"
| :key="i"
| :prop="item.prop"
| :label="t(item.label)"
| />
| </el-table>
| <h5 v-if="afterDesc" class="my-8" v-html="t(`${afterDesc}`)"></h5>
| </div>
| </template>
|
| <script setup>
| import { useRoute, useRouter } from "vue-router";
| import { useI18n } from "vue-i18n";
| import {
| tableData,
| tableList,
| } from "@/views/forex/menu2-trading/trading-hours";
| const route = useRoute();
| const { t } = useI18n();
| const props = defineProps({
| beforeDesc: {
| type: String,
| default: "",
| },
| afterDesc: {
| type: String,
| default: "",
| },
| index: {
| type: Number,
| default: 1,
| },
| });
| </script>
| <style lang="scss" scoped>
| .section1 {
| border-bottom: 1px solid #d8dee1;
| padding-bottom: 12px;
| }
| </style>
|
|
