theluyuan/gaokaobaoming
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

hebing

Browse Source
This commit is contained in:
theluyuan 2021-10-21 09:09:54 +08:00
commit 2eabae8040
5 changed files with 362 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/layout/index.vue
View File

@ -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';

3
src/main.ts
View File

@ -8,6 +8,9 @@ const routes:RouteRecordRaw[] = [{
children:[{
path: "index",
component: () => import("./pages/index.vue")
},{
path:"major",
component: () => import('./pages/major.vue')
}]
}]

341
src/pages/major.vue
View File

@ -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>

13
src/pages/university.vue Normal file
View File

@ -0,0 +1,13 @@
<template>
<div>
</div>
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
</style>

2
yarn.lock
View File

@ -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"