From 4f931586561b4ea55eee0c9db05a6663dad8d210 Mon Sep 17 00:00:00 2001
From: xy <271556543@qq.com>
Date: Wed, 14 Jun 2023 17:26:16 +0800
Subject: [PATCH] 2023-6-14

---
 .../reception/department-list-item-bkg.png    | Bin 0 -> 13760 bytes
 src/components/Reception/Navbar.vue           |   4 +-
 src/components/Reception/Search.vue           | 309 ++++++++++--------
 src/router/index.js                           | 260 ++++++++-------
 src/views/reception/department/index.vue      |  47 ++-
 src/views/reception/home/index.vue            |  53 +--
 src/views/reception/index.vue                 |   1 +
 src/views/reception/label/index.vue           | 126 +++++++
 src/views/reception/list1/index.vue           | 132 ++++++++
 src/views/reception/list2/index.vue           | 140 ++++++++
 10 files changed, 772 insertions(+), 300 deletions(-)
 create mode 100644 src/assets/reception/department-list-item-bkg.png
 create mode 100644 src/views/reception/label/index.vue
 create mode 100644 src/views/reception/list1/index.vue
 create mode 100644 src/views/reception/list2/index.vue

diff --git a/src/assets/reception/department-list-item-bkg.png b/src/assets/reception/department-list-item-bkg.png
new file mode 100644
index 0000000000000000000000000000000000000000..24f144565d109d17287883ca619ea31c47ee87fe
GIT binary patch
literal 13760
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
E2SKk3TL1t6

literal 0
HcmV?d00001

diff --git a/src/components/Reception/Navbar.vue b/src/components/Reception/Navbar.vue
index f5c8467..9d208d0 100644
--- a/src/components/Reception/Navbar.vue
+++ b/src/components/Reception/Navbar.vue
@@ -30,8 +30,9 @@ export default {
   display: flex;
   align-items: center;
   background: #247EC3;
+  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
 
-  z-index: 999;
+  z-index: 999999;
   position: sticky;
   top: 0;
 
@@ -71,6 +72,7 @@ export default {
       font-weight: 500;
       color: #FFFFFF;
       line-height: 33px;
+      cursor: pointer;
     }
 
     margin-left: auto;
diff --git a/src/components/Reception/Search.vue b/src/components/Reception/Search.vue
index 8de0abb..8326f3a 100644
--- a/src/components/Reception/Search.vue
+++ b/src/components/Reception/Search.vue
@@ -1,81 +1,73 @@
 <template>
   <div class="search">
     <div class="select-bar">
-      <el-dropdown trigger="click" placement="bottom" @command="e => selectValue = e">
-        <el-button type="primary" class="dropdown-button">
-          <div style="display: flex;align-items: center;">
-            <i class="el-icon-search el-icon--left"></i><p class="dropdown-button__text">{{selectValue}}</p><i class="el-icon-arrow-down el-icon--right"></i>
-          </div>
-        </el-button>
-        <template #dropdown>
-          <el-dropdown-menu style="width: 235px;" class="main-drop">
-            <el-dropdown-item command="部门工作职责">
-              <div style="text-align: center">部门工作职责</div>
-            </el-dropdown-item>
-            <el-dropdown-item command="制度文件">
-              <div style="text-align: center">制度文件</div>
-            </el-dropdown-item>
-            <el-dropdown-item command="工作流程">
-              <div style="text-align: center">工作流程</div>
-            </el-dropdown-item>
-            <el-dropdown-item command="岗位工作及标准">
-              <div style="text-align: center">岗位工作及标准</div>
-            </el-dropdown-item>
-            <el-dropdown-item command="表单中心">
-              <div style="text-align: center">表单中心</div>
-            </el-dropdown-item>
-          </el-dropdown-menu>
+      <el-popover v-model="popoverShow" transition="el-zoom-in-top" popper-class="select-bar__popover" :visible-arrow="false" trigger="manual" placement="bottom-start">
+        <template #reference>
+          <el-button type="primary" class="dropdown-button" @click="popoverShow = !popoverShow">
+            <div class="btn-slot">
+              <i class="el-icon-search el-icon--left"></i><p class="dropdown-button__text">{{selectValue}}</p><i class="el-icon-arrow-down el-icon--right"></i>
+            </div>
+          </el-button>
         </template>
-      </el-dropdown>
+        <template>
+          <div class="dropdown-box">
+            <div class="left">
+              <div class="left-item" v-for="i in ['制度文件','工作流程','岗位工作及标准','表单中心']" @click="selectValue = i">
+                {{ i }}
+              </div>
+            </div>
 
-      <div class="select-bar__blank">
-      </div>
-    </div>
-    <div class="search__bottom">
-      <div class="top">
-        <div class="search__bottom--btn">
-          <el-dropdown trigger="click" placement="bottom" @command="e => selectValue = e">
-            <el-button type="primary" class="dropdown-search-button">
-              <span style="padding-right: 10px;">任意词</span><i class="el-icon-arrow-down el-icon--right"></i>
-            </el-button>
-            <template #dropdown>
-              <el-dropdown-menu class="select-drop">
-                <el-dropdown-item command="制度文件">
-                  <div style="text-align: center">制度文件</div>
-                </el-dropdown-item>
-                <el-dropdown-item command="工作流程">
-                  <div style="text-align: center">工作流程</div>
-                </el-dropdown-item>
-                <el-dropdown-item command="岗位工作及标准">
-                  <div style="text-align: center">岗位工作及标准</div>
-                </el-dropdown-item>
-                <el-dropdown-item command="表单中心">
-                  <div style="text-align: center">表单中心</div>
-                </el-dropdown-item>
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
-        </div>
-
-        <div class="search__bottom--input">
-          <el-input placeholder="请输入内容" size="" v-model="inputValue">
-            <template #append>
-              <el-button style="background: #247EC3;color: #fff;border: none;border-bottom-left-radius: 0;border-top-left-radius: 0;">搜 索</el-button>
-            </template>
-          </el-input>
-        </div>
-      </div>
+            <div class="right">
+             <div class="search-bar">
+               <el-dropdown trigger="click" placement="bottom" @command="e => selectValue = e">
+                 <el-button type="primary" class="dropdown-search-button">
+                   <div class="btn-slot">
+                     <span>任意词</span><i style="padding-left: 10px;" class="el-icon-arrow-down el-icon--right"></i>
+                   </div>
+                 </el-button>
+                 <template #dropdown>
+                   <el-dropdown-menu class="select-drop">
+                     <el-dropdown-item command="制度文件">
+                       <div style="text-align: center">制度文件</div>
+                     </el-dropdown-item>
+                     <el-dropdown-item command="工作流程">
+                       <div style="text-align: center">工作流程</div>
+                     </el-dropdown-item>
+                     <el-dropdown-item command="岗位工作及标准">
+                       <div style="text-align: center">岗位工作及标准</div>
+                     </el-dropdown-item>
+                     <el-dropdown-item command="表单中心">
+                       <div style="text-align: center">表单中心</div>
+                     </el-dropdown-item>
+                   </el-dropdown-menu>
+                 </template>
+               </el-dropdown>
+               <div class="search__bottom--input">
+                 <el-input placeholder="请输入内容" size="" v-model="inputValue">
+                   <template #append>
+                     <el-button style="background: #247EC3;color: #fff;border: none;border-bottom-left-radius: 0;border-top-left-radius: 0;">搜 索</el-button>
+                   </template>
+                 </el-input>
+               </div>
+             </div>
 
-      <div class="bottom">
-        <div class="history__icon">
-          <el-image style="width: 30px;height: 31px" fit="cover" :src="require('@/assets/reception/history-icon.png')"></el-image>
-        </div>
-        <div class="history__word">
-          <div class="history__word--top">常用搜索</div>
-          <div class="history__word--bottom">
-            <span style="cursor: pointer;" v-for="(i, index) in ['奖学金', '集体户口', '助学金', '党建']">{{ i }}{{ index !== 3 ? '&nbsp|&nbsp' : '' }}</span>
+             <div class="history">
+               <div class="history__icon">
+                 <el-image style="width: 30px;height: 31px" fit="cover" :src="require('@/assets/reception/history-icon.png')"></el-image>
+               </div>
+               <div class="history__word">
+                 <div class="history__word--top">常用搜索</div>
+                 <div class="history__word--bottom">
+                   <span style="cursor: pointer;" v-for="(i, index) in ['奖学金', '集体户口', '助学金', '党建']">{{ i }}{{ index !== 3 ? '&nbsp|&nbsp' : '' }}</span>
+                 </div>
+               </div>
+             </div>
+            </div>
           </div>
-        </div>
+        </template>
+      </el-popover>
+
+      <div class="select-bar__blank">
       </div>
     </div>
   </div>
@@ -85,78 +77,67 @@
 export default {
   data() {
     return {
+      popoverShow: false,
       selectValue: '搜索内部资料',
       inputValue: '',
     }
   },
   methods: {},
   computed: {},
+  mounted() {
+    this.popoverShow = true
+  }
 }
 </script>
 
 <style scoped lang="scss">
-.search {
-  width: 100%;
-
-  padding: 33px 18.75% 38px 18.75%;
-  overflow: hidden;
-  position: relative;
+.dropdown-box {
+  display: flex;
 
-  &::before {
-    content: '';
-    background: #1e9fff;
-    filter: blur(8px);
+  & .left {
+    flex-basis: 25%;
 
-    z-index: 0;
-    position: absolute;
-    top: -10px;
-    right: -10px;
-    bottom: -10px;
-    left: -10px;
-  }
+    & > div:last-child {
+      border-bottom-left-radius: 4px;
+    }
+    &-item {
+      color: #333;
+      text-align: center;
+      font-weight: 500;
+      font-size: 13px;
+      cursor: pointer;
+      transition: all .2s;
 
-  .select-bar {
-    height: 39px;
-    display: flex;
+      padding: 14px 0;
 
-    position: relative;
-    &__blank {
-      background: #fff;
-      flex: 1;
-      border-top-right-radius: 4px;
+      &:hover {
+        color: #fff;
+        background: #247EC3;
+      }
     }
   }
-  &__bottom {
-    width: 100%;
-    background-size: cover;
+  & .right {
+    border-bottom-right-radius: 4px;
+    flex: 1;
     background: url("../../assets/reception/search-bottom-bkg.png") no-repeat center;
-    border-radius: 0 0 4px 4px;
-
-    padding-bottom: 43px;
-    position: relative;
+    background-size: cover;
 
-    & .top {
+    & .search-bar {
       display: flex;
-      justify-content: center;
-      align-items: center;
-
-      padding: 24px 190px 0 190px;
-
-      .search__bottom--btn {
 
-        & .dropdown-search-button {
-          width: 103px;
-          height: 35px;
-          font-size: 13px;
-          color: #000;
-          background: #fff;
-          border-radius: 6px;
-          border: none;
+      margin: 24px 26.7% 0 8.8%;
+      & .dropdown-search-button {
+        width: 103px;
+        height: 35px;
+        font-size: 13px;
+        color: #000;
+        background: #fff;
+        border-radius: 6px;
+        border: none;
 
-          margin-right: 13px;
-        }
+        margin-right: 13px;
       }
-      .search__bottom--input {
+      & .search__bottom--input {
         flex: 1;
         height: 35px;
 
@@ -169,13 +150,13 @@ export default {
       }
     }
 
-    & .bottom {
+    & .history {
       display: flex;
       align-items: center;
 
-      padding: 43px 31.58% 0 31.58%;
+      margin: 43px 0 0 8.8%;
 
-      & .history__word {
+      &__word {
         font-size: 13px;
         color: #fff;
 
@@ -184,16 +165,56 @@ export default {
     }
   }
 }
+.search {
+  height: 295px;
+  width: 100%;
+
+  padding: 33px 18.75% 38px 18.75%;
+  overflow: hidden;
+  position: relative;
+
+  &::before {
+    content: '';
+    background: #1e9fff;
+    filter: blur(8px);
+
+    z-index: 0;
+    position: absolute;
+    top: -10px;
+    right: -10px;
+    bottom: -10px;
+    left: -10px;
+  }
+
+  .select-bar {
+    height: 39px;
+    display: flex;
 
+    position: relative;
+    & > span {
+      flex-basis: 25%;
+    }
+    &__blank {
+      background: #fff;
+      flex: 1;
+      filter: drop-shadow(0 1px .5px #fff);
+      border-top-right-radius: 4px;
+    }
+  }
+}
+.btn-slot {
+  display: flex;
+  align-items: center;
+}
 .dropdown-button {
-  width: 235px;
+  width: 100%;
   background: #376BA3!important;
   color: #fff!important;
   border: none!important;
   border-radius: 4px 0 0 0;
 
-  padding-left: 29px !important;
-  padding-right: 18px !important;
+  padding-left: 12.3% !important;
+  padding-right: 7% !important;
 
   &__text {
     flex: 1;
@@ -208,26 +229,42 @@ export default {
   border: none;
 }
 
+@media (max-width: 900px) {
+  .dropdown-search-button {
+    width: 80px !important;
+  }
+  .btn-slot {
+
+    & > i {
+      display: none;
+    }
+  }
+}
 </style>
 
 <style lang="scss">
-.main-drop[x-placement^=bottom] {
-  padding: 0!important;
+.select-bar__popover {
+  width: calc(100% - 2 * 18.75%);
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+  box-shadow: none;
   border: none;
-  border-radius: 0 0 4px 4px;
-  margin-top: 0 !important;
 
-  & > li {
-    height: 39px;
+  padding: 0!important;
+  margin-top: 0!important;
+}
+@media screen and (max-width: 900px) {
+  .select-bar__popover {
+    width: calc(900px - 337.5px);
+
+    position: absolute;
+    left: 168.75px !important;
   }
 }
 .el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus {
   background: #247EC3!important;
   color: #fff!important;
 }
-.main-drop > li:nth-child(5) {
-  border-radius: 0 0 4px 4px;
-}
 .select-drop[x-placement^=bottom] {
   padding: 0!important;
   border: none;
diff --git a/src/router/index.js b/src/router/index.js
index 04daedf..edb8ed8 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,124 +1,136 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-
-Vue.use(Router)
-
-/* Layout */
-import Layout from '@/layout'
-
-/**
- * Note: sub-menu only appear when route children.length >= 1
- * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
- *
- * hidden: true                   if set true, item will not show in the sidebar(default is false)
- * alwaysShow: true               if set true, will always show the root menu
- *                                if not set alwaysShow, when item has more than one children route,
- *                                it will becomes nested mode, otherwise not show the root menu
- * redirect: noRedirect           if set noRedirect will no redirect in the breadcrumb
- * name:'router-name'             the name is used by <keep-alive> (must set!!!)
- * meta : {
-    roles: ['admin','editor']    control the page roles (you can set multiple roles)
-    title: 'title'               the name show in sidebar and breadcrumb (recommend set)
-    icon: 'svg-name'/'el-icon-x' the icon show in the sidebar
-    breadcrumb: false            if set false, the item will hidden in breadcrumb(default is true)
-    activeMenu: '/example/list'  if set path, the sidebar will highlight the path you set
-  }
- */
-
-/**
- * constantRoutes
- * a base page that does not have permission requirements
- * all roles can be accessed
- */
-export const constantRoutes = [
-  {
-    path: '/login',
-    component: () => import('@/views/login/index'),
-    hidden: true
-  },
-
-  {
-    path: '/404',
-    component: () => import('@/views/404'),
-    hidden: true
-  },
-  {
-    path: '/info',
-    component: Layout,
-    children: [{
-      path: 'password',
-      component: () => import('@/views/system/password'),
-      name: '密码修改',
-      meta: {
-        title: '密码修改'
-      }
-    }],
-    hidden: true
-  },
-  {
-    path: '/index',
-    redirect: '/index/home',
-    component: () => import('@/views/reception'),
-    children: [
-      {
-        path: 'home',
-        component: () => import('@/views/reception/home')
-      },
-      {
-        path: 'department',
-        component: () => import('@/views/reception/department')
-      }
-    ],
-    hidden: true
-  },
-
-  {
-    path: '/',
-    component: Layout,
-    redirect: '/dashboard',
-    children: [{
-      path: 'dashboard',
-      name: '系统首页',
-      component: () => import('@/views/dashboard/index'),
-      meta: {
-        title: '系统首页',
-        icon: 'dashboard'
-      }
-    }, ]
-  }
-]
-
-
-
-/**
- * asyncRoutes
- * the routes that need to be dynamically loaded based on user roles
- */
-export const asyncRoutes = [
-
-
-  // 404 page must be placed at the end !!!
-  {
-    path: '*',
-    redirect: '/404',
-    hidden: true
-  }
-]
-
-const createRouter = () => new Router({
-  // mode: 'history', // require service support
-  scrollBehavior: () => ({
-    y: 0
-  }),
-  routes: constantRoutes
-})
-
-const router = createRouter()
-
-// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
-export function resetRouter() {
-  const newRouter = createRouter()
-  router.matcher = newRouter.matcher // reset router
-}
-
-export default router
+import Vue from 'vue'
+import Router from 'vue-router'
+
+Vue.use(Router)
+
+/* Layout */
+import Layout from '@/layout'
+
+/**
+ * Note: sub-menu only appear when route children.length >= 1
+ * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
+ *
+ * hidden: true                   if set true, item will not show in the sidebar(default is false)
+ * alwaysShow: true               if set true, will always show the root menu
+ *                                if not set alwaysShow, when item has more than one children route,
+ *                                it will becomes nested mode, otherwise not show the root menu
+ * redirect: noRedirect           if set noRedirect will no redirect in the breadcrumb
+ * name:'router-name'             the name is used by <keep-alive> (must set!!!)
+ * meta : {
+    roles: ['admin','editor']    control the page roles (you can set multiple roles)
+    title: 'title'               the name show in sidebar and breadcrumb (recommend set)
+    icon: 'svg-name'/'el-icon-x' the icon show in the sidebar
+    breadcrumb: false            if set false, the item will hidden in breadcrumb(default is true)
+    activeMenu: '/example/list'  if set path, the sidebar will highlight the path you set
+  }
+ */
+
+/**
+ * constantRoutes
+ * a base page that does not have permission requirements
+ * all roles can be accessed
+ */
+export const constantRoutes = [
+  {
+    path: '/login',
+    component: () => import('@/views/login/index'),
+    hidden: true
+  },
+
+  {
+    path: '/404',
+    component: () => import('@/views/404'),
+    hidden: true
+  },
+  {
+    path: '/info',
+    component: Layout,
+    children: [{
+      path: 'password',
+      component: () => import('@/views/system/password'),
+      name: '密码修改',
+      meta: {
+        title: '密码修改'
+      }
+    }],
+    hidden: true
+  },
+  {
+    path: '/index',
+    redirect: '/index/home',
+    component: () => import('@/views/reception'),
+    children: [
+      {
+        path: 'home',
+        component: () => import('@/views/reception/home')
+      },
+      {
+        path: 'department',
+        component: () => import('@/views/reception/department')
+      },
+      {
+        path: 'label',
+        component: () => import('@/views/reception/label')
+      },
+      {
+        path: 'list1',
+        component: () => import('@/views/reception/list1')
+      },
+      {
+        path: 'list2',
+        component: () => import('@/views/reception/list2')
+      }
+    ],
+    hidden: true
+  },
+
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/dashboard',
+    children: [{
+      path: 'dashboard',
+      name: '系统首页',
+      component: () => import('@/views/dashboard/index'),
+      meta: {
+        title: '系统首页',
+        icon: 'dashboard'
+      }
+    }, ]
+  }
+]
+
+
+
+/**
+ * asyncRoutes
+ * the routes that need to be dynamically loaded based on user roles
+ */
+export const asyncRoutes = [
+
+
+  // 404 page must be placed at the end !!!
+  {
+    path: '*',
+    redirect: '/404',
+    hidden: true
+  }
+]
+
+const createRouter = () => new Router({
+  // mode: 'history', // require service support
+  scrollBehavior: () => ({
+    y: 0
+  }),
+  routes: constantRoutes
+})
+
+const router = createRouter()
+
+// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
+export function resetRouter() {
+  const newRouter = createRouter()
+  router.matcher = newRouter.matcher // reset router
+}
+
+export default router
diff --git a/src/views/reception/department/index.vue b/src/views/reception/department/index.vue
index 0df43e9..1bb449d 100644
--- a/src/views/reception/department/index.vue
+++ b/src/views/reception/department/index.vue
@@ -3,12 +3,19 @@
     <div class="container">
       <div class="title">
         <div class="title__text">所有部门</div>
-        <el-input placeholder="请输入内容" v-model="input" class="title__input">
+        <el-input placeholder="搜索部门" v-model="input" class="title__input">
           <template #append>
             <el-button class="title__input--btn" icon="el-icon-search"></el-button>
           </template>
         </el-input>
       </div>
+
+      <div class="list">
+        <div class="list__item" v-for="i in 15">
+          党委办公室、 党委组织部（合署)
+          <el-image class="list__item--icon" mode="coutain" :src="require('@/assets/reception/department-list-item-bkg.png')"></el-image>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -37,7 +44,7 @@ export default {
   border-radius: 2px;
   box-shadow: 0 0 15px 0 rgba(130,127,126,0.1);
 
-  padding: 24px 23px 59px 22px;
+  padding: 24px 23px 44px 22px;
   .title {
     display: flex;
     justify-content: space-between;
@@ -69,4 +76,40 @@ export default {
     }
   }
 }
+
+.list {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  grid-gap: 17px;
+
+  margin-top: 21px;
+
+  &__item {
+    color: #247EC3;
+    font-weight: 500;
+    font-size: 16px;
+    text-align: center;
+    background: linear-gradient(to bottom,#fff 25%, #f0f7fc);
+    border: 1px solid #F8F8F8;
+    cursor: pointer;
+    transition: all .2s;
+
+    padding: 34px 41px;
+    margin-bottom: 16px;
+    position: relative;
+
+    &:hover {
+      color: #fff;
+      background: #3c7ac0;
+    }
+    &--icon {
+      width: 44px;
+      height: 50px;
+
+      position: absolute;
+      bottom: 0;
+      right: 0;
+    }
+  }
+}
 </style>
diff --git a/src/views/reception/home/index.vue b/src/views/reception/home/index.vue
index e49fadf..2dd7e51 100644
--- a/src/views/reception/home/index.vue
+++ b/src/views/reception/home/index.vue
@@ -9,25 +9,9 @@
           </div>
 
           <ul class="news__list">
-            <li class="news__list--item">
+            <li class="news__list--item" v-for="i in 5">
               <div>教育部关于公布《高等学校信息公开事项清单》的通知</div>
-              <div>2023-05-21</div>
-            </li>
-            <li class="news__list--item">
-              <div>高等学校信息公开办法（教育部令第29号）</div>
-              <div>2023-05-21</div>
-            </li>
-            <li class="news__list--item">
-              <div>苏州卫生职业技术学院信息公开实施办法（试行）</div>
-              <div>2023-05-21</div>
-            </li>
-            <li class="news__list--item">
-              <div>苏州卫生职业技术学院信息公开实施办法（试行）</div>
-              <div>2023-05-21</div>
-            </li>
-            <li class="news__list--item">
-              <div> 苏州卫生职业技术学院信息公开实施办法（试行）</div>
-              <div>2023-05-21</div>
+              <div>{{ $moment(new Date()).format('YYYY-MM-DD') }}</div>
             </li>
           </ul>
         </el-col>
@@ -39,25 +23,9 @@
           </div>
 
           <ul class="news__list">
-            <li class="news__list--item">
+            <li class="news__list--item" v-for="i in 5">
               <div>教育部关于公布《高等学校信息公开事项清单》的通知</div>
-              <div>2023-05-21</div>
-            </li>
-            <li class="news__list--item">
-              <div>高等学校信息公开办法（教育部令第29号）</div>
-              <div>2023-05-21</div>
-            </li>
-            <li class="news__list--item">
-              <div>苏州卫生职业技术学院信息公开实施办法（试行）</div>
-              <div>2023-05-21</div>
-            </li>
-            <li class="news__list--item">
-              <div>苏州卫生职业技术学院信息公开实施办法（试行）</div>
-              <div>2023-05-21</div>
-            </li>
-            <li class="news__list--item">
-              <div> 苏州卫生职业技术学院信息公开实施办法（试行）</div>
-              <div>2023-05-21</div>
+              <div>{{ $moment(new Date()).format('YYYY-MM-DD') }}</div>
             </li>
           </ul>
         </el-col>
@@ -85,7 +53,7 @@
     </div>
 
     <div class="label">
-      <div class="label__first">
+      <div class="label__first" @click="$router.push('/index/label')">
         <el-image style="width: 49px;height: 49px;margin-bottom: 29px;"
                   :src="require('@/assets/reception/icon-light.png')"></el-image>
         <div>标签</div>
@@ -218,12 +186,20 @@ export default {
 
       &:hover {
         color: #3c7ac0;
+
+        & > div:nth-child(2) {
+          color: #333;
+        }
+        &::before {
+          background: #3c7ac0;
+        }
       }
       & > div {
         font-size: 13px;
 
         &:nth-child(2) {
           color: #999999;
+          transition: all .2s;
         }
       }
       &::before {
@@ -232,6 +208,7 @@ export default {
         height: 6px;
         border-radius: 6px;
         background: #cad8e4;
+        transition: all .2s;
 
         position: absolute;
         top: calc(50% - 3px);
@@ -353,6 +330,7 @@ export default {
     flex-direction: column;
     align-items: center;
     justify-content: center;
+    cursor: pointer;
 
     & > div {
       color: #fff;
@@ -374,6 +352,7 @@ export default {
       display: flex;
       align-items: center;
       justify-content: center;
+      cursor: pointer;
     }
     &__left--single {
       flex: 2.2;
diff --git a/src/views/reception/index.vue b/src/views/reception/index.vue
index 08d619f..716b1bf 100644
--- a/src/views/reception/index.vue
+++ b/src/views/reception/index.vue
@@ -42,6 +42,7 @@ export default {
 .body {
   background: #fff;
   min-height: 100vh;
+
 }
 .fade-in {
   animation: fade-in 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
diff --git a/src/views/reception/label/index.vue b/src/views/reception/label/index.vue
new file mode 100644
index 0000000..f7f4e52
--- /dev/null
+++ b/src/views/reception/label/index.vue
@@ -0,0 +1,126 @@
+<template>
+  <div class="label">
+    <div class="container">
+      <div class="title">
+        <div class="title__text">所有标签</div>
+        <el-input placeholder="搜索标签" v-model="input" class="title__input">
+          <template #append>
+            <el-button class="title__input--btn" icon="el-icon-search"></el-button>
+          </template>
+        </el-input>
+      </div>
+
+      <div class="list">
+        <div class="list__item" v-for="i in 15">
+          <div>
+            <svg viewBox="0 0 13 11"
+                 preserveAspectRatio="xMinYMin meet">
+              <path d="M 1 11 L 1 1 L 12 1 L 12 10 l -7 0 l 0 -5 l 4 0"
+                    fill="none"
+                    stroke="#4c84c5"
+                    stroke-width="2"
+                    pathLength="1"></path>
+            </svg>
+            <div>{{ labels[i % labels.length] }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      input: '',
+      labels: ['学籍管理','人才','补助','培养方案','综合科技','党建工作创新奖','处置','党建工作创新奖','处置','党建工作创新奖','处置'],
+    }
+  },
+  methods: {},
+  computed: {},
+}
+</script>
+
+<style scoped lang="scss">
+.label {
+  background: #f8f8f8;
+
+  padding: 31px 18.75%;
+}
+
+.container {
+  background: #fff;
+  border-radius: 2px;
+  box-shadow: 0 0 15px 0 rgba(130,127,126,0.1);
+
+  padding: 24px 23px 44px 22px;
+  .title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    &__text {
+
+      padding-left: 5px;
+    }
+    &__input {
+      width: 207px;
+
+      & ::v-deep .el-input__inner {
+        height: 35px;
+      }
+
+      &--btn {
+        width: 48px;
+        height: 35px;
+        background: #3788D6;
+        color: #fff;
+        border: none;
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    }
+  }
+}
+
+.list {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  grid-column-gap: 17px;
+  grid-row-gap: 30px;
+
+  margin-top: 19px;
+
+  &__item {
+    display: flex;
+
+    & > div {
+      display: flex;
+      align-items: center;
+      transition: all .2s;
+      border-radius: 30px;
+      cursor: pointer;
+
+      padding: 9px 19px;
+
+      & > svg {
+        width: 13px;
+        height: 11px;
+      }
+      & > div {
+
+        padding-left: 13px;
+      }
+
+      &:hover {
+        background: #EEEBEA;
+      }
+    }
+
+  }
+}
+</style>
diff --git a/src/views/reception/list1/index.vue b/src/views/reception/list1/index.vue
new file mode 100644
index 0000000..2c3f043
--- /dev/null
+++ b/src/views/reception/list1/index.vue
@@ -0,0 +1,132 @@
+<template>
+  <div class="list1">
+    <div class="container">
+      <div class="list">
+        <div class="list__item" v-for="i in 8">
+          <div class="list__item--name">教育部关于公布《高等学校信息公开事项清单》的通知</div>
+          <div class="list__item--date">{{ $moment(new Date()).format('YYYY-MM-DD') }}</div>
+          <div class="list__item--btn">预览</div>
+          <div class="list__item--download">
+            <i class="el-icon-download"></i>
+          </div>
+        </div>
+      </div>
+
+      <el-pagination
+        class="page"
+        background
+        layout="prev, pager, next"
+        :total="1000">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+  computed: {},
+}
+</script>
+
+<style scoped lang="scss">
+.list1 {
+  background: #f8f8f8;
+
+  padding: 31px 18.75%;
+}
+.container {
+  background: #fff;
+  border-radius: 2px;
+  box-shadow: 0 0 15px 0 rgba(130,127,126,0.1);
+
+  padding: 24px 23px 44px 22px;
+
+}
+.list {
+
+  &__item {
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid #F8F8F8;
+
+    padding: 11px 9px 11px 27px;
+    position: relative;
+
+    &::before {
+      content: '';
+      height: 6px;
+      width: 6px;
+      border-radius: 6px;
+      background: #cad8e4;
+
+      transform: translateY(-50%);
+      position: absolute;
+      left: 0;
+      top: 50%;
+    }
+    &--name {
+      font-size: 13px;
+      color: #333;
+      flex: 1;
+
+    }
+    &--date {
+      font-size: 13px;
+      color: #999999;
+
+      margin-right: 42px;
+    }
+    &--btn {
+      cursor: pointer;
+      font-size: 13px;
+      color: #247EC3;
+      border-radius: 30px;
+      border: 1px solid #247EC3;
+      transition: all .2s;
+
+      padding: 7px 17px;
+      margin-right: 23px;
+
+      &:hover {
+        color: #fff;
+        background: #247EC3;
+      }
+    }
+    &--download {
+      cursor: pointer;
+      & > i{
+        font-size: 16px;
+        color: #247EC3;
+      }
+
+      padding-right: 9px;
+    }
+  }
+}
+
+.page {
+  display: flex;
+  justify-content: center;
+
+  margin-top: 30px;
+
+  & ::v-deep .btn-prev, ::v-deep .btn-next ,::v-deep .el-pager > li {
+    width: 39px;
+    height: 39px;
+    line-height: 39px;
+    text-align: center;
+    border-radius: 100px;
+    background: #fff;
+    transition: all .2s;
+  }
+
+  & ::v-deep .btn-prev, ::v-deep .btn-next {
+    background: #fff;
+    border: 1px solid #e7e7e7;
+  }
+}
+</style>
diff --git a/src/views/reception/list2/index.vue b/src/views/reception/list2/index.vue
new file mode 100644
index 0000000..9a1bb36
--- /dev/null
+++ b/src/views/reception/list2/index.vue
@@ -0,0 +1,140 @@
+<template>
+  <div class="list1">
+    <div class="container">
+      <div class="list">
+        <div class="list__item" v-for="i in 8">
+          <div class="list__item--pre">苏卫【2011】2号</div>
+          <div class="list__item--name">教育部关于公布《高等学校信息公开事项清单》的通知</div>
+          <div class="list__item--date">{{ $moment(new Date()).format('YYYY-MM-DD') }}</div>
+          <div class="list__item--btn">预览</div>
+          <div class="list__item--download">
+            <i class="el-icon-download"></i>
+          </div>
+        </div>
+      </div>
+
+      <el-pagination
+        class="page"
+        background
+        layout="prev, pager, next"
+        :total="1000">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+  computed: {},
+}
+</script>
+
+<style scoped lang="scss">
+.list1 {
+  background: #f8f8f8;
+
+  padding: 31px 18.75%;
+}
+.container {
+  background: #fff;
+  border-radius: 2px;
+  box-shadow: 0 0 15px 0 rgba(130,127,126,0.1);
+
+  padding: 24px 23px 44px 22px;
+
+}
+.list {
+
+  &__item {
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid #F8F8F8;
+
+    padding: 11px 9px 11px 0;
+
+    &--pre {
+      font-size: 13px;
+      font-weight: 500;
+      color: #398AC9;
+
+      padding-right: 10px;
+      position: relative;
+
+      &::after {
+        content:'';
+        width: 2px;
+        background: #398AC9;
+
+        position: absolute;
+        top: 2px;
+        bottom: 2px;
+        right: -1px;
+      }
+    }
+    &--name {
+      font-size: 13px;
+      color: #333;
+      flex: 1;
+
+      padding-left: 10px;
+    }
+    &--date {
+      font-size: 13px;
+      color: #999999;
+
+      margin-right: 42px;
+    }
+    &--btn {
+      cursor: pointer;
+      font-size: 13px;
+      color: #247EC3;
+      border-radius: 30px;
+      border: 1px solid #247EC3;
+      transition: all .2s;
+
+      padding: 7px 17px;
+      margin-right: 23px;
+
+      &:hover {
+        color: #fff;
+        background: #247EC3;
+      }
+    }
+    &--download {
+      cursor: pointer;
+      & > i{
+        font-size: 16px;
+        color: #247EC3;
+      }
+
+      padding-right: 9px;
+    }
+  }
+}
+
+.page {
+  display: flex;
+  justify-content: center;
+
+  margin-top: 30px;
+
+  & ::v-deep .btn-prev, ::v-deep .btn-next ,::v-deep .el-pager > li {
+    width: 39px;
+    height: 39px;
+    line-height: 39px;
+    text-align: center;
+    border-radius: 100px;
+    background: #fff;
+    transition: all .2s;
+  }
+
+  & ::v-deep .btn-prev, ::v-deep .btn-next {
+    background: #fff;
+    border: 1px solid #e7e7e7;
+  }
+}
+</style>