彭博init

src/routes/modules/dataRoutes.js

@@ -245,6 +245,12 @@ export default [
         name: "煤炭江湖",
         hidden: false
       },
+      {
+        path: "bloomberg",
+        component: () => import("@/views/dataEntry_manage/thirdBase/bloombergSource.vue"),
+        name: "Bloomberg",
+        hidden: false
+      },
     ],
   },
 ];

src/views/dataEntry_manage/thirdBase/bloombergSource.vue

@@ -0,0 +1,113 @@
+<template>
+    <div class="bloomberg-source-wrap">
+        <div class="page-header">
+            <div class="header-select-box">
+                <el-select v-model="frequenceSelect" placeholder="请选择频度">
+                  <el-option label="日度" value="日度"></el-option>
+                </el-select>
+                <el-input v-model="keywordSelect" placeholder="指标ID/指标名称"></el-input>
+                <el-checkbox label="列表全选"></el-checkbox>
+            </div>
+            <el-button type="primary">添加到指标库</el-button>
+        </div>
+        <div class="page-table">
+            <el-table :data="tableData" border>
+                <!-- 多选 -->
+                <el-table-column
+                    align="center"
+                    type="selection"
+                    width="55">
+                </el-table-column>
+                <el-table-column
+                    v-for="column in tableColumns" :key="column.key"
+                    :prop="column.key"
+                    :label="column.label"
+                    :sortable="column.sortable?column.sortable:false"
+                    align="center">
+                </el-table-column>
+                <el-table-column label="操作" align="center">
+                    <template slot-scope="{row}">
+                        <el-button type="text">添加到指标库</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination 
+                :current-page="currentPage"
+                :page-size="pageSize"
+                :total="total"
+                @current-change="handleCurrentChange"
+            />
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            frequenceSelect:'',
+            keywordSelect:'',
+            tableColumns:[
+                {key:'ID',label:'指标ID'},
+                {key:'name',label:'指标名称'},
+                {key:'frequence',label:'频度'},
+                {key:'startDate',label:'指标开始时间',sortable:true},
+                {key:'endDate',label:'指标最新时间',sortable:true},
+                {key:'updateDate',label:'更新时间',sortable:true}
+            ],
+            tableData:[
+                {
+                    'ID':'aa',
+                    'name':'指标名称aa',
+                    'frequence':'日度',
+                    'startDate':'2022-01-01',
+                    'endDate':'2024-04-10',
+                    'updateDate':'2024-04-10 02:00:00'
+                }
+            ],
+            currentPage:1,
+            pageSize:10,
+            total:0,
+
+        };
+    },
+    methods: {
+        handleCurrentChange(page){
+            this.currentPage = page
+        }
+    },
+};
+</script>
+
+<style scoped lang="scss">
+.bloomberg-source-wrap{
+    min-height: calc(100vh - 120px);
+    display: flex;
+    flex-direction: column;
+    background-color: #fff;
+    border:1px solid #C8CDD9;
+    border-radius: 4px;
+    padding:20px;
+    box-sizing: border-box;
+    .page-header{
+        display: flex;
+        justify-content: space-between;
+        .header-select-box{
+            display: flex;
+            gap:20px;
+            align-items: center;
+        }
+    }
+    .page-table{
+        .el-table{
+            margin:20px 0;
+            .el-button--text{
+                padding:0;
+            }
+        }
+        .el-pagination{
+            text-align: right;
+        }
+    }
+}
+</style>