From ab98af16088da0411c36d924265474d5a9211480 Mon Sep 17 00:00:00 2001
From: theluyuan <1162963624@qq.com>
Date: Wed, 20 Oct 2021 21:49:02 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=93=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/index.vue     |   8 +-
 src/main.ts              |   3 +
 src/pages/major.vue      | 341 ++++++++++++++++++++++++++++++++++++++-
 src/pages/university.vue |  13 ++
 yarn.lock                |   2 +-
 5 files changed, 362 insertions(+), 5 deletions(-)
 create mode 100644 src/pages/university.vue

diff --git a/src/layout/index.vue b/src/layout/index.vue
index 4c04211..f79aa46 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -28,8 +28,9 @@
                 </a-menu-item>
             </a-menu>
         </div>
-
-        <router-view></router-view>
+        <div class="body">
+            <router-view></router-view>
+        </div>
     </div>
 </template>
 <style lang="scss" scoped>
@@ -38,6 +39,9 @@
     z-index: 999;
     top: 0;
 }
+.body{
+    padding: 20px 40px;
+}
 </style>
 <script setup lang="ts">
 import { MailOutlined, FileSearchOutlined, AuditOutlined, EditOutlined } from '@ant-design/icons-vue';
diff --git a/src/main.ts b/src/main.ts
index 9d8a4c1..16391d6 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -8,6 +8,9 @@ const routes:RouteRecordRaw[] = [{
     children:[{
       path: "index",
       component: () => import("./pages/index.vue")
+    },{
+      path:"major",
+      component: () => import('./pages/major.vue')
     }]
 
 }]
diff --git a/src/pages/major.vue b/src/pages/major.vue
index 923f628..c3d4759 100644
--- a/src/pages/major.vue
+++ b/src/pages/major.vue
@@ -1,13 +1,350 @@
 <template>
     <div>
-        
+        <div class="select">
+            <a-button class="rigth" @click="sel(0)" :type="select == 0 ? 'primary' : ''">本科（普通教育）</a-button>
+            <a-button class="rigth" @click="sel(1)" :type="select == 1 ? 'primary' : ''">本科（职业教育）</a-button>
+            <a-button @click="sel(2)" :type="select == 2 ? 'primary' : ''">高职（专科）</a-button>
+        </div>
+        <div class="list">
+            <a-table
+                class="item"
+                :row-selection="rowSelection"
+                :pagination="false"
+                :scroll="{ y: 800 }"
+                :dataSource="dataSource"
+                :columns="columns"
+            >
+                <template #address="{ text: address  }">
+                    <a-button style="width: 100%;height:100%" class="rigth" @click="sel(0)" :type="select == 0 ? 'primary' : ''">{{address}}</a-button>
+                </template>
+            </a-table>
+            <a-table
+                class="item"
+                :row-selection="rowSelection"
+                :pagination="false"
+                :scroll="{ y: 800 }"
+                :dataSource="dataSource"
+                :columns="columns"
+            >
+                <template v-slot:address="{}"></template>
+            </a-table>
+            <a-table
+                class="item"
+                :row-selection="rowSelection"
+                :pagination="false"
+                :scroll="{ y: 800 }"
+                :dataSource="dataSource"
+                :columns="columns"
+            >
+                <template v-slot:bodyCell="{ record }">
+                    <template v-if="record.address == '西湖区湖底公园1号'">啦啦啦</template>
+                </template>
+            </a-table>
+        </div>
     </div>
 </template>
 
 <script setup lang="ts">
+import { ref } from "vue";
 
+const select = ref(1);
+
+function sel(num: number) {
+    select.value = num
+}
+const rowSelection = ref('')
+const dataSource = [
+    {
+        key: '1',
+        name: '胡彦斌',
+        age: 32,
+        address: '西湖区湖底公园1号',
+    },
+    {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    }, {
+        key: '2',
+        name: '胡彦祖',
+        age: 42,
+        address: '西湖区湖底公园1号',
+    },
+]
+
+const columns = [
+    {
+        title: '住址',
+        dataIndex: 'address',
+        key: 'address',
+        slots: { customRender: 'address' },
+    },
+]
 </script>
 
 <style lang="scss" scoped>
-
+.select {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    > .rigth {
+        margin-right: 30px;
+    }
+}
+.list {
+    padding-top: 50px;
+    width: 1200px;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-around;
+    ::v-deep td{
+        padding:0
+    }
+    .item {
+        width: 300px;
+        height: 900px;
+        border: 1px solid #ccc;
+    }
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/university.vue b/src/pages/university.vue
new file mode 100644
index 0000000..3c47c5f
--- /dev/null
+++ b/src/pages/university.vue
@@ -0,0 +1,13 @@
+<template>
+    <div>
+       
+    </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 650e622..219ef55 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -268,7 +268,7 @@ acorn@^7.1.1:
 
 ant-design-vue@^2.2.8:
   version "2.2.8"
-  resolved "https://registry.npmmirror.com/ant-design-vue/download/ant-design-vue-2.2.8.tgz?cache=0&sync_timestamp=1634198514256&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fant-design-vue%2Fdownload%2Fant-design-vue-2.2.8.tgz#fa87cf6842d8ee9a0d8af393ff4099ecc4072f2b"
+  resolved "https://registry.npmmirror.com/ant-design-vue/download/ant-design-vue-2.2.8.tgz#fa87cf6842d8ee9a0d8af393ff4099ecc4072f2b"
   integrity sha1-+ofPaELY7poNivOT/0CZ7MQHLys=
   dependencies:
     "@ant-design/icons-vue" "^6.0.0"