副屏

2023-12-08 18:23:08 +08:00
parent 123b681dc3
commit 7bcc265bd7
18 changed files with 1088 additions and 115 deletions
@@ -0,0 +1,71 @@
+<template>
+  <div>
+    <public-title title="预警"/>
+    <div class="inner-screen">
+      <a-table :dataSource="dataSource" :columns="columns"/>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import {ref} from 'vue';
+import PublicTitle from '/@/components/publicTitle.vue';
+
+const dataSource = ref([
+  {
+    key: '1',
+    name: '胡彦斌',
+    age: 32,
+    address: '西湖区湖底公园1号',
+  },
+  {
+    key: '2',
+    name: '胡彦祖',
+    age: 42,
+    address: '西湖区湖底公园1号',
+  },
+  {
+    key: '3',
+    name: '胡彦祖',
+    age: 42,
+    address: '西湖区湖底公园1号',
+  },
+]);
+
+const columns = ref([
+  {
+    title: '姓名',
+    dataIndex: 'name',
+    key: 'name',
+  },
+  {
+    title: '年龄',
+    dataIndex: 'age',
+    key: 'age',
+  },
+  {
+    title: '住址',
+    dataIndex: 'address',
+    key: 'address',
+  },
+]);
+</script>
+<style scoped lang="less">
+.inner-screen {
+  width: 100%;
+  height: calc(100% - 40px);
+  margin: 20px 0;
+
+  :deep(.ant-table-thead) {
+    display: none !important;
+  }
+
+  :deep(.ant-table-tbody tr:nth-child(even)) {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+
+  :deep(.ant-table-tbody tr:nth-child(odd)) {
+    background-color: #0A0A0C;
+    color: #ffffff;
+  }
+}
+</style>