From f9efe47a65e52fb1890ca63e95f39e28c79f9778 Mon Sep 17 00:00:00 2001
From: eryang <14686485+eryang@user.noreply.gitee.com>
Date: Mon, 15 Jul 2024 23:54:53 +0800
Subject: [PATCH 1/7] =?UTF-8?q?feature:=E6=8B=9B=E7=94=9F=E6=94=BF?=
 =?UTF-8?q?=E7=AD=96=20router?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                           |   4 +
 src/views/gateway/components/header/index.vue |  20 ++
 .../policy/component/admissionGuide.vue       | 179 +++++++++++++++++
 .../policy/component/admissionPolicy.vue      | 182 ++++++++++++++++++
 src/views/gateway/policy/index.vue            | 151 +++++++++++++++
 5 files changed, 536 insertions(+)
 create mode 100644 src/views/gateway/policy/component/admissionGuide.vue
 create mode 100644 src/views/gateway/policy/component/admissionPolicy.vue
 create mode 100644 src/views/gateway/policy/index.vue

diff --git a/src/router/index.js b/src/router/index.js
index e8d9e3c..0ccb19c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -47,6 +47,10 @@ export const constantRoutes = [
       path: '/gateway/xiaofang',
       component: (resolve) => require(['@/views/gateway/xiaofang/index'], resolve),
       name: '消防管理',
+    }, {
+      path: '/gateway/policy',
+      component: (resolve) => require(['@/views/gateway/policy/index'], resolve),
+      name: '招生政策',
     }]
   },
   {
diff --git a/src/views/gateway/components/header/index.vue b/src/views/gateway/components/header/index.vue
index 3c11de9..e8871b3 100644
--- a/src/views/gateway/components/header/index.vue
+++ b/src/views/gateway/components/header/index.vue
@@ -102,6 +102,26 @@
               path: ''
             }]
           },
+          {
+            name: '招生政策',
+            path: '/gateway/policy',
+            children: [{
+              name: '招生政策',
+              path: '/gateway/policy'
+            },
+            {
+              name: '招生简章',
+              path: '/gateway/policy'
+            },
+            {
+              name: '招生计划',
+              path: '/gateway/policy'
+            },
+             {
+              name: '招生新闻',
+              path: '/gateway/policy'
+            }]
+          },
           {
             name: '职业技能',
             path: '',
diff --git a/src/views/gateway/policy/component/admissionGuide.vue b/src/views/gateway/policy/component/admissionGuide.vue
new file mode 100644
index 0000000..651c5c3
--- /dev/null
+++ b/src/views/gateway/policy/component/admissionGuide.vue
@@ -0,0 +1,179 @@
+<template>
+  <div class="content-box">
+    <div class="box-search">
+      <el-form :inline="true" :model="formData">
+        <el-form-item label="标题：">
+          <el-input v-model="formData.user" placeholder="请输入标题"></el-input>
+        </el-form-item>
+        <el-form-item label="">
+          <el-button class="search-button">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <div class="data-list">
+      <div class="list-item" v-for="item in 1" :key="item">
+        <div class="item-pic">
+          <img
+            src="@/assets/image/gateway/xiaofang/pic2.jpg"
+            alt=""
+            class="pic-img"
+          />
+        </div>
+        <div class="item-content">
+          <div class="content-top">
+            <div class="top-left">
+              <div class="left-title">招生简章</div>
+            </div>
+            <div class="top-right">
+              <el-button class="check-button"
+                >查看详情 <i class="el-icon-right"></i
+              ></el-button>
+            </div>
+          </div>
+          <div class="content-bottom">
+            伴随着对2022年的期盼，我们即将迈进新的一年，此时的我们心潮激荡，笑意飞扬，温馨的祝福飘逸在校园上空。<br />
+            随着行业扩展能力的加快，需要大量技能型、应用型的综合性人才。本项目坚持立足市场需求，努力构建校企合作办学平台。项目合作单位与国内外各大航空公司、外航服务公司、机场密切合作，开设航空服务管理、航空预科、国际空乘等现代化......
+          </div>
+        </div>
+      </div>
+
+      <div class="list-pagination">
+        <el-pagination background layout="prev, pager, next" :total="1">
+        </el-pagination>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "AdmissionGuide",
+  data() {
+    return {
+      formData: {},
+    };
+  },
+  components: {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped>
+.content-box {
+  width: 1200px;
+  margin: 57px auto 0;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  padding-bottom: 40px;
+
+  .box-search {
+    .search-button {
+      width: 124px;
+      height: 36px;
+      background: #ff8533;
+      border-radius: 10px 10px 10px 10px;
+      color: #ffffff;
+    }
+  }
+
+  .data-list {
+    .list-item {
+      width: 100%;
+      background: #ffffff;
+      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.06);
+      border-radius: 20px 20px 20px 20px;
+      border: 1px solid #dddddd;
+      padding: 40px 26px;
+      box-sizing: border-box;
+      display: flex;
+      margin-bottom: 30px;
+
+      // &:last-child {
+      //   margin-bottom: 0;
+      // }
+
+      .item-pic {
+        width: 283px;
+        height: 212px;
+        border-radius: 20px;
+        overflow: hidden;
+
+        .pic-img {
+          width: 283px;
+          height: 212px;
+        }
+      }
+
+      .item-content {
+        flex: 1;
+        margin-left: 43px;
+
+        .content-top {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          padding-bottom: 20px;
+          border-bottom: 2px solid #eeeeee;
+          margin-bottom: 19px;
+
+          .top-left {
+            .left-title {
+              font-weight: 400;
+              font-size: 18px;
+              color: #000000;
+            }
+
+            .left-name {
+              font-weight: 400;
+              font-size: 16px;
+              color: #333333;
+              margin-top: 18px;
+            }
+          }
+
+          .top-right {
+            display: flex;
+            align-items: center;
+
+            .right-text {
+              font-weight: 400;
+              font-size: 18px;
+              color: #ff8533;
+            }
+
+            .check-button {
+              margin-left: 20px;
+              width: 124px;
+              height: 36px;
+              background: #1d60b9;
+              border-radius: 10px 10px 10px 10px;
+              color: #ffffff;
+            }
+          }
+        }
+
+        .content-bottom {
+          font-weight: 400;
+          font-size: 14px;
+          color: #666363;
+          line-height: 28px;
+        }
+      }
+    }
+
+    ::v-deep .list-pagination {
+      display: flex;
+      justify-content: center;
+
+      .number {
+        &.active {
+          background: #1d60b9;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/gateway/policy/component/admissionPolicy.vue b/src/views/gateway/policy/component/admissionPolicy.vue
new file mode 100644
index 0000000..4215ab8
--- /dev/null
+++ b/src/views/gateway/policy/component/admissionPolicy.vue
@@ -0,0 +1,182 @@
+<template>
+  <div class="content-box">
+    <div class="box-search">
+      <el-form :inline="true" :model="formData">
+        <el-form-item label="标题：">
+          <el-input v-model="formData.user" placeholder="请输入标题"></el-input>
+        </el-form-item>
+        <el-form-item label="">
+          <el-button class="search-button">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <div class="data-list">
+      <div class="list-item" v-for="item in 4" :key="item">
+        <div class="item-pic">
+          <img
+            src="@/assets/image/gateway/xiaofang/pic2.jpg"
+            alt=""
+            class="pic-img"
+          />
+        </div>
+        <div class="item-content">
+          <div class="content-top">
+            <div class="top-left">
+              <div class="left-title">招生政策</div>
+            </div>
+            <div class="top-right">
+              <el-button class="check-button" @click="toChangeStatus"
+                >查看详情 <i class="el-icon-right"></i
+              ></el-button>
+            </div>
+          </div>
+          <div class="content-bottom">
+            伴随着对2022年的期盼，我们即将迈进新的一年，此时的我们心潮激荡，笑意飞扬，温馨的祝福飘逸在校园上空。<br />
+            随着行业扩展能力的加快，需要大量技能型、应用型的综合性人才。本项目坚持立足市场需求，努力构建校企合作办学平台。项目合作单位与国内外各大航空公司、外航服务公司、机场密切合作，开设航空服务管理、航空预科、国际空乘等现代化......
+          </div>
+        </div>
+      </div>
+
+      <div class="list-pagination">
+        <el-pagination background layout="prev, pager, next" :total="1000">
+        </el-pagination>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      formData: {},
+    };
+  },
+  components: {},
+  computed: {},
+  methods: {
+    toChangeStatus() {
+      this.$emit("changeStatus");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-box {
+  width: 1200px;
+  margin: 57px auto 0;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  padding-bottom: 40px;
+
+  .box-search {
+    .search-button {
+      width: 124px;
+      height: 36px;
+      background: #ff8533;
+      border-radius: 10px 10px 10px 10px;
+      color: #ffffff;
+    }
+  }
+
+  .data-list {
+    .list-item {
+      width: 100%;
+      background: #ffffff;
+      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.06);
+      border-radius: 20px 20px 20px 20px;
+      border: 1px solid #dddddd;
+      padding: 40px 26px;
+      box-sizing: border-box;
+      display: flex;
+      margin-bottom: 30px;
+
+      // &:last-child {
+      //   margin-bottom: 0;
+      // }
+
+      .item-pic {
+        width: 283px;
+        height: 212px;
+        border-radius: 20px;
+        overflow: hidden;
+
+        .pic-img {
+          width: 283px;
+          height: 212px;
+        }
+      }
+
+      .item-content {
+        flex: 1;
+        margin-left: 43px;
+
+        .content-top {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          padding-bottom: 20px;
+          border-bottom: 2px solid #eeeeee;
+          margin-bottom: 19px;
+
+          .top-left {
+            .left-title {
+              font-weight: 400;
+              font-size: 18px;
+              color: #000000;
+            }
+
+            .left-name {
+              font-weight: 400;
+              font-size: 16px;
+              color: #333333;
+              margin-top: 18px;
+            }
+          }
+
+          .top-right {
+            display: flex;
+            align-items: center;
+
+            .right-text {
+              font-weight: 400;
+              font-size: 18px;
+              color: #ff8533;
+            }
+
+            .check-button {
+              margin-left: 20px;
+              width: 124px;
+              height: 36px;
+              background: #1d60b9;
+              border-radius: 10px 10px 10px 10px;
+              color: #ffffff;
+            }
+          }
+        }
+
+        .content-bottom {
+          font-weight: 400;
+          font-size: 14px;
+          color: #666363;
+          line-height: 28px;
+        }
+      }
+    }
+
+    ::v-deep .list-pagination {
+      display: flex;
+      justify-content: center;
+
+      .number {
+        &.active {
+          background: #1d60b9;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/gateway/policy/index.vue b/src/views/gateway/policy/index.vue
new file mode 100644
index 0000000..24c991b
--- /dev/null
+++ b/src/views/gateway/policy/index.vue
@@ -0,0 +1,151 @@
+<template>
+  <div>
+    <div class="top-img">
+      <img
+        src="@/assets/image/gateway/tuanwei/nbanner.jpg"
+        alt=""
+        class="img-pic"
+      />
+      <div class="img-title">招生政策</div>
+      <div class="img-text">专业的学校，探寻职业新路径</div>
+    </div>
+
+    <div class="menu-list">
+      <div
+        class="menu-item"
+        :class="{ active: active == 1 }"
+        @click="onClick(1)"
+      >
+        招生政策
+      </div>
+      <div
+        class="menu-item"
+        :class="{ active: active == 2 }"
+        @click="onClick(2)"
+      >
+        招生简章
+      </div>
+      <div
+        class="menu-item"
+        :class="{ active: active == 3 }"
+        @click="active = 3"
+      >
+        招生计划
+      </div>
+      <div
+        class="menu-item"
+        :class="{ active: active == 4 }"
+        @click="active = 4"
+      >
+        招生新闻
+      </div>
+    </div>
+    <component :is="componentName" />
+    <PageFooter />
+  </div>
+</template>
+
+<script>
+import PageFooter from "../components/footer/index.vue";
+import AdmissionGuideVue from "./component/admissionGuide.vue";
+import AdmissionPolicyVue from "./component/admissionPolicy.vue";
+export default {
+  data() {
+    return {
+      active: 1,
+      componentName: "AdmissionPolicyVue",
+    };
+  },
+  components: {
+    AdmissionPolicyVue,
+    AdmissionGuideVue,
+    PageFooter,
+  },
+  computed: {},
+  methods: {
+    onClick(active) {
+      this.active = active;
+      switch (active) {
+        case 1:
+          this.componentName = "AdmissionPolicyVue";
+          break;
+        case 2:
+          this.componentName = "AdmissionGuideVue";
+          break;
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.top-img {
+  position: relative;
+
+  .img-pic {
+    width: 100%;
+  }
+
+  .img-title {
+    position: absolute;
+    left: 190px;
+    top: 48px;
+    font-weight: bold;
+    font-size: 36px;
+    color: #fefefe;
+  }
+
+  .img-text {
+    position: absolute;
+    left: 189px;
+    top: 122px;
+    font-weight: 400;
+    font-size: 22px;
+    color: #fefefe;
+  }
+}
+
+.menu-list {
+  margin-top: 20px;
+  display: flex;
+  align-items: center;
+  border-bottom: 2px solid #1d60b9;
+  justify-content: center;
+
+  .menu-item {
+    font-size: 16px;
+    color: rgba(51, 51, 51, 1);
+    height: 58px;
+    line-height: 58px;
+    padding: 0 35px;
+    border-radius: 10px 10px 0 0;
+    margin-right: 10px;
+    cursor: pointer;
+
+    &:last-child {
+      margin-right: 0;
+    }
+
+    &.active {
+      background: #1d60b9;
+      color: #ffffff;
+      font-weight: bold;
+    }
+  }
+}
+
+.content-box {
+  margin: 57px auto 0;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  padding-bottom: 40px;
+
+  .box-title {
+  }
+
+  .box-center {
+    margin-bottom: 20px;
+  }
+}
+</style>
-- 
Gitee


From ad5bcc4286efe67ebd94f6a7c6d335abcb23dfbd Mon Sep 17 00:00:00 2001
From: eryang <14686485+eryang@user.noreply.gitee.com>
Date: Sun, 28 Jul 2024 14:01:55 +0800
Subject: [PATCH 2/7] =?UTF-8?q?feat:=20=E6=8B=9B=E7=94=9F=E6=94=BF?=
 =?UTF-8?q?=E7=AD=96=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../image/gateway/zhaosheng/contactPhone.svg  |   1 +
 .../image/gateway/zhaosheng/contactWx.svg     |   1 +
 .../policy/component/admissionGuide.vue       |  10 +-
 .../policy/component/admissionNews.vue        | 183 +++++++++
 .../policy/component/admissionPlan.vue        | 183 +++++++++
 .../policy/component/admissionPolicy.vue      |   8 +-
 .../policy/component/admissionProcess.vue     | 182 +++++++++
 .../gateway/policy/component/applyDetail.vue  | 373 ++++++++++++++++++
 .../gateway/policy/component/contact.vue      |  98 +++++
 src/views/gateway/policy/component/detail.vue | 207 ++++++++++
 src/views/gateway/policy/index.vue            |  37 +-
 11 files changed, 1273 insertions(+), 10 deletions(-)
 create mode 100644 src/assets/image/gateway/zhaosheng/contactPhone.svg
 create mode 100644 src/assets/image/gateway/zhaosheng/contactWx.svg
 create mode 100644 src/views/gateway/policy/component/admissionNews.vue
 create mode 100644 src/views/gateway/policy/component/admissionPlan.vue
 create mode 100644 src/views/gateway/policy/component/admissionProcess.vue
 create mode 100644 src/views/gateway/policy/component/applyDetail.vue
 create mode 100644 src/views/gateway/policy/component/contact.vue
 create mode 100644 src/views/gateway/policy/component/detail.vue

diff --git a/src/assets/image/gateway/zhaosheng/contactPhone.svg b/src/assets/image/gateway/zhaosheng/contactPhone.svg
new file mode 100644
index 0000000..58527aa
--- /dev/null
+++ b/src/assets/image/gateway/zhaosheng/contactPhone.svg
@@ -0,0 +1 @@
+<svg t="1660889958708" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4845" width="200" height="200"><path fill="#fff"  d="M362.14417387 854.74958293l0 1.2901056c-6.9880736 0-12.11266027 0.53754453-15.12290774 0.53754454l-3.54779093 0c-74.46777493 0-134.457696-59.55988587-136.53620053-133.92015254-1.14676053-36.51716267 12.04098773-71.85172693 37.05470613-98.40640533 25.0137184-26.5546784 58.84316053-42.10762133 95.36032213-43.14687253 0.35836267 0 4.01366293-0.2150176 4.3361888-0.2150176 28.59734613 0 56.01209493 8.95906773 79.59236267 26.1246432 33.07688 11.68262507 66.51212267-4.65871573 99.15896747-48.45064107 32.50349973-43.46939947 39.34822827-77.94389333 20.31916693-102.42006827-6.773056-4.87373333-13.2952576-10.6792096-19.74578667-17.55977386-1.14676053-1.1109248-2.1860128-2.29352107-3.18942826-3.54779094-21.3584192-24.11781227-33.61442453-54.6503168-34.5820032-86.11456426-2.07850347-75.47119147 57.40970987-138.54303147 132.5583744-140.65737174 0.35836267 0 3.87031787-0.07167253 4.19284373-0.07167253 63.21518613 0 119.11977173 44.7953408 132.88090027 106.57707627 11.1092448 34.29531307 39.49157333 170.150624-97.00879147 352.62892693C531.57807253 836.50891947 409.0180192 854.74958293 362.14417387 854.74958293L362.14417387 854.74958293zM357.73631253 785.83642987c20.39083947 0.465872 127.541296-2.4010304 244.8334176-159.65059627 119.80066027-160.1881408 92.52925653-272.53485653 85.82787414-293.46323947-7.6331264-33.5069152-35.2628928-55.689568-66.54795947-55.689568-39.49157333 1.1109248-68.9489888 32.4318272-67.94557333 69.91656854 0.60921707 19.88913173 10.0341568 34.4028224 17.8106272 43.00352746 0.2508544 0.28669013 0.50170773 0.57338027 0.71672533 0.8600704 4.3361888 4.69455147 8.38568747 8.20650667 12.4351872 10.82255467 2.54437547 1.68430507 4.90956907 3.691136 6.91640107 5.98465707 21.1075648 23.79528533 61.96091627 90.16406293-14.29867307 192.1182592-49.23903893 65.9029056-99.73234773 79.69987093-133.382608 79.73570773-17.30891947 0-34.51033067-3.54779093-51.10252587-10.464192-2.86690133-1.18259733-5.59045867-2.7952288-8.0273248-4.73038827-8.56486933-6.7372192-22.68436053-14.8003808-41.3192224-14.8003808-20.4266752 0.57338027-37.16221547 8.09899733-49.52572906 21.21507414-12.3993504 13.18774827-18.921552 30.42499627-18.38400854 48.5223136 1.03925227 36.9830336 30.81919467 65.86706987 67.73055574 65.86706986 0.17918187 0 0.2150176 0.0358368 0.07167253 0.07167254 1.2901056-0.2150176 2.68772053-0.39419947 3.5119552-0.465872C350.6765664 784.72550507 354.29602987 785.0121952 357.73631253 785.83642987L357.73631253 785.83642987zM515.95345813 997.8438208c-64.75614507 0-127.57713173-12.6502048-186.7428192-37.52057813-17.52393707-7.4181088-25.73044373-27.55809387-18.34817173-45.082032 7.382272-17.55977387 27.55809387-25.694608 45.082032-18.38400854 50.63665387 21.28674667 104.462736 32.14513707 160.00895893 32.14513707 227.77535147 0 413.0488832-185.27353173 413.0488832-413.0488832 0-227.73951467-185.27353173-413.0488832-413.0488832-413.0488832S102.90457493 288.2139424 102.90457493 515.98929387c0 77.8722208 21.7884544 153.70177493 63.00016747 219.3179904 10.06999253 16.1263232 5.232096 37.34139627-10.8583904 47.4472256-16.0904864 10.10582933-37.34139627 5.26793173-47.4472256-10.8583904-48.16395093-76.65378773-73.5718688-165.1335456-73.5718688-255.9068256 0-265.690128 216.16439893-481.89036373 481.89036373-481.89036374s481.89036373 216.16439893 481.89036374 481.89036374C997.80798507 781.67942187 781.64358613 997.8438208 515.95345813 997.8438208L515.95345813 997.8438208z" p-id="4846"></path></svg>
\ No newline at end of file
diff --git a/src/assets/image/gateway/zhaosheng/contactWx.svg b/src/assets/image/gateway/zhaosheng/contactWx.svg
new file mode 100644
index 0000000..8861841
--- /dev/null
+++ b/src/assets/image/gateway/zhaosheng/contactWx.svg
@@ -0,0 +1 @@
+<svg t="1681195639648" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3046" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M792.576 0q19.456 0 36.352 7.168t29.696 19.968 19.968 29.696 7.168 36.352l0 837.632q0 38.912-27.136 66.048t-66.048 27.136l-559.104 0q-38.912 0-66.048-27.136t-27.136-66.048l0-837.632q0-19.456 7.168-36.352t19.968-29.696 29.696-19.968 36.352-7.168l559.104 0zM419.84 93.184l185.344 0 0-47.104-185.344 0 0 47.104zM512 976.896q19.456 0 36.352-7.168t29.696-19.968 19.968-29.696 7.168-36.352-7.168-36.352-19.968-29.184-29.696-19.456-36.352-7.168q-38.912 0-65.536 26.624t-26.624 65.536 26.624 66.048 65.536 27.136zM792.576 139.264l-559.104 0 0 605.184 559.104 0 0-605.184z" p-id="3047" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/src/views/gateway/policy/component/admissionGuide.vue b/src/views/gateway/policy/component/admissionGuide.vue
index 651c5c3..0dd8e5e 100644
--- a/src/views/gateway/policy/component/admissionGuide.vue
+++ b/src/views/gateway/policy/component/admissionGuide.vue
@@ -12,7 +12,7 @@
     </div>
 
     <div class="data-list">
-      <div class="list-item" v-for="item in 1" :key="item">
+      <div class="list-item" v-for="(index, item) in 1" :key="item">
         <div class="item-pic">
           <img
             src="@/assets/image/gateway/xiaofang/pic2.jpg"
@@ -26,7 +26,7 @@
               <div class="left-title">招生简章</div>
             </div>
             <div class="top-right">
-              <el-button class="check-button"
+              <el-button class="check-button" @click="showDetail(index)"
                 >查看详情 <i class="el-icon-right"></i
               ></el-button>
             </div>
@@ -56,7 +56,11 @@ export default {
   },
   components: {},
   computed: {},
-  methods: {},
+  methods: {
+    showDetail(detailId) {
+      this.$emit("showDetail", detailId, "admissionGuide");
+    },
+  },
 };
 </script>
 
diff --git a/src/views/gateway/policy/component/admissionNews.vue b/src/views/gateway/policy/component/admissionNews.vue
new file mode 100644
index 0000000..77a66e0
--- /dev/null
+++ b/src/views/gateway/policy/component/admissionNews.vue
@@ -0,0 +1,183 @@
+<template>
+  <div class="content-box">
+    <div class="box-search">
+      <el-form :inline="true" :model="formData">
+        <el-form-item label="标题：">
+          <el-input v-model="formData.user" placeholder="请输入标题"></el-input>
+        </el-form-item>
+        <el-form-item label="">
+          <el-button class="search-button">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <div class="data-list">
+      <div class="list-item" v-for="(index, item) in 1" :key="item">
+        <div class="item-pic">
+          <img
+            src="@/assets/image/gateway/xiaofang/pic2.jpg"
+            alt=""
+            class="pic-img"
+          />
+        </div>
+        <div class="item-content">
+          <div class="content-top">
+            <div class="top-left">
+              <div class="left-title">招生新闻</div>
+            </div>
+            <div class="top-right">
+              <el-button class="check-button" @click="showDetail(index)"
+                >查看详情 <i class="el-icon-right"></i
+              ></el-button>
+            </div>
+          </div>
+          <div class="content-bottom">
+            伴随着对2022年的期盼，我们即将迈进新的一年，此时的我们心潮激荡，笑意飞扬，温馨的祝福飘逸在校园上空。<br />
+            随着行业扩展能力的加快，需要大量技能型、应用型的综合性人才。本项目坚持立足市场需求，努力构建校企合作办学平台。项目合作单位与国内外各大航空公司、外航服务公司、机场密切合作，开设航空服务管理、航空预科、国际空乘等现代化......
+          </div>
+        </div>
+      </div>
+
+      <div class="list-pagination">
+        <el-pagination background layout="prev, pager, next" :total="1">
+        </el-pagination>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "AdmissionNews",
+  data() {
+    return {
+      formData: {},
+    };
+  },
+  components: {},
+  computed: {},
+  methods: {
+    showDetail(detailId) {
+      this.$emit("showDetail", detailId, "admissionNews");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-box {
+  width: 1200px;
+  margin: 57px auto 0;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  padding-bottom: 40px;
+
+  .box-search {
+    .search-button {
+      width: 124px;
+      height: 36px;
+      background: #ff8533;
+      border-radius: 10px 10px 10px 10px;
+      color: #ffffff;
+    }
+  }
+
+  .data-list {
+    .list-item {
+      width: 100%;
+      background: #ffffff;
+      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.06);
+      border-radius: 20px 20px 20px 20px;
+      border: 1px solid #dddddd;
+      padding: 40px 26px;
+      box-sizing: border-box;
+      display: flex;
+      margin-bottom: 30px;
+
+      // &:last-child {
+      //   margin-bottom: 0;
+      // }
+
+      .item-pic {
+        width: 283px;
+        height: 212px;
+        border-radius: 20px;
+        overflow: hidden;
+
+        .pic-img {
+          width: 283px;
+          height: 212px;
+        }
+      }
+
+      .item-content {
+        flex: 1;
+        margin-left: 43px;
+
+        .content-top {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          padding-bottom: 20px;
+          border-bottom: 2px solid #eeeeee;
+          margin-bottom: 19px;
+
+          .top-left {
+            .left-title {
+              font-weight: 400;
+              font-size: 18px;
+              color: #000000;
+            }
+
+            .left-name {
+              font-weight: 400;
+              font-size: 16px;
+              color: #333333;
+              margin-top: 18px;
+            }
+          }
+
+          .top-right {
+            display: flex;
+            align-items: center;
+
+            .right-text {
+              font-weight: 400;
+              font-size: 18px;
+              color: #ff8533;
+            }
+
+            .check-button {
+              margin-left: 20px;
+              width: 124px;
+              height: 36px;
+              background: #1d60b9;
+              border-radius: 10px 10px 10px 10px;
+              color: #ffffff;
+            }
+          }
+        }
+
+        .content-bottom {
+          font-weight: 400;
+          font-size: 14px;
+          color: #666363;
+          line-height: 28px;
+        }
+      }
+    }
+
+    ::v-deep .list-pagination {
+      display: flex;
+      justify-content: center;
+
+      .number {
+        &.active {
+          background: #1d60b9;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/gateway/policy/component/admissionPlan.vue b/src/views/gateway/policy/component/admissionPlan.vue
new file mode 100644
index 0000000..9806981
--- /dev/null
+++ b/src/views/gateway/policy/component/admissionPlan.vue
@@ -0,0 +1,183 @@
+<template>
+  <div class="content-box">
+    <div class="box-search">
+      <el-form :inline="true" :model="formData">
+        <el-form-item label="标题：">
+          <el-input v-model="formData.user" placeholder="请输入标题"></el-input>
+        </el-form-item>
+        <el-form-item label="">
+          <el-button class="search-button">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <div class="data-list">
+      <div class="list-item" v-for="(index, item) in 1" :key="item">
+        <div class="item-pic">
+          <img
+            src="@/assets/image/gateway/xiaofang/pic2.jpg"
+            alt=""
+            class="pic-img"
+          />
+        </div>
+        <div class="item-content">
+          <div class="content-top">
+            <div class="top-left">
+              <div class="left-title">招生计划</div>
+            </div>
+            <div class="top-right">
+              <el-button class="check-button" @click="showDetail(index)"
+                >查看详情 <i class="el-icon-right"></i
+              ></el-button>
+            </div>
+          </div>
+          <div class="content-bottom">
+            伴随着对2022年的期盼，我们即将迈进新的一年，此时的我们心潮激荡，笑意飞扬，温馨的祝福飘逸在校园上空。<br />
+            随着行业扩展能力的加快，需要大量技能型、应用型的综合性人才。本项目坚持立足市场需求，努力构建校企合作办学平台。项目合作单位与国内外各大航空公司、外航服务公司、机场密切合作，开设航空服务管理、航空预科、国际空乘等现代化......
+          </div>
+        </div>
+      </div>
+
+      <div class="list-pagination">
+        <el-pagination background layout="prev, pager, next" :total="1">
+        </el-pagination>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "AdmissionPlan",
+  data() {
+    return {
+      formData: {},
+    };
+  },
+  components: {},
+  computed: {},
+  methods: {
+    showDetail(detailId) {
+      this.$emit("showDetail", detailId, "admissionPlan");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-box {
+  width: 1200px;
+  margin: 57px auto 0;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  padding-bottom: 40px;
+
+  .box-search {
+    .search-button {
+      width: 124px;
+      height: 36px;
+      background: #ff8533;
+      border-radius: 10px 10px 10px 10px;
+      color: #ffffff;
+    }
+  }
+
+  .data-list {
+    .list-item {
+      width: 100%;
+      background: #ffffff;
+      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.06);
+      border-radius: 20px 20px 20px 20px;
+      border: 1px solid #dddddd;
+      padding: 40px 26px;
+      box-sizing: border-box;
+      display: flex;
+      margin-bottom: 30px;
+
+      // &:last-child {
+      //   margin-bottom: 0;
+      // }
+
+      .item-pic {
+        width: 283px;
+        height: 212px;
+        border-radius: 20px;
+        overflow: hidden;
+
+        .pic-img {
+          width: 283px;
+          height: 212px;
+        }
+      }
+
+      .item-content {
+        flex: 1;
+        margin-left: 43px;
+
+        .content-top {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          padding-bottom: 20px;
+          border-bottom: 2px solid #eeeeee;
+          margin-bottom: 19px;
+
+          .top-left {
+            .left-title {
+              font-weight: 400;
+              font-size: 18px;
+              color: #000000;
+            }
+
+            .left-name {
+              font-weight: 400;
+              font-size: 16px;
+              color: #333333;
+              margin-top: 18px;
+            }
+          }
+
+          .top-right {
+            display: flex;
+            align-items: center;
+
+            .right-text {
+              font-weight: 400;
+              font-size: 18px;
+              color: #ff8533;
+            }
+
+            .check-button {
+              margin-left: 20px;
+              width: 124px;
+              height: 36px;
+              background: #1d60b9;
+              border-radius: 10px 10px 10px 10px;
+              color: #ffffff;
+            }
+          }
+        }
+
+        .content-bottom {
+          font-weight: 400;
+          font-size: 14px;
+          color: #666363;
+          line-height: 28px;
+        }
+      }
+    }
+
+    ::v-deep .list-pagination {
+      display: flex;
+      justify-content: center;
+
+      .number {
+        &.active {
+          background: #1d60b9;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/gateway/policy/component/admissionPolicy.vue b/src/views/gateway/policy/component/admissionPolicy.vue
index 4215ab8..4de16d8 100644
--- a/src/views/gateway/policy/component/admissionPolicy.vue
+++ b/src/views/gateway/policy/component/admissionPolicy.vue
@@ -12,7 +12,7 @@
     </div>
 
     <div class="data-list">
-      <div class="list-item" v-for="item in 4" :key="item">
+      <div class="list-item" v-for="(index, item) in 4" :key="item">
         <div class="item-pic">
           <img
             src="@/assets/image/gateway/xiaofang/pic2.jpg"
@@ -26,7 +26,7 @@
               <div class="left-title">招生政策</div>
             </div>
             <div class="top-right">
-              <el-button class="check-button" @click="toChangeStatus"
+              <el-button class="check-button" @click="showDetail(index)"
                 >查看详情 <i class="el-icon-right"></i
               ></el-button>
             </div>
@@ -56,8 +56,8 @@ export default {
   components: {},
   computed: {},
   methods: {
-    toChangeStatus() {
-      this.$emit("changeStatus");
+    showDetail(detailId) {
+      this.$emit("showDetail", detailId, "admissionPolicy");
     },
   },
 };
diff --git a/src/views/gateway/policy/component/admissionProcess.vue b/src/views/gateway/policy/component/admissionProcess.vue
new file mode 100644
index 0000000..14c2056
--- /dev/null
+++ b/src/views/gateway/policy/component/admissionProcess.vue
@@ -0,0 +1,182 @@
+<template>
+  <div class="content-box">
+    <div class="box-search">
+      <el-form :inline="true" :model="formData">
+        <el-form-item label="标题：">
+          <el-input v-model="formData.user" placeholder="请输入标题"></el-input>
+        </el-form-item>
+        <el-form-item label="">
+          <el-button class="search-button">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <div class="data-list">
+      <div class="list-item" v-for="(index, item) in 4" :key="item">
+        <div class="item-pic">
+          <img
+            src="@/assets/image/gateway/xiaofang/pic2.jpg"
+            alt=""
+            class="pic-img"
+          />
+        </div>
+        <div class="item-content">
+          <div class="content-top">
+            <div class="top-left">
+              <div class="left-title">招生流程</div>
+            </div>
+            <div class="top-right">
+              <el-button class="check-button" @click="showDetail(index)"
+                >查看详情 <i class="el-icon-right"></i
+              ></el-button>
+            </div>
+          </div>
+          <div class="content-bottom">
+            伴随着对2022年的期盼，我们即将迈进新的一年，此时的我们心潮激荡，笑意飞扬，温馨的祝福飘逸在校园上空。<br />
+            随着行业扩展能力的加快，需要大量技能型、应用型的综合性人才。本项目坚持立足市场需求，努力构建校企合作办学平台。项目合作单位与国内外各大航空公司、外航服务公司、机场密切合作，开设航空服务管理、航空预科、国际空乘等现代化......
+          </div>
+        </div>
+      </div>
+
+      <div class="list-pagination">
+        <el-pagination background layout="prev, pager, next" :total="1000">
+        </el-pagination>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      formData: {},
+    };
+  },
+  components: {},
+  computed: {},
+  methods: {
+    showDetail(detailId) {
+      this.$emit("showDetail", detailId, "admissionProcess");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-box {
+  width: 1200px;
+  margin: 57px auto 0;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  padding-bottom: 40px;
+
+  .box-search {
+    .search-button {
+      width: 124px;
+      height: 36px;
+      background: #ff8533;
+      border-radius: 10px 10px 10px 10px;
+      color: #ffffff;
+    }
+  }
+
+  .data-list {
+    .list-item {
+      width: 100%;
+      background: #ffffff;
+      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.06);
+      border-radius: 20px 20px 20px 20px;
+      border: 1px solid #dddddd;
+      padding: 40px 26px;
+      box-sizing: border-box;
+      display: flex;
+      margin-bottom: 30px;
+
+      // &:last-child {
+      //   margin-bottom: 0;
+      // }
+
+      .item-pic {
+        width: 283px;
+        height: 212px;
+        border-radius: 20px;
+        overflow: hidden;
+
+        .pic-img {
+          width: 283px;
+          height: 212px;
+        }
+      }
+
+      .item-content {
+        flex: 1;
+        margin-left: 43px;
+
+        .content-top {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          padding-bottom: 20px;
+          border-bottom: 2px solid #eeeeee;
+          margin-bottom: 19px;
+
+          .top-left {
+            .left-title {
+              font-weight: 400;
+              font-size: 18px;
+              color: #000000;
+            }
+
+            .left-name {
+              font-weight: 400;
+              font-size: 16px;
+              color: #333333;
+              margin-top: 18px;
+            }
+          }
+
+          .top-right {
+            display: flex;
+            align-items: center;
+
+            .right-text {
+              font-weight: 400;
+              font-size: 18px;
+              color: #ff8533;
+            }
+
+            .check-button {
+              margin-left: 20px;
+              width: 124px;
+              height: 36px;
+              background: #1d60b9;
+              border-radius: 10px 10px 10px 10px;
+              color: #ffffff;
+            }
+          }
+        }
+
+        .content-bottom {
+          font-weight: 400;
+          font-size: 14px;
+          color: #666363;
+          line-height: 28px;
+        }
+      }
+    }
+
+    ::v-deep .list-pagination {
+      display: flex;
+      justify-content: center;
+
+      .number {
+        &.active {
+          background: #1d60b9;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/gateway/policy/component/applyDetail.vue b/src/views/gateway/policy/component/applyDetail.vue
new file mode 100644
index 0000000..24c5795
--- /dev/null
+++ b/src/views/gateway/policy/component/applyDetail.vue
@@ -0,0 +1,373 @@
+<template>
+  <div class="app-container">
+    <el-button class="footer-btn" @click="$emit('back')">返回列表</el-button>
+    <el-button class="footer-btn" @click="importTemplate">下载申请表</el-button>
+    <el-button class="footer-btn" @click="openApply">申请</el-button>
+    <!-- 添加或修改招生报名对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-tabs type="card">
+          <el-tab-pane label="基本信息">
+            <el-form-item label="第一志愿" prop="spec1">
+              <el-select
+                v-model="form.spec1"
+                clearable
+                placeholder="请选择专业"
+              >
+                <el-option
+                  v-for="item in enrollList"
+                  :key="item.specId"
+                  :label="item.specName"
+                  :value="item.specId"
+                  size="small"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="第二志愿" prop="spec2">
+              <el-select
+                v-model="form.spec2"
+                clearable
+                placeholder="请选择专业"
+              >
+                <el-option
+                  v-for="item in enrollList"
+                  :key="item.specId"
+                  :label="item.specName"
+                  :value="item.specId"
+                  size="small"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="姓名" prop="name">
+              <el-input v-model="form.name" placeholder="请输入姓名" />
+            </el-form-item>
+            <el-form-item label="身份证号" prop="idcard">
+              <el-input v-model="form.idcard" placeholder="请输入身份证号" />
+            </el-form-item>
+            <el-form-item label="性别" prop="sex">
+              <el-select v-model="form.sex" placeholder="请选择性别">
+                <el-option
+                  v-for="dict in sexOptions"
+                  :key="dict.dictValue"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="联系人" prop="likman">
+              <el-input v-model="form.likman" placeholder="请输入联系人" />
+            </el-form-item>
+            <el-form-item label="手机号" prop="mobile">
+              <el-input v-model="form.mobile" placeholder="请输入手机号" />
+            </el-form-item>
+            <el-form-item label="家庭住址" prop="address">
+              <el-input v-model="form.address" placeholder="请输入家庭住址" />
+            </el-form-item>
+          </el-tab-pane>
+          <el-tab-pane label="详细信息">
+            <el-form-item label="籍贯" prop="natives">
+              <el-input v-model="form.natives" placeholder="请输入籍贯" />
+            </el-form-item>
+            <el-form-item label="邮箱" prop="email">
+              <el-input v-model="form.email" placeholder="请输入邮箱" />
+            </el-form-item>
+            <el-form-item label="民族" prop="nation">
+              <el-input v-model="form.nation" placeholder="请输入民族" />
+            </el-form-item>
+            <el-form-item label="毕业学校" prop="school">
+              <el-input v-model="form.school" placeholder="请输入毕业学校" />
+            </el-form-item>
+            <el-form-item label="是否应届">
+              <el-radio-group v-model="form.isCurrent">
+                <el-radio
+                  v-for="dict in isCurrentOptions"
+                  :key="dict.dictValue"
+                  :label="dict.dictValue"
+                  >{{ dict.dictLabel }}</el-radio
+                >
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="考生号" prop="nums">
+              <el-input v-model="form.nums" placeholder="请输入考生号" />
+            </el-form-item>
+            <el-form-item label="是否住校">
+              <el-radio-group v-model="form.isLodge">
+                <el-radio
+                  v-for="dict in isLodgeOptions"
+                  :key="dict.dictValue"
+                  :label="dict.dictValue"
+                  >{{ dict.dictLabel }}</el-radio
+                >
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="备注" prop="comment">
+              <el-input
+                v-model="form.comment"
+                placeholder="如:考试分数,荣誉奖项,爱好特长等"
+              />
+            </el-form-item>
+          </el-tab-pane>
+        </el-tabs>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "StudentApply",
+  data() {
+    return {
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 性别字典
+      sexOptions: [],
+      // 是否应届字典
+      isCurrentOptions: [],
+      // 是否住校字典
+      isLodgeOptions: [],
+      // 审核状态字典
+      checkStatusOptions: [],
+      // 导入参数
+      upload: {
+        // 是否显示弹出层
+        open: false,
+        // 弹出层标题
+        title: "",
+        // 是否禁用上传
+        isUploading: false,
+        // 是否更新已经存在的数据
+        updateSupport: 0,
+        // 设置上传的请求头部
+        // headers: { Authorization: "Bearer " + getToken() },
+        // 上传的地址
+        url: process.env.VUE_APP_BASE_API + "/student/studentApply/importData",
+      },
+      enrollList: [
+        {
+          specId: 1,
+          specName: "土木工程",
+        },
+      ],
+      // 日期范围
+      dateRange: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        specId: null,
+        name: null,
+        idcard: null,
+        sex: null,
+        likman: null,
+        mobile: null,
+        natives: null,
+        address: null,
+        email: null,
+        nation: null,
+        school: null,
+        isCurrent: null,
+        nums: null,
+        isLodge: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        spec1: [
+          { required: true, message: "第一志愿不能为空", trigger: "blur" },
+        ],
+        spec2: [
+          { required: true, message: "第二志愿不能为空", trigger: "blur" },
+        ],
+        name: [{ required: true, message: "姓名不能为空", trigger: "blur" }],
+        idcard: [
+          { required: true, message: "身份证号不能为空", trigger: "blur" },
+        ],
+        sex: [{ required: true, message: "性别不能为空", trigger: "change" }],
+        likman: [
+          { required: true, message: "联系人不能为空", trigger: "blur" },
+        ],
+        mobile: [
+          { required: true, message: "手机号不能为空", trigger: "blur" },
+        ],
+        address: [
+          { required: true, message: "家庭住址不能为空", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  created() {
+    //     this.getDicts("sys_user_sex").then((response) => {
+    //       this.sexOptions = response.data;
+    //     });
+    //     this.getDicts("sys_yes_no").then((response) => {
+    //       this.isCurrentOptions = response.data;
+    //     });
+    //     this.getDicts("sys_yes_no").then((response) => {
+    //       this.isLodgeOptions = response.data;
+    //     });
+    //     this.getDicts("check_status").then((response) => {
+    //       this.checkStatusOptions = response.data;
+    //     });
+    //     listStudentEnroll({ status: 1 }).then((response) => {
+    //       this.enrollList = response.rows;
+    //     });
+    //     selectSpecialty({ status: 1 }).then((response) => {
+    //       this.specialtyList = response.rows;
+    //     });
+  },
+  methods: {
+    // 性别字典翻译
+    sexFormat(row, column) {
+      return this.selectDictLabel(this.sexOptions, row.sex);
+    },
+    // 是否应届字典翻译
+    isCurrentFormat(row, column) {
+      return this.selectDictLabel(this.isCurrentOptions, row.isCurrent);
+    },
+    // 是否住校字典翻译
+    isLodgeFormat(row, column) {
+      return this.selectDictLabel(this.isLodgeOptions, row.isLodge);
+    },
+    // 审核状态字典翻译
+    checkStatusFormat(row, column) {
+      return this.selectDictLabel(this.checkStatusOptions, row.checkStatus);
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        spec1: null,
+        spec2: null,
+        name: null,
+        idcard: null,
+        sex: null,
+        likman: null,
+        mobile: null,
+        natives: null,
+        address: null,
+        email: null,
+        nation: null,
+        school: null,
+        isCurrent: "1",
+        nums: null,
+        isLodge: "1",
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        checkStatus: "0",
+        comment: null,
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    /** 新增按钮操作 */
+    openApply() {
+      this.reset();
+      this.open = true;
+      this.title = "添加招生报名";
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateStudentApply(this.form).then((response) => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addStudentApply(this.form).then((response) => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm("是否确认导出所有招生报名数据项?", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(function () {
+          return exportStudentApply(queryParams);
+        })
+        .then((response) => {
+          this.download(response.msg);
+        });
+    },
+
+    /** 下载模板操作 */
+    importTemplate() {
+      importTemplate().then((response) => {
+        this.download(response.msg);
+      });
+    },
+    // 文件上传中处理
+    handleFileUploadProgress(event, file, fileList) {
+      this.upload.isUploading = true;
+    },
+    // 文件上传成功处理
+    handleFileSuccess(response, file, fileList) {
+      this.upload.open = false;
+      this.upload.isUploading = false;
+      this.$refs.upload.clearFiles();
+      this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
+      this.getList();
+    },
+    // 提交上传文件
+    submitFileForm() {
+      this.$refs.upload.submit();
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.app-container {
+}
+.footer-btn {
+  margin: 0 20px;
+  width: 124px;
+  height: 36px;
+  background: #1d60b9;
+  border-radius: 10px 10px 10px 10px;
+  color: #ffffff;
+}
+</style>
diff --git a/src/views/gateway/policy/component/contact.vue b/src/views/gateway/policy/component/contact.vue
new file mode 100644
index 0000000..d3cc6bf
--- /dev/null
+++ b/src/views/gateway/policy/component/contact.vue
@@ -0,0 +1,98 @@
+<template>
+  <div class="contact">
+    <div class="contact_phone">
+      <div class="contact_phone_icon">
+        <img
+          class="pic_icon"
+          src="@/assets/image/gateway/zhaosheng/contactPhone.svg"
+        />
+      </div>
+      <a class="contact_phone_number" href="tel:0451—58766786" target="null">
+        <span>0451—58766786</span>
+      </a>
+    </div>
+
+    <el-popover
+      popper-class="menu-popover"
+      placement="right"
+      width="200"
+      trigger="click"
+      offset="20"
+      :visible-arrow="false"
+    >
+      <div class="wx_container">
+        <img />
+      </div>
+      <div class="contact_wx" slot="reference">
+        <img
+          class="pic_icon"
+          src="@/assets/image/gateway/zhaosheng/contactWx.svg"
+        />
+      </div>
+    </el-popover>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      showWx: 1,
+    };
+  },
+  components: {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped>
+.contact {
+  position: fixed;
+  right: 0px;
+  z-index: 99;
+  top: 50%;
+  max-width: 200px;
+  overflow: hidden;
+  transform: translateY(-50%);
+}
+.contact_phone {
+  height: 60px;
+  width: 60px;
+  background: #024287;
+  overflow: hidden;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  padding: 15px;
+  transition: ease width 0.5s;
+
+  .contact_phone_number {
+    margin-left: 20px;
+    color: white;
+  }
+  &:hover,
+  &:active {
+    width: 200px;
+  }
+}
+.contact_wx {
+  float: right;
+  height: 60px;
+  width: 60px;
+  background: #024287;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 5px;
+}
+.pic_icon {
+  height: 30px;
+  width: 30px;
+}
+.wx_container {
+  width: 200px;
+  height: 200px;
+  background: #fafafa;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/gateway/policy/component/detail.vue b/src/views/gateway/policy/component/detail.vue
new file mode 100644
index 0000000..0aeabd2
--- /dev/null
+++ b/src/views/gateway/policy/component/detail.vue
@@ -0,0 +1,207 @@
+<template>
+  <div class="content-box">
+    <div class="page-list">
+      <i class="el-icon-s-home page-icon"></i>
+      <span class="page-text"
+        >当前位置：　首页 <span class="text-icon">></span> 招生政策<span
+          class="text-icon"
+          >></span
+        >　　</span
+      >
+      <span class="active">{{ typeName }}</span>
+    </div>
+    <div class="page-title">
+      <div class="title-text">{{ typeName + detailId }}</div>
+      <div class="title-time">发布日期：2022-04-25</div>
+    </div>
+    <div class="page-content">
+      <div class="page-box-content">
+        <div class="content-text">土木工程专业</div>
+        <div class="content-time">9千-1万</div>
+      </div>
+    </div>
+    <div class="gangwei-content">
+      <div class="content-text">
+        <span class="text-name"> 岗位详情 </span>
+        <div class="text-line"></div>
+      </div>
+      <div class="content-time">
+        1、要求：专业成绩良好，形象气质佳，综合素质高，具备较强的成就动机、沟通能力、抗压能力和资源协调能力，热爱销售工作，过往有学生干部经验者优先；<br />
+        2、本科及以上学历，专业不限。
+      </div>
+    </div>
+    <div class="button-list">
+      <el-button v-if="!isPlanDetail" class="search-button" @click="back"
+        >返回列表</el-button
+      >
+      <ApplyDetailVue v-else @back="back"></ApplyDetailVue>
+    </div>
+  </div>
+</template>
+
+<script>
+import ApplyDetailVue from "./applyDetail.vue";
+
+const TYPE_NAME = {
+  admissionPolicy: "招生政策",
+  admissionProcess: "招生流程",
+  admissionPlan: "招生计划",
+  admissionNews: "招生新闻",
+  admissionGuide: "招生简章",
+};
+export default {
+  data() {
+    return {
+      formData: {},
+    };
+  },
+  props: {
+    detailInfo: {},
+  },
+  components: {
+    ApplyDetailVue,
+  },
+  computed: {
+    typeName() {
+      const type = this.detailInfo.detailType;
+      return TYPE_NAME[type] || "招生政策";
+    },
+    detailId() {
+      return this.detailInfo.detailId;
+    },
+    isPlanDetail() {
+      return this.detailInfo.detailType === "admissionPlan";
+    },
+  },
+  methods: {
+    back() {
+      this.$emit("back");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-box {
+  margin: 57px auto 0;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  padding-bottom: 40px;
+
+  .page-list {
+    width: 1200px;
+    margin: 0 auto;
+    font-weight: 400;
+    font-size: 14px;
+    color: #333333;
+    margin-bottom: 29px;
+
+    .page-icon {
+      font-size: 14px;
+      color: rgba(29, 96, 185, 1);
+    }
+
+    .page-text {
+      .text-icon {
+        padding: 0 20px;
+      }
+    }
+
+    .active {
+      color: rgba(29, 96, 185, 1);
+    }
+  }
+
+  .page-title {
+    margin-bottom: 15px;
+    text-align: center;
+
+    .title-text {
+      font-weight: 400;
+      font-size: 20px;
+      color: #000000;
+      margin-bottom: 16px;
+    }
+
+    .title-time {
+      font-weight: 400;
+      font-size: 14px;
+      color: #c1c1c1;
+    }
+  }
+
+  .page-content {
+    padding: 22px 0 20px;
+    background-color: #e6f1ff;
+    margin-bottom: 27px;
+
+    .page-box-content {
+      width: 1200px;
+      margin: 0 auto;
+    }
+
+    .content-text {
+      font-weight: 400;
+      font-size: 16px;
+      color: #333333;
+      margin-bottom: 25px;
+    }
+
+    .content-time {
+      font-weight: 400;
+      font-size: 18px;
+      color: #ff8533;
+    }
+  }
+
+  .gangwei-content {
+    width: 1200px;
+    margin: 0 auto;
+
+    .content-text {
+      display: flex;
+      align-items: center;
+      margin-bottom: 34px;
+
+      .text-name {
+        font-weight: 400;
+        font-size: 16px;
+        color: #666363;
+        margin-right: 10px;
+        flex-shrink: 0;
+      }
+
+      .text-line {
+        flex: 1;
+        height: 1px;
+        background-color: #eeeeee;
+        margin-left: 13px;
+      }
+    }
+
+    .content-time {
+      font-weight: 400;
+      font-size: 14px;
+      color: #666363;
+      line-height: 28px;
+    }
+  }
+
+  .button-list {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin-top: 40px;
+
+    .search-button {
+      margin: 0 auto;
+      width: 124px;
+      height: 36px;
+      background: #1d60b9;
+      border-radius: 10px 10px 10px 10px;
+      color: #ffffff;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/gateway/policy/index.vue b/src/views/gateway/policy/index.vue
index 24c991b..b7f1b53 100644
--- a/src/views/gateway/policy/index.vue
+++ b/src/views/gateway/policy/index.vue
@@ -28,42 +28,60 @@
       <div
         class="menu-item"
         :class="{ active: active == 3 }"
-        @click="active = 3"
+        @click="onClick(3)"
       >
         招生计划
       </div>
       <div
         class="menu-item"
         :class="{ active: active == 4 }"
-        @click="active = 4"
+        @click="onClick(4)"
       >
         招生新闻
       </div>
     </div>
-    <component :is="componentName" />
+    <component
+      v-if="!isShowDetail"
+      :is="componentName"
+      @showDetail="onShowDetail"
+    />
+    <DetailVue v-else :detailInfo="detailInfo" @back="closeDetail" />
     <PageFooter />
+    <ContactVue />
   </div>
 </template>
 
 <script>
 import PageFooter from "../components/footer/index.vue";
+import DetailVue from "./component/detail.vue";
 import AdmissionGuideVue from "./component/admissionGuide.vue";
+import AdmissionNewsVue from "./component/admissionNews.vue";
+import AdmissionPlanVue from "./component/admissionPlan.vue";
 import AdmissionPolicyVue from "./component/admissionPolicy.vue";
+import ContactVue from "./component/contact.vue";
+
 export default {
   data() {
     return {
       active: 1,
       componentName: "AdmissionPolicyVue",
+      isShowDetail: false,
+      detailInfo: {},
     };
   },
   components: {
     AdmissionPolicyVue,
     AdmissionGuideVue,
+    AdmissionNewsVue,
+    AdmissionPlanVue,
     PageFooter,
+    DetailVue,
+    ContactVue,
   },
   computed: {},
   methods: {
     onClick(active) {
+      this.isShowDetail = false;
       this.active = active;
       switch (active) {
         case 1:
@@ -72,8 +90,21 @@ export default {
         case 2:
           this.componentName = "AdmissionGuideVue";
           break;
+        case 3:
+          this.componentName = "AdmissionPlanVue";
+          break;
+        case 4:
+          this.componentName = "AdmissionNewsVue";
+          break;
       }
     },
+    onShowDetail(detailId, detailType) {
+      this.isShowDetail = true;
+      this.detailInfo = { detailId, detailType };
+    },
+    closeDetail() {
+      this.isShowDetail = false;
+    },
   },
 };
 </script>
-- 
Gitee


From 1c2742b05629a612de09103e87404b2406ea7bc8 Mon Sep 17 00:00:00 2001
From: wxc <1009371919@qq.com>
Date: Sun, 11 Aug 2024 20:42:39 +0800
Subject: [PATCH 3/7] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   2 +
 src/views/gateway/components/header/index.vue | 433 +++++++++---------
 .../policy/component/admissionGuide.vue       | 183 --------
 .../policy/component/admissionNews.vue        | 183 --------
 .../policy/component/admissionPlan.vue        | 183 --------
 .../policy/component/admissionPolicy.vue      | 182 --------
 .../policy/component/admissionProcess.vue     | 182 --------
 .../gateway/policy/component/applyDetail.vue  | 373 ---------------
 src/views/gateway/policy/component/detail.vue | 207 ---------
 .../gateway/policy/components/school.vue      |  54 +++
 src/views/gateway/policy/index.vue            | 221 ++++-----
 11 files changed, 359 insertions(+), 1844 deletions(-)
 delete mode 100644 src/views/gateway/policy/component/admissionGuide.vue
 delete mode 100644 src/views/gateway/policy/component/admissionNews.vue
 delete mode 100644 src/views/gateway/policy/component/admissionPlan.vue
 delete mode 100644 src/views/gateway/policy/component/admissionPolicy.vue
 delete mode 100644 src/views/gateway/policy/component/admissionProcess.vue
 delete mode 100644 src/views/gateway/policy/component/applyDetail.vue
 delete mode 100644 src/views/gateway/policy/component/detail.vue
 create mode 100644 src/views/gateway/policy/components/school.vue

diff --git a/package.json b/package.json
index ce3411e..3f24f65 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,9 @@
     "quill": "1.3.7",
     "screenfull": "5.0.2",
     "sortablejs": "1.10.2",
+    "swiper": "3.1.0",
     "vue": "2.6.12",
+    "vue-awesome-swiper": "^5.0.1",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
     "vue-qr": "^2.3.0",
diff --git a/src/views/gateway/components/header/index.vue b/src/views/gateway/components/header/index.vue
index e8871b3..692dd40 100644
--- a/src/views/gateway/components/header/index.vue
+++ b/src/views/gateway/components/header/index.vue
@@ -1,259 +1,252 @@
 <template>
   <div class="gateway-header">
-    <img src="@/assets/image/gateway/logo.png" alt="" class="header-logo">
+    <img src="@/assets/image/gateway/logo.png" alt="" class="header-logo" />
     <div class="menu-list">
-
       <div v-for="item in menuList">
-        <el-popover :disabled="item.children.length == 0" popper-class="menu-popover" placement="bottom" width="180"
-          trigger="hover">
-          <div class="menu-child-item" v-for="item1 in item.children" @click="toLink(item1.path)">
-            {{item1.name}}
+        <el-popover
+          :disabled="item.children.length == 0"
+          popper-class="menu-popover"
+          placement="bottom"
+          width="180"
+          trigger="hover"
+        >
+          <div
+            class="menu-child-item"
+            v-for="item1 in item.children"
+            @click="toLink(item1.path)"
+          >
+            {{ item1.name }}
           </div>
           <span slot="reference">
-
             <div class="menu-item" @click="toLink(item.path)">
-              {{item.name}}
-
+              {{ item.name }}
             </div>
           </span>
         </el-popover>
       </div>
-
     </div>
   </div>
 </template>
 
 <script>
-  export default {
-    name: 'gateway-header',
-    data() {
-      return {
-        menuList: [{
-            name: '首页',
-            path: "/gateway/home",
-            children: [
-
-            ]
-          },
-          {
-            name: '就业实习',
-            path: "/gateway/jiuye",
-            children: [{
-                name: '校园招聘',
-                path: "/gateway/jiuye"
-              },
-              {
-                name: '社会招聘',
-                path: "/gateway/jiuye"
-              },
-              {
-                name: '实习岗位',
-                path: "/gateway/jiuye"
-              }
-            ]
-          },
-          {
-            name: '团委管理',
-            path: "/gateway/tuanwei",
-            children: [{
-                name: '团委情况',
-                path: "/gateway/tuanwei"
-              },
-              {
-                name: '学生会及成员',
-                path: "/gateway/tuanwei"
-              },
-              {
-                name: '实习岗位',
-                path: "/gateway/tuanwei"
-              }
-            ]
-          },
-          {
-            name: '消防管理',
-            path: '/gateway/xiaofang',
-            children: [{
-                name: '培训演练',
-                path: '/gateway/xiaofang',
-              },
-              {
-                name: '安全巡检',
-                path: '/gateway/xiaofang',
-              },
-              {
-                name: '消防措施',
-                path: '/gateway/xiaofang',
-              },
-              {
-                name: '值班安排',
-                path: '/gateway/xiaofang',
-              },
-              {
-                name: '值班情况',
-                path: '/gateway/xiaofang',
-              }
-            ]
-          },
-          {
-            name: '资助情况',
-            path: '',
-            children: [{
-              name: '自主情况',
-              path: ''
-            }]
-          },
-          {
-            name: '招生政策',
-            path: '/gateway/policy',
-            children: [{
-              name: '招生政策',
-              path: '/gateway/policy'
+export default {
+  name: "gateway-header",
+  data() {
+    return {
+      menuList: [
+        {
+          name: "首页",
+          path: "/gateway/home",
+          children: [],
+        },
+        {
+          name: "就业实习",
+          path: "/gateway/jiuye",
+          children: [
+            {
+              name: "校园招聘",
+              path: "/gateway/jiuye",
             },
             {
-              name: '招生简章',
-              path: '/gateway/policy'
+              name: "社会招聘",
+              path: "/gateway/jiuye",
             },
             {
-              name: '招生计划',
-              path: '/gateway/policy'
+              name: "实习岗位",
+              path: "/gateway/jiuye",
             },
-             {
-              name: '招生新闻',
-              path: '/gateway/policy'
-            }]
-          },
-          {
-            name: '职业技能',
-            path: '',
-            children: [{
-                name: '公告发布',
-                path: ''
-              },
-              {
-                name: '报名管理',
-                path: ''
-              }
-            ]
-          },
-          {
-            name: '学校食堂',
-            path: '',
-            children: [{
-              name: '每日菜谱',
-              path: ''
-            }]
-          }
-        ]
-      }
-    },
-    components: {
-
+          ],
+        },
+        {
+          name: "团委管理",
+          path: "/gateway/tuanwei",
+          children: [
+            {
+              name: "团委情况",
+              path: "/gateway/tuanwei",
+            },
+            {
+              name: "学生会及成员",
+              path: "/gateway/tuanwei",
+            },
+            {
+              name: "实习岗位",
+              path: "/gateway/tuanwei",
+            },
+          ],
+        },
+        {
+          name: "消防管理",
+          path: "/gateway/xiaofang",
+          children: [
+            {
+              name: "培训演练",
+              path: "/gateway/xiaofang",
+            },
+            {
+              name: "安全巡检",
+              path: "/gateway/xiaofang",
+            },
+            {
+              name: "消防措施",
+              path: "/gateway/xiaofang",
+            },
+            {
+              name: "值班安排",
+              path: "/gateway/xiaofang",
+            },
+            {
+              name: "值班情况",
+              path: "/gateway/xiaofang",
+            },
+          ],
+        },
+        {
+          name: "资助情况",
+          path: "",
+          children: [
+            {
+              name: "自主情况",
+              path: "",
+            },
+          ],
+        },
+        {
+          name: "招生政策",
+          path: "/gateway/policy",
+          children: [],
+        },
+        {
+          name: "职业技能",
+          path: "",
+          children: [
+            {
+              name: "公告发布",
+              path: "",
+            },
+            {
+              name: "报名管理",
+              path: "",
+            },
+          ],
+        },
+        {
+          name: "学校食堂",
+          path: "",
+          children: [
+            {
+              name: "每日菜谱",
+              path: "",
+            },
+          ],
+        },
+      ],
+    };
+  },
+  components: {},
+  methods: {
+    toLink(path) {
+      this.$router.push(path);
     },
-    methods: {
-      toLink(path) {
-        this.$router.push(path)
-      }
-    }
-  }
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-  .gateway-header {
-    width: 100%;
-    height: 115px;
-    // background: #FFFFFF;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-left: 168px;
-    padding-right: 140px;
-    box-sizing: border-box;
+.gateway-header {
+  width: 100%;
+  height: 115px;
+  // background: #FFFFFF;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-left: 168px;
+  padding-right: 140px;
+  box-sizing: border-box;
+
+  .header-logo {
+    flex-shrink: 0;
+    margin-right: 20px;
+    width: 557px;
+  }
 
-    .header-logo {
-      flex-shrink: 0;
-      margin-right: 20px;
-      width: 557px;
-    }
+  ::-webkit-scrollbar {
+    width: 6px;
+    /* 设置滚动条的宽度 */
+    background-color: #f9f9f9;
+    /* 滚动条的背景色 */
+  }
 
-    ::-webkit-scrollbar {
-      width: 6px;
-      /* 设置滚动条的宽度 */
-      background-color: #f9f9f9;
-      /* 滚动条的背景色 */
-    }
+  /* 自定义滚动条轨道 */
+  ::-webkit-scrollbar-track {
+    background: #e1e1e1;
+    /* 轨道的背景色 */
+    border-radius: 10px;
+    /* 轨道的圆角 */
+  }
 
-    /* 自定义滚动条轨道 */
-    ::-webkit-scrollbar-track {
-      background: #e1e1e1;
-      /* 轨道的背景色 */
-      border-radius: 10px;
-      /* 轨道的圆角 */
-    }
+  /* 自定义滚动条的滑块（thumb） */
+  ::-webkit-scrollbar-thumb {
+    background-color: #c1c1c1;
+    /* 滑块的背景色 */
+    border-radius: 10px;
+    /* 滑块的圆角 */
+    border: 2px solid #ffffff;
+    /* 滑块边框 */
+  }
 
-    /* 自定义滚动条的滑块（thumb） */
-    ::-webkit-scrollbar-thumb {
-      background-color: #c1c1c1;
-      /* 滑块的背景色 */
-      border-radius: 10px;
-      /* 滑块的圆角 */
-      border: 2px solid #ffffff;
-      /* 滑块边框 */
-    }
+  /* 当滑块悬停或活动时的样式 */
+  ::-webkit-scrollbar-thumb:hover {
+    background: #a8a8a8;
+    /* 悬停或活动状态下滑块的背景色 */
+  }
 
-    /* 当滑块悬停或活动时的样式 */
-    ::-webkit-scrollbar-thumb:hover {
-      background: #a8a8a8;
-      /* 悬停或活动状态下滑块的背景色 */
-    }
+  .menu-list {
+    display: flex;
+    align-items: center;
+    // justify-content: flex-end;
+    // flex: 1;
+    overflow-y: hidden;
+    overflow-x: auto;
+    height: 115px;
 
-    .menu-list {
+    .menu-item {
+      height: 115px;
+      margin: 0 31px;
       display: flex;
       align-items: center;
-      // justify-content: flex-end;
-      // flex: 1;
-      overflow-y: hidden;
-      overflow-x: auto;
-      height: 115px;
-
-      .menu-item {
-        height: 115px;
-        margin: 0 31px;
-        display: flex;
-        align-items: center;
-        font-weight: 400;
-        font-size: 15px;
-        color: #333333;
-        position: relative;
-        cursor: pointer;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-
-        &:hover {
-          color: #FF8533;
-        }
+      font-weight: 400;
+      font-size: 15px;
+      color: #333333;
+      position: relative;
+      cursor: pointer;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+
+      &:hover {
+        color: #ff8533;
       }
     }
-
-
+  }
+}
+
+.menu-child-item {
+  height: 64px;
+  line-height: 64px;
+  text-align: center;
+  font-weight: 400;
+  font-size: 14px;
+  color: rgba(51, 51, 51, 1);
+  border-bottom: 1px solid #eeeeee;
+  cursor: pointer;
+
+  &:last-child {
+    border: none;
   }
 
-  .menu-child-item {
-    height: 64px;
-    line-height: 64px;
-    text-align: center;
-    font-weight: 400;
-    font-size: 14px;
-    color: rgba(51, 51, 51, 1);
-    border-bottom: 1px solid #eeeeee;
-    cursor: pointer;
-
-    &:last-child {
-      border: none;
-    }
-
-    &:hover {
-      color: #FF8533;
-    }
+  &:hover {
+    color: #ff8533;
   }
+}
 </style>
diff --git a/src/views/gateway/policy/component/admissionGuide.vue b/src/views/gateway/policy/component/admissionGuide.vue
deleted file mode 100644
index 0dd8e5e..0000000
--- a/src/views/gateway/policy/component/admissionGuide.vue
+++ /dev/null
@@ -1,183 +0,0 @@
-<template>
-  <div class="content-box">
-    <div class="box-search">
-      <el-form :inline="true" :model="formData">
-        <el-form-item label="标题：">
-          <el-input v-model="formData.user" placeholder="请输入标题"></el-input>
-        </el-form-item>
-        <el-form-item label="">
-          <el-button class="search-button">查询</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-
-    <div class="data-list">
-      <div class="list-item" v-for="(index, item) in 1" :key="item">
-        <div class="item-pic">
-          <img
-            src="@/assets/image/gateway/xiaofang/pic2.jpg"
-            alt=""
-            class="pic-img"
-          />
-        </div>
-        <div class="item-content">
-          <div class="content-top">
-            <div class="top-left">
-              <div class="left-title">招生简章</div>
-            </div>
-            <div class="top-right">
-              <el-button class="check-button" @click="showDetail(index)"
-                >查看详情 <i class="el-icon-right"></i
-              ></el-button>
-            </div>
-          </div>
-          <div class="content-bottom">
-            伴随着对2022年的期盼，我们即将迈进新的一年，此时的我们心潮激荡，笑意飞扬，温馨的祝福飘逸在校园上空。<br />
-            随着行业扩展能力的加快，需要大量技能型、应用型的综合性人才。本项目坚持立足市场需求，努力构建校企合作办学平台。项目合作单位与国内外各大航空公司、外航服务公司、机场密切合作，开设航空服务管理、航空预科、国际空乘等现代化......
-          </div>
-        </div>
-      </div>
-
-      <div class="list-pagination">
-        <el-pagination background layout="prev, pager, next" :total="1">
-        </el-pagination>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "AdmissionGuide",
-  data() {
-    return {
-      formData: {},
-    };
-  },
-  components: {},
-  computed: {},
-  methods: {
-    showDetail(detailId) {
-      this.$emit("showDetail", detailId, "admissionGuide");
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.content-box {
-  width: 1200px;
-  margin: 57px auto 0;
-  font-weight: 400;
-  font-size: 14px;
-  color: #333333;
-  padding-bottom: 40px;
-
-  .box-search {
-    .search-button {
-      width: 124px;
-      height: 36px;
-      background: #ff8533;
-      border-radius: 10px 10px 10px 10px;
-      color: #ffffff;
-    }
-  }
-
-  .data-list {
-    .list-item {
-      width: 100%;
-      background: #ffffff;
-      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.06);
-      border-radius: 20px 20px 20px 20px;
-      border: 1px solid #dddddd;
-      padding: 40px 26px;
-      box-sizing: border-box;
-      display: flex;
-      margin-bottom: 30px;
-
-      // &:last-child {
-      //   margin-bottom: 0;
-      // }
-
-      .item-pic {
-        width: 283px;
-        height: 212px;
-        border-radius: 20px;
-        overflow: hidden;
-
-        .pic-img {
-          width: 283px;
-          height: 212px;
-        }
-      }
-
-      .item-content {
-        flex: 1;
-        margin-left: 43px;
-
-        .content-top {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          padding-bottom: 20px;
-          border-bottom: 2px solid #eeeeee;
-          margin-bottom: 19px;
-
-          .top-left {
-            .left-title {
-              font-weight: 400;
-              font-size: 18px;
-              color: #000000;
-            }
-
-            .left-name {
-              font-weight: 400;
-              font-size: 16px;
-              color: #333333;
-              margin-top: 18px;
-            }
-          }
-
-          .top-right {
-            display: flex;
-            align-items: center;
-
-            .right-text {
-              font-weight: 400;
-              font-size: 18px;
-              color: #ff8533;
-            }
-
-            .check-button {
-              margin-left: 20px;
-              width: 124px;
-              height: 36px;
-              background: #1d60b9;
-              border-radius: 10px 10px 10px 10px;
-              color: #ffffff;
-            }
-          }
-        }
-
-        .content-bottom {
-          font-weight: 400;
-          font-size: 14px;
-          color: #666363;
-          line-height: 28px;
-        }
-      }
-    }
-
-    ::v-deep .list-pagination {
-      display: flex;
-      justify-content: center;
-
-      .number {
-        &.active {
-          background: #1d60b9;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/gateway/policy/component/admissionNews.vue b/src/views/gateway/policy/component/admissionNews.vue
deleted file mode 100644
index 77a66e0..0000000
--- a/src/views/gateway/policy/component/admissionNews.vue
+++ /dev/null
@@ -1,183 +0,0 @@
-<template>
-  <div class="content-box">
-    <div class="box-search">
-      <el-form :inline="true" :model="formData">
-        <el-form-item label="标题：">
-          <el-input v-model="formData.user" placeholder="请输入标题"></el-input>
-        </el-form-item>
-        <el-form-item label="">
-          <el-button class="search-button">查询</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-
-    <div class="data-list">
-      <div class="list-item" v-for="(index, item) in 1" :key="item">
-        <div class="item-pic">
-          <img
-            src="@/assets/image/gateway/xiaofang/pic2.jpg"
-            alt=""
-            class="pic-img"
-          />
-        </div>
-        <div class="item-content">
-          <div class="content-top">
-            <div class="top-left">
-              <div class="left-title">招生新闻</div>
-            </div>
-            <div class="top-right">
-              <el-button class="check-button" @click="showDetail(index)"
-                >查看详情 <i class="el-icon-right"></i
-              ></el-button>
-            </div>
-          </div>
-          <div class="content-bottom">
-            伴随着对2022年的期盼，我们即将迈进新的一年，此时的我们心潮激荡，笑意飞扬，温馨的祝福飘逸在校园上空。<br />
-            随着行业扩展能力的加快，需要大量技能型、应用型的综合性人才。本项目坚持立足市场需求，努力构建校企合作办学平台。项目合作单位与国内外各大航空公司、外航服务公司、机场密切合作，开设航空服务管理、航空预科、国际空乘等现代化......
-          </div>
-        </div>
-      </div>
-
-      <div class="list-pagination">
-        <el-pagination background layout="prev, pager, next" :total="1">
-        </el-pagination>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "AdmissionNews",
-  data() {
-    return {
-      formData: {},
-    };
-  },
-  components: {},
-  computed: {},
-  methods: {
-    showDetail(detailId) {
-      this.$emit("showDetail", detailId, "admissionNews");
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.content-box {
-  width: 1200px;
-  margin: 57px auto 0;
-  font-weight: 400;
-  font-size: 14px;
-  color: #333333;
-  padding-bottom: 40px;
-
-  .box-search {
-    .search-button {
-      width: 124px;
-      height: 36px;
-      background: #ff8533;
-      border-radius: 10px 10px 10px 10px;
-      color: #ffffff;
-    }
-  }
-
-  .data-list {
-    .list-item {
-      width: 100%;
-      background: #ffffff;
-      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.06);
-      border-radius: 20px 20px 20px 20px;
-      border: 1px solid #dddddd;
-      padding: 40px 26px;
-      box-sizing: border-box;
-      display: flex;
-      margin-bottom: 30px;
-
-      // &:last-child {
-      //   margin-bottom: 0;
-      // }
-
-      .item-pic {
-        width: 283px;
-        height: 212px;
-        border-radius: 20px;
-        overflow: hidden;
-
-        .pic-img {
-          width: 283px;
-          height: 212px;
-        }
-      }
-
-      .item-content {
-        flex: 1;
-        margin-left: 43px;
-
-        .content-top {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          padding-bottom: 20px;
-          border-bottom: 2px solid #eeeeee;
-          margin-bottom: 19px;
-
-          .top-left {
-            .left-title {
-              font-weight: 400;
-              font-size: 18px;
-              color: #000000;
-            }
-
-            .left-name {
-              font-weight: 400;
-              font-size: 16px;
-              color: #333333;
-              margin-top: 18px;
-            }
-          }
-
-          .top-right {
-            display: flex;
-            align-items: center;
-
-            .right-text {
-              font-weight: 400;
-              font-size: 18px;
-              color: #ff8533;
-            }
-
-            .check-button {
-              margin-left: 20px;
-              width: 124px;
-              height: 36px;
-              background: #1d60b9;
-              border-radius: 10px 10px 10px 10px;
-              color: #ffffff;
-            }
-          }
-        }
-
-        .content-bottom {
-          font-weight: 400;
-          font-size: 14px;
-          color: #666363;
-          line-height: 28px;
-        }
-      }
-    }
-
-    ::v-deep .list-pagination {
-      display: flex;
-      justify-content: center;
-
-      .number {
-        &.active {
-          background: #1d60b9;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/gateway/policy/component/admissionPlan.vue b/src/views/gateway/policy/component/admissionPlan.vue
deleted file mode 100644
index 9806981..0000000
--- a/src/views/gateway/policy/component/admissionPlan.vue
+++ /dev/null
@@ -1,183 +0,0 @@
-<template>
-  <div class="content-box">
-    <div class="box-search">
-      <el-form :inline="true" :model="formData">
-        <el-form-item label="标题：">
-          <el-input v-model="formData.user" placeholder="请输入标题"></el-input>
-        </el-form-item>
-        <el-form-item label="">
-          <el-button class="search-button">查询</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-
-    <div class="data-list">
-      <div class="list-item" v-for="(index, item) in 1" :key="item">
-        <div class="item-pic">
-          <img
-            src="@/assets/image/gateway/xiaofang/pic2.jpg"
-            alt=""
-            class="pic-img"
-          />
-        </div>
-        <div class="item-content">
-          <div class="content-top">
-            <div class="top-left">
-              <div class="left-title">招生计划</div>
-            </div>
-            <div class="top-right">
-              <el-button class="check-button" @click="showDetail(index)"
-                >查看详情 <i class="el-icon-right"></i
-              ></el-button>
-            </div>
-          </div>
-          <div class="content-bottom">
-            伴随着对2022年的期盼，我们即将迈进新的一年，此时的我们心潮激荡，笑意飞扬，温馨的祝福飘逸在校园上空。<br />
-            随着行业扩展能力的加快，需要大量技能型、应用型的综合性人才。本项目坚持立足市场需求，努力构建校企合作办学平台。项目合作单位与国内外各大航空公司、外航服务公司、机场密切合作，开设航空服务管理、航空预科、国际空乘等现代化......
-          </div>
-        </div>
-      </div>
-
-      <div class="list-pagination">
-        <el-pagination background layout="prev, pager, next" :total="1">
-        </el-pagination>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "AdmissionPlan",
-  data() {
-    return {
-      formData: {},
-    };
-  },
-  components: {},
-  computed: {},
-  methods: {
-    showDetail(detailId) {
-      this.$emit("showDetail", detailId, "admissionPlan");
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.content-box {
-  width: 1200px;
-  margin: 57px auto 0;
-  font-weight: 400;
-  font-size: 14px;
-  color: #333333;
-  padding-bottom: 40px;
-
-  .box-search {
-    .search-button {
-      width: 124px;
-      height: 36px;
-      background: #ff8533;
-      border-radius: 10px 10px 10px 10px;
-      color: #ffffff;
-    }
-  }
-
-  .data-list {
-    .list-item {
-      width: 100%;
-      background: #ffffff;
-      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.06);
-      border-radius: 20px 20px 20px 20px;
-      border: 1px solid #dddddd;
-      padding: 40px 26px;
-      box-sizing: border-box;
-      display: flex;
-      margin-bottom: 30px;
-
-      // &:last-child {
-      //   margin-bottom: 0;
-      // }
-
-      .item-pic {
-        width: 283px;
-        height: 212px;
-        border-radius: 20px;
-        overflow: hidden;
-
-        .pic-img {
-          width: 283px;
-          height: 212px;
-        }
-      }
-
-      .item-content {
-        flex: 1;
-        margin-left: 43px;
-
-        .content-top {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          padding-bottom: 20px;
-          border-bottom: 2px solid #eeeeee;
-          margin-bottom: 19px;
-
-          .top-left {
-            .left-title {
-              font-weight: 400;
-              font-size: 18px;
-              color: #000000;
-            }
-
-            .left-name {
-              font-weight: 400;
-              font-size: 16px;
-              color: #333333;
-              margin-top: 18px;
-            }
-          }
-
-          .top-right {
-            display: flex;
-            align-items: center;
-
-            .right-text {
-              font-weight: 400;
-              font-size: 18px;
-              color: #ff8533;
-            }
-
-            .check-button {
-              margin-left: 20px;
-              width: 124px;
-              height: 36px;
-              background: #1d60b9;
-              border-radius: 10px 10px 10px 10px;
-              color: #ffffff;
-            }
-          }
-        }
-
-        .content-bottom {
-          font-weight: 400;
-          font-size: 14px;
-          color: #666363;
-          line-height: 28px;
-        }
-      }
-    }
-
-    ::v-deep .list-pagination {
-      display: flex;
-      justify-content: center;
-
-      .number {
-        &.active {
-          background: #1d60b9;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/gateway/policy/component/admissionPolicy.vue b/src/views/gateway/policy/component/admissionPolicy.vue
deleted file mode 100644
index 4de16d8..0000000
--- a/src/views/gateway/policy/component/admissionPolicy.vue
+++ /dev/null
@@ -1,182 +0,0 @@
-<template>
-  <div class="content-box">
-    <div class="box-search">
-      <el-form :inline="true" :model="formData">
-        <el-form-item label="标题：">
-          <el-input v-model="formData.user" placeholder="请输入标题"></el-input>
-        </el-form-item>
-        <el-form-item label="">
-          <el-button class="search-button">查询</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-
-    <div class="data-list">
-      <div class="list-item" v-for="(index, item) in 4" :key="item">
-        <div class="item-pic">
-          <img
-            src="@/assets/image/gateway/xiaofang/pic2.jpg"
-            alt=""
-            class="pic-img"
-          />
-        </div>
-        <div class="item-content">
-          <div class="content-top">
-            <div class="top-left">
-              <div class="left-title">招生政策</div>
-            </div>
-            <div class="top-right">
-              <el-button class="check-button" @click="showDetail(index)"
-                >查看详情 <i class="el-icon-right"></i
-              ></el-button>
-            </div>
-          </div>
-          <div class="content-bottom">
-            伴随着对2022年的期盼，我们即将迈进新的一年，此时的我们心潮激荡，笑意飞扬，温馨的祝福飘逸在校园上空。<br />
-            随着行业扩展能力的加快，需要大量技能型、应用型的综合性人才。本项目坚持立足市场需求，努力构建校企合作办学平台。项目合作单位与国内外各大航空公司、外航服务公司、机场密切合作，开设航空服务管理、航空预科、国际空乘等现代化......
-          </div>
-        </div>
-      </div>
-
-      <div class="list-pagination">
-        <el-pagination background layout="prev, pager, next" :total="1000">
-        </el-pagination>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      formData: {},
-    };
-  },
-  components: {},
-  computed: {},
-  methods: {
-    showDetail(detailId) {
-      this.$emit("showDetail", detailId, "admissionPolicy");
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.content-box {
-  width: 1200px;
-  margin: 57px auto 0;
-  font-weight: 400;
-  font-size: 14px;
-  color: #333333;
-  padding-bottom: 40px;
-
-  .box-search {
-    .search-button {
-      width: 124px;
-      height: 36px;
-      background: #ff8533;
-      border-radius: 10px 10px 10px 10px;
-      color: #ffffff;
-    }
-  }
-
-  .data-list {
-    .list-item {
-      width: 100%;
-      background: #ffffff;
-      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.06);
-      border-radius: 20px 20px 20px 20px;
-      border: 1px solid #dddddd;
-      padding: 40px 26px;
-      box-sizing: border-box;
-      display: flex;
-      margin-bottom: 30px;
-
-      // &:last-child {
-      //   margin-bottom: 0;
-      // }
-
-      .item-pic {
-        width: 283px;
-        height: 212px;
-        border-radius: 20px;
-        overflow: hidden;
-
-        .pic-img {
-          width: 283px;
-          height: 212px;
-        }
-      }
-
-      .item-content {
-        flex: 1;
-        margin-left: 43px;
-
-        .content-top {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          padding-bottom: 20px;
-          border-bottom: 2px solid #eeeeee;
-          margin-bottom: 19px;
-
-          .top-left {
-            .left-title {
-              font-weight: 400;
-              font-size: 18px;
-              color: #000000;
-            }
-
-            .left-name {
-              font-weight: 400;
-              font-size: 16px;
-              color: #333333;
-              margin-top: 18px;
-            }
-          }
-
-          .top-right {
-            display: flex;
-            align-items: center;
-
-            .right-text {
-              font-weight: 400;
-              font-size: 18px;
-              color: #ff8533;
-            }
-
-            .check-button {
-              margin-left: 20px;
-              width: 124px;
-              height: 36px;
-              background: #1d60b9;
-              border-radius: 10px 10px 10px 10px;
-              color: #ffffff;
-            }
-          }
-        }
-
-        .content-bottom {
-          font-weight: 400;
-          font-size: 14px;
-          color: #666363;
-          line-height: 28px;
-        }
-      }
-    }
-
-    ::v-deep .list-pagination {
-      display: flex;
-      justify-content: center;
-
-      .number {
-        &.active {
-          background: #1d60b9;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/gateway/policy/component/admissionProcess.vue b/src/views/gateway/policy/component/admissionProcess.vue
deleted file mode 100644
index 14c2056..0000000
--- a/src/views/gateway/policy/component/admissionProcess.vue
+++ /dev/null
@@ -1,182 +0,0 @@
-<template>
-  <div class="content-box">
-    <div class="box-search">
-      <el-form :inline="true" :model="formData">
-        <el-form-item label="标题：">
-          <el-input v-model="formData.user" placeholder="请输入标题"></el-input>
-        </el-form-item>
-        <el-form-item label="">
-          <el-button class="search-button">查询</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-
-    <div class="data-list">
-      <div class="list-item" v-for="(index, item) in 4" :key="item">
-        <div class="item-pic">
-          <img
-            src="@/assets/image/gateway/xiaofang/pic2.jpg"
-            alt=""
-            class="pic-img"
-          />
-        </div>
-        <div class="item-content">
-          <div class="content-top">
-            <div class="top-left">
-              <div class="left-title">招生流程</div>
-            </div>
-            <div class="top-right">
-              <el-button class="check-button" @click="showDetail(index)"
-                >查看详情 <i class="el-icon-right"></i
-              ></el-button>
-            </div>
-          </div>
-          <div class="content-bottom">
-            伴随着对2022年的期盼，我们即将迈进新的一年，此时的我们心潮激荡，笑意飞扬，温馨的祝福飘逸在校园上空。<br />
-            随着行业扩展能力的加快，需要大量技能型、应用型的综合性人才。本项目坚持立足市场需求，努力构建校企合作办学平台。项目合作单位与国内外各大航空公司、外航服务公司、机场密切合作，开设航空服务管理、航空预科、国际空乘等现代化......
-          </div>
-        </div>
-      </div>
-
-      <div class="list-pagination">
-        <el-pagination background layout="prev, pager, next" :total="1000">
-        </el-pagination>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      formData: {},
-    };
-  },
-  components: {},
-  computed: {},
-  methods: {
-    showDetail(detailId) {
-      this.$emit("showDetail", detailId, "admissionProcess");
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.content-box {
-  width: 1200px;
-  margin: 57px auto 0;
-  font-weight: 400;
-  font-size: 14px;
-  color: #333333;
-  padding-bottom: 40px;
-
-  .box-search {
-    .search-button {
-      width: 124px;
-      height: 36px;
-      background: #ff8533;
-      border-radius: 10px 10px 10px 10px;
-      color: #ffffff;
-    }
-  }
-
-  .data-list {
-    .list-item {
-      width: 100%;
-      background: #ffffff;
-      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.06);
-      border-radius: 20px 20px 20px 20px;
-      border: 1px solid #dddddd;
-      padding: 40px 26px;
-      box-sizing: border-box;
-      display: flex;
-      margin-bottom: 30px;
-
-      // &:last-child {
-      //   margin-bottom: 0;
-      // }
-
-      .item-pic {
-        width: 283px;
-        height: 212px;
-        border-radius: 20px;
-        overflow: hidden;
-
-        .pic-img {
-          width: 283px;
-          height: 212px;
-        }
-      }
-
-      .item-content {
-        flex: 1;
-        margin-left: 43px;
-
-        .content-top {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          padding-bottom: 20px;
-          border-bottom: 2px solid #eeeeee;
-          margin-bottom: 19px;
-
-          .top-left {
-            .left-title {
-              font-weight: 400;
-              font-size: 18px;
-              color: #000000;
-            }
-
-            .left-name {
-              font-weight: 400;
-              font-size: 16px;
-              color: #333333;
-              margin-top: 18px;
-            }
-          }
-
-          .top-right {
-            display: flex;
-            align-items: center;
-
-            .right-text {
-              font-weight: 400;
-              font-size: 18px;
-              color: #ff8533;
-            }
-
-            .check-button {
-              margin-left: 20px;
-              width: 124px;
-              height: 36px;
-              background: #1d60b9;
-              border-radius: 10px 10px 10px 10px;
-              color: #ffffff;
-            }
-          }
-        }
-
-        .content-bottom {
-          font-weight: 400;
-          font-size: 14px;
-          color: #666363;
-          line-height: 28px;
-        }
-      }
-    }
-
-    ::v-deep .list-pagination {
-      display: flex;
-      justify-content: center;
-
-      .number {
-        &.active {
-          background: #1d60b9;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/gateway/policy/component/applyDetail.vue b/src/views/gateway/policy/component/applyDetail.vue
deleted file mode 100644
index 24c5795..0000000
--- a/src/views/gateway/policy/component/applyDetail.vue
+++ /dev/null
@@ -1,373 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-button class="footer-btn" @click="$emit('back')">返回列表</el-button>
-    <el-button class="footer-btn" @click="importTemplate">下载申请表</el-button>
-    <el-button class="footer-btn" @click="openApply">申请</el-button>
-    <!-- 添加或修改招生报名对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-tabs type="card">
-          <el-tab-pane label="基本信息">
-            <el-form-item label="第一志愿" prop="spec1">
-              <el-select
-                v-model="form.spec1"
-                clearable
-                placeholder="请选择专业"
-              >
-                <el-option
-                  v-for="item in enrollList"
-                  :key="item.specId"
-                  :label="item.specName"
-                  :value="item.specId"
-                  size="small"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="第二志愿" prop="spec2">
-              <el-select
-                v-model="form.spec2"
-                clearable
-                placeholder="请选择专业"
-              >
-                <el-option
-                  v-for="item in enrollList"
-                  :key="item.specId"
-                  :label="item.specName"
-                  :value="item.specId"
-                  size="small"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="姓名" prop="name">
-              <el-input v-model="form.name" placeholder="请输入姓名" />
-            </el-form-item>
-            <el-form-item label="身份证号" prop="idcard">
-              <el-input v-model="form.idcard" placeholder="请输入身份证号" />
-            </el-form-item>
-            <el-form-item label="性别" prop="sex">
-              <el-select v-model="form.sex" placeholder="请选择性别">
-                <el-option
-                  v-for="dict in sexOptions"
-                  :key="dict.dictValue"
-                  :label="dict.dictLabel"
-                  :value="dict.dictValue"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="联系人" prop="likman">
-              <el-input v-model="form.likman" placeholder="请输入联系人" />
-            </el-form-item>
-            <el-form-item label="手机号" prop="mobile">
-              <el-input v-model="form.mobile" placeholder="请输入手机号" />
-            </el-form-item>
-            <el-form-item label="家庭住址" prop="address">
-              <el-input v-model="form.address" placeholder="请输入家庭住址" />
-            </el-form-item>
-          </el-tab-pane>
-          <el-tab-pane label="详细信息">
-            <el-form-item label="籍贯" prop="natives">
-              <el-input v-model="form.natives" placeholder="请输入籍贯" />
-            </el-form-item>
-            <el-form-item label="邮箱" prop="email">
-              <el-input v-model="form.email" placeholder="请输入邮箱" />
-            </el-form-item>
-            <el-form-item label="民族" prop="nation">
-              <el-input v-model="form.nation" placeholder="请输入民族" />
-            </el-form-item>
-            <el-form-item label="毕业学校" prop="school">
-              <el-input v-model="form.school" placeholder="请输入毕业学校" />
-            </el-form-item>
-            <el-form-item label="是否应届">
-              <el-radio-group v-model="form.isCurrent">
-                <el-radio
-                  v-for="dict in isCurrentOptions"
-                  :key="dict.dictValue"
-                  :label="dict.dictValue"
-                  >{{ dict.dictLabel }}</el-radio
-                >
-              </el-radio-group>
-            </el-form-item>
-            <el-form-item label="考生号" prop="nums">
-              <el-input v-model="form.nums" placeholder="请输入考生号" />
-            </el-form-item>
-            <el-form-item label="是否住校">
-              <el-radio-group v-model="form.isLodge">
-                <el-radio
-                  v-for="dict in isLodgeOptions"
-                  :key="dict.dictValue"
-                  :label="dict.dictValue"
-                  >{{ dict.dictLabel }}</el-radio
-                >
-              </el-radio-group>
-            </el-form-item>
-            <el-form-item label="备注" prop="comment">
-              <el-input
-                v-model="form.comment"
-                placeholder="如:考试分数,荣誉奖项,爱好特长等"
-              />
-            </el-form-item>
-          </el-tab-pane>
-        </el-tabs>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "StudentApply",
-  data() {
-    return {
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      // 性别字典
-      sexOptions: [],
-      // 是否应届字典
-      isCurrentOptions: [],
-      // 是否住校字典
-      isLodgeOptions: [],
-      // 审核状态字典
-      checkStatusOptions: [],
-      // 导入参数
-      upload: {
-        // 是否显示弹出层
-        open: false,
-        // 弹出层标题
-        title: "",
-        // 是否禁用上传
-        isUploading: false,
-        // 是否更新已经存在的数据
-        updateSupport: 0,
-        // 设置上传的请求头部
-        // headers: { Authorization: "Bearer " + getToken() },
-        // 上传的地址
-        url: process.env.VUE_APP_BASE_API + "/student/studentApply/importData",
-      },
-      enrollList: [
-        {
-          specId: 1,
-          specName: "土木工程",
-        },
-      ],
-      // 日期范围
-      dateRange: [],
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        specId: null,
-        name: null,
-        idcard: null,
-        sex: null,
-        likman: null,
-        mobile: null,
-        natives: null,
-        address: null,
-        email: null,
-        nation: null,
-        school: null,
-        isCurrent: null,
-        nums: null,
-        isLodge: null,
-      },
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-        spec1: [
-          { required: true, message: "第一志愿不能为空", trigger: "blur" },
-        ],
-        spec2: [
-          { required: true, message: "第二志愿不能为空", trigger: "blur" },
-        ],
-        name: [{ required: true, message: "姓名不能为空", trigger: "blur" }],
-        idcard: [
-          { required: true, message: "身份证号不能为空", trigger: "blur" },
-        ],
-        sex: [{ required: true, message: "性别不能为空", trigger: "change" }],
-        likman: [
-          { required: true, message: "联系人不能为空", trigger: "blur" },
-        ],
-        mobile: [
-          { required: true, message: "手机号不能为空", trigger: "blur" },
-        ],
-        address: [
-          { required: true, message: "家庭住址不能为空", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  created() {
-    //     this.getDicts("sys_user_sex").then((response) => {
-    //       this.sexOptions = response.data;
-    //     });
-    //     this.getDicts("sys_yes_no").then((response) => {
-    //       this.isCurrentOptions = response.data;
-    //     });
-    //     this.getDicts("sys_yes_no").then((response) => {
-    //       this.isLodgeOptions = response.data;
-    //     });
-    //     this.getDicts("check_status").then((response) => {
-    //       this.checkStatusOptions = response.data;
-    //     });
-    //     listStudentEnroll({ status: 1 }).then((response) => {
-    //       this.enrollList = response.rows;
-    //     });
-    //     selectSpecialty({ status: 1 }).then((response) => {
-    //       this.specialtyList = response.rows;
-    //     });
-  },
-  methods: {
-    // 性别字典翻译
-    sexFormat(row, column) {
-      return this.selectDictLabel(this.sexOptions, row.sex);
-    },
-    // 是否应届字典翻译
-    isCurrentFormat(row, column) {
-      return this.selectDictLabel(this.isCurrentOptions, row.isCurrent);
-    },
-    // 是否住校字典翻译
-    isLodgeFormat(row, column) {
-      return this.selectDictLabel(this.isLodgeOptions, row.isLodge);
-    },
-    // 审核状态字典翻译
-    checkStatusFormat(row, column) {
-      return this.selectDictLabel(this.checkStatusOptions, row.checkStatus);
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
-        spec1: null,
-        spec2: null,
-        name: null,
-        idcard: null,
-        sex: null,
-        likman: null,
-        mobile: null,
-        natives: null,
-        address: null,
-        email: null,
-        nation: null,
-        school: null,
-        isCurrent: "1",
-        nums: null,
-        isLodge: "1",
-        createBy: null,
-        createTime: null,
-        updateBy: null,
-        updateTime: null,
-        checkStatus: "0",
-        comment: null,
-      };
-      this.resetForm("form");
-    },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.queryParams.pageNum = 1;
-      this.getList();
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
-    },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.id);
-      this.single = selection.length !== 1;
-      this.multiple = !selection.length;
-    },
-    /** 新增按钮操作 */
-    openApply() {
-      this.reset();
-      this.open = true;
-      this.title = "添加招生报名";
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          if (this.form.id != null) {
-            updateStudentApply(this.form).then((response) => {
-              this.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
-          } else {
-            addStudentApply(this.form).then((response) => {
-              this.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
-          }
-        }
-      });
-    },
-
-    /** 导出按钮操作 */
-    handleExport() {
-      const queryParams = this.queryParams;
-      this.$confirm("是否确认导出所有招生报名数据项?", "警告", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(function () {
-          return exportStudentApply(queryParams);
-        })
-        .then((response) => {
-          this.download(response.msg);
-        });
-    },
-
-    /** 下载模板操作 */
-    importTemplate() {
-      importTemplate().then((response) => {
-        this.download(response.msg);
-      });
-    },
-    // 文件上传中处理
-    handleFileUploadProgress(event, file, fileList) {
-      this.upload.isUploading = true;
-    },
-    // 文件上传成功处理
-    handleFileSuccess(response, file, fileList) {
-      this.upload.open = false;
-      this.upload.isUploading = false;
-      this.$refs.upload.clearFiles();
-      this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
-      this.getList();
-    },
-    // 提交上传文件
-    submitFileForm() {
-      this.$refs.upload.submit();
-    },
-  },
-};
-</script>
-<style lang="scss" scoped>
-.app-container {
-}
-.footer-btn {
-  margin: 0 20px;
-  width: 124px;
-  height: 36px;
-  background: #1d60b9;
-  border-radius: 10px 10px 10px 10px;
-  color: #ffffff;
-}
-</style>
diff --git a/src/views/gateway/policy/component/detail.vue b/src/views/gateway/policy/component/detail.vue
deleted file mode 100644
index 0aeabd2..0000000
--- a/src/views/gateway/policy/component/detail.vue
+++ /dev/null
@@ -1,207 +0,0 @@
-<template>
-  <div class="content-box">
-    <div class="page-list">
-      <i class="el-icon-s-home page-icon"></i>
-      <span class="page-text"
-        >当前位置：　首页 <span class="text-icon">></span> 招生政策<span
-          class="text-icon"
-          >></span
-        >　　</span
-      >
-      <span class="active">{{ typeName }}</span>
-    </div>
-    <div class="page-title">
-      <div class="title-text">{{ typeName + detailId }}</div>
-      <div class="title-time">发布日期：2022-04-25</div>
-    </div>
-    <div class="page-content">
-      <div class="page-box-content">
-        <div class="content-text">土木工程专业</div>
-        <div class="content-time">9千-1万</div>
-      </div>
-    </div>
-    <div class="gangwei-content">
-      <div class="content-text">
-        <span class="text-name"> 岗位详情 </span>
-        <div class="text-line"></div>
-      </div>
-      <div class="content-time">
-        1、要求：专业成绩良好，形象气质佳，综合素质高，具备较强的成就动机、沟通能力、抗压能力和资源协调能力，热爱销售工作，过往有学生干部经验者优先；<br />
-        2、本科及以上学历，专业不限。
-      </div>
-    </div>
-    <div class="button-list">
-      <el-button v-if="!isPlanDetail" class="search-button" @click="back"
-        >返回列表</el-button
-      >
-      <ApplyDetailVue v-else @back="back"></ApplyDetailVue>
-    </div>
-  </div>
-</template>
-
-<script>
-import ApplyDetailVue from "./applyDetail.vue";
-
-const TYPE_NAME = {
-  admissionPolicy: "招生政策",
-  admissionProcess: "招生流程",
-  admissionPlan: "招生计划",
-  admissionNews: "招生新闻",
-  admissionGuide: "招生简章",
-};
-export default {
-  data() {
-    return {
-      formData: {},
-    };
-  },
-  props: {
-    detailInfo: {},
-  },
-  components: {
-    ApplyDetailVue,
-  },
-  computed: {
-    typeName() {
-      const type = this.detailInfo.detailType;
-      return TYPE_NAME[type] || "招生政策";
-    },
-    detailId() {
-      return this.detailInfo.detailId;
-    },
-    isPlanDetail() {
-      return this.detailInfo.detailType === "admissionPlan";
-    },
-  },
-  methods: {
-    back() {
-      this.$emit("back");
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.content-box {
-  margin: 57px auto 0;
-  font-weight: 400;
-  font-size: 14px;
-  color: #333333;
-  padding-bottom: 40px;
-
-  .page-list {
-    width: 1200px;
-    margin: 0 auto;
-    font-weight: 400;
-    font-size: 14px;
-    color: #333333;
-    margin-bottom: 29px;
-
-    .page-icon {
-      font-size: 14px;
-      color: rgba(29, 96, 185, 1);
-    }
-
-    .page-text {
-      .text-icon {
-        padding: 0 20px;
-      }
-    }
-
-    .active {
-      color: rgba(29, 96, 185, 1);
-    }
-  }
-
-  .page-title {
-    margin-bottom: 15px;
-    text-align: center;
-
-    .title-text {
-      font-weight: 400;
-      font-size: 20px;
-      color: #000000;
-      margin-bottom: 16px;
-    }
-
-    .title-time {
-      font-weight: 400;
-      font-size: 14px;
-      color: #c1c1c1;
-    }
-  }
-
-  .page-content {
-    padding: 22px 0 20px;
-    background-color: #e6f1ff;
-    margin-bottom: 27px;
-
-    .page-box-content {
-      width: 1200px;
-      margin: 0 auto;
-    }
-
-    .content-text {
-      font-weight: 400;
-      font-size: 16px;
-      color: #333333;
-      margin-bottom: 25px;
-    }
-
-    .content-time {
-      font-weight: 400;
-      font-size: 18px;
-      color: #ff8533;
-    }
-  }
-
-  .gangwei-content {
-    width: 1200px;
-    margin: 0 auto;
-
-    .content-text {
-      display: flex;
-      align-items: center;
-      margin-bottom: 34px;
-
-      .text-name {
-        font-weight: 400;
-        font-size: 16px;
-        color: #666363;
-        margin-right: 10px;
-        flex-shrink: 0;
-      }
-
-      .text-line {
-        flex: 1;
-        height: 1px;
-        background-color: #eeeeee;
-        margin-left: 13px;
-      }
-    }
-
-    .content-time {
-      font-weight: 400;
-      font-size: 14px;
-      color: #666363;
-      line-height: 28px;
-    }
-  }
-
-  .button-list {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    margin-top: 40px;
-
-    .search-button {
-      margin: 0 auto;
-      width: 124px;
-      height: 36px;
-      background: #1d60b9;
-      border-radius: 10px 10px 10px 10px;
-      color: #ffffff;
-    }
-  }
-}
-</style>
\ No newline at end of file
diff --git a/src/views/gateway/policy/components/school.vue b/src/views/gateway/policy/components/school.vue
new file mode 100644
index 0000000..906da50
--- /dev/null
+++ b/src/views/gateway/policy/components/school.vue
@@ -0,0 +1,54 @@
+<template>
+  <div class="school-con">
+    <div class="school-info">
+      <span class="school-name">黑龙江省高级技工学校</span>
+      <span>黑龙江省哈尔滨大道XXXX号1-2</span>
+    </div>
+    <div class="school-desc">
+      黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校
+      黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校
+      黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校
+      黑龙江省高级技工学校
+      黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校
+      黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校
+      黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校
+      黑龙江省高级技工学校
+    </div>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss">
+.school-con {
+  margin-bottom: 30px;
+}
+.school-info {
+  font-size: 16px;
+  text-align: center;
+  margin-bottom: 20px;
+  .school-name {
+    position: relative;
+    padding-right: 20px;
+    &::after {
+      content: "";
+      display: block;
+      background-color: #333;
+      width: 4px;
+      height: 4px;
+      border-radius: 50%;
+      position: absolute;
+      right: 8px;
+      top: 6px;
+    }
+  }
+}
+.school-desc {
+  width: 1200px;
+  max-width: 100%;
+  margin: 0 auto;
+  word-break: break-all;
+}
+</style>
diff --git a/src/views/gateway/policy/index.vue b/src/views/gateway/policy/index.vue
index b7f1b53..f7dd274 100644
--- a/src/views/gateway/policy/index.vue
+++ b/src/views/gateway/policy/index.vue
@@ -1,167 +1,126 @@
 <template>
   <div>
-    <div class="top-img">
-      <img
-        src="@/assets/image/gateway/tuanwei/nbanner.jpg"
-        alt=""
-        class="img-pic"
-      />
-      <div class="img-title">招生政策</div>
-      <div class="img-text">专业的学校，探寻职业新路径</div>
-    </div>
-
-    <div class="menu-list">
-      <div
-        class="menu-item"
-        :class="{ active: active == 1 }"
-        @click="onClick(1)"
-      >
-        招生政策
+    <div class="title">招生简章</div>
+    <SchoolItem />
+    <div class="page-con">
+      <div class="page-title">报名条件</div>
+      <div class="dsc" style="margin-bottom: 30px">
+        空间发哈结合实际发生姐姐啊积分活动<br />空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动
       </div>
-      <div
-        class="menu-item"
-        :class="{ active: active == 2 }"
-        @click="onClick(2)"
-      >
-        招生简章
+      <div class="page-title">报名方法</div>
+      <div class="dsc" style="margin-bottom: 30px">
+        空间发哈结合实际发生姐姐啊积分活动<br />空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动
       </div>
-      <div
-        class="menu-item"
-        :class="{ active: active == 3 }"
-        @click="onClick(3)"
-      >
-        招生计划
+      <div class="page-title">招生时间</div>
+      <div class="dsc" style="margin-bottom: 30px">
+        2024年07月08日-2024年09月08日
       </div>
-      <div
-        class="menu-item"
-        :class="{ active: active == 4 }"
-        @click="onClick(4)"
-      >
-        招生新闻
+      <div class="page-title">学校承诺及优惠</div>
+      <div class="dsc primary-text" style="margin-bottom: 30px">
+        1.空间发哈结合实际发生姐姐啊积分活动<br />
+        2.空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结哈结合实际发生姐姐啊积分活动<br />
+        3.空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动<br />
+        4.空间发哈结合实际发生姐姐啊积分活动空间发哈结际发生姐姐啊积分活动<br />
+        5.空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动
       </div>
+      <div class="page-title">学校照片展示</div>
+      <!-- <swiper ref="mySwiper" :options="swiperOptions">
+        <swiper-slide>Slide 1</swiper-slide>
+        <swiper-slide>Slide 2</swiper-slide>
+        <swiper-slide>Slide 3</swiper-slide>
+        <swiper-slide>Slide 4</swiper-slide>
+        <swiper-slide>Slide 5</swiper-slide>
+        <div class="swiper-pagination" slot="pagination"></div>
+      </swiper> -->
     </div>
-    <component
-      v-if="!isShowDetail"
-      :is="componentName"
-      @showDetail="onShowDetail"
-    />
-    <DetailVue v-else :detailInfo="detailInfo" @back="closeDetail" />
     <PageFooter />
     <ContactVue />
   </div>
 </template>
 
 <script>
+// import { Swiper, SwiperSlide } from "vue-awesome-swiper";
+// import "swiper/css";
+// import "swiper/css/pagination";
+
+// Import Swiper styles
 import PageFooter from "../components/footer/index.vue";
-import DetailVue from "./component/detail.vue";
-import AdmissionGuideVue from "./component/admissionGuide.vue";
-import AdmissionNewsVue from "./component/admissionNews.vue";
-import AdmissionPlanVue from "./component/admissionPlan.vue";
-import AdmissionPolicyVue from "./component/admissionPolicy.vue";
 import ContactVue from "./component/contact.vue";
+import SchoolItem from "./components/school.vue";
 
 export default {
   data() {
     return {
-      active: 1,
-      componentName: "AdmissionPolicyVue",
-      isShowDetail: false,
-      detailInfo: {},
+      imgs: [
+        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
+        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
+        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
+        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
+        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
+        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
+        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
+        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
+        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
+        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
+        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
+      ],
+      swiperOptions: {
+        pagination: {
+          el: ".swiper-pagination",
+        },
+        // Some Swiper option/callback...
+      },
     };
   },
   components: {
-    AdmissionPolicyVue,
-    AdmissionGuideVue,
-    AdmissionNewsVue,
-    AdmissionPlanVue,
+    // Swiper,
+    // SwiperSlide,
     PageFooter,
-    DetailVue,
     ContactVue,
+    SchoolItem,
   },
   computed: {},
-  methods: {
-    onClick(active) {
-      this.isShowDetail = false;
-      this.active = active;
-      switch (active) {
-        case 1:
-          this.componentName = "AdmissionPolicyVue";
-          break;
-        case 2:
-          this.componentName = "AdmissionGuideVue";
-          break;
-        case 3:
-          this.componentName = "AdmissionPlanVue";
-          break;
-        case 4:
-          this.componentName = "AdmissionNewsVue";
-          break;
-      }
-    },
-    onShowDetail(detailId, detailType) {
-      this.isShowDetail = true;
-      this.detailInfo = { detailId, detailType };
-    },
-    closeDetail() {
-      this.isShowDetail = false;
-    },
-  },
+  methods: {},
 };
 </script>
 
 <style lang="scss" scoped>
-.top-img {
-  position: relative;
-
-  .img-pic {
-    width: 100%;
-  }
-
-  .img-title {
-    position: absolute;
-    left: 190px;
-    top: 48px;
+.title {
+  text-align: center;
+  font-weight: bold;
+  font-size: 52px;
+  margin: 30px 0 15px;
+}
+.page-con {
+  width: 1200px;
+  max-width: 100%;
+  margin: 0 auto;
+  .page-title {
+    color: #024287;
+    padding-left: 10px;
     font-weight: bold;
-    font-size: 36px;
-    color: #fefefe;
+    font-size: 18px;
+    margin-bottom: 15px;
+    position: relative;
+    &::before {
+      content: "";
+      display: block;
+      background-color: #024287;
+      width: 4px;
+      height: 70%;
+      border-radius: 2px;
+      position: absolute;
+      left: 0px;
+      top: 15%;
+    }
   }
-
-  .img-text {
-    position: absolute;
-    left: 189px;
-    top: 122px;
-    font-weight: 400;
-    font-size: 22px;
-    color: #fefefe;
+  .dsc {
+    line-height: 1.5;
+    color: #000;
   }
-}
-
-.menu-list {
-  margin-top: 20px;
-  display: flex;
-  align-items: center;
-  border-bottom: 2px solid #1d60b9;
-  justify-content: center;
-
-  .menu-item {
-    font-size: 16px;
-    color: rgba(51, 51, 51, 1);
-    height: 58px;
-    line-height: 58px;
-    padding: 0 35px;
-    border-radius: 10px 10px 0 0;
-    margin-right: 10px;
-    cursor: pointer;
-
-    &:last-child {
-      margin-right: 0;
-    }
-
-    &.active {
-      background: #1d60b9;
-      color: #ffffff;
-      font-weight: bold;
-    }
+  .primary-text {
+    color: rgba($color: #024287, $alpha: 0.7);
+    font-weight: bold;
   }
 }
 
-- 
Gitee


From 6cab6a99284d4d30c80adf0cfe3e0ab637c22312 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E8=B6=85?= <chao.wang9@transsion.com>
Date: Mon, 12 Aug 2024 16:04:47 +0800
Subject: [PATCH 4/7] =?UTF-8?q?feat:=20=E5=89=8D=E5=8F=B0=E6=8B=9B?=
 =?UTF-8?q?=E7=94=9F=E7=AE=80=E7=AB=A0=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |   4 +-
 src/api/policy.js                             |  28 ++
 src/assets/image/email.svg                    |   1 +
 src/assets/image/left.png                     | Bin 0 -> 2901 bytes
 src/assets/image/right.png                    | Bin 0 -> 2803 bytes
 .../{component => components}/contact.vue     |  46 +--
 .../gateway/policy/components/school.vue      |  44 ++-
 src/views/gateway/policy/index.vue            | 281 ++++++++++++++----
 vue.config.js                                 | 143 +++++----
 9 files changed, 376 insertions(+), 171 deletions(-)
 create mode 100644 src/api/policy.js
 create mode 100644 src/assets/image/email.svg
 create mode 100644 src/assets/image/left.png
 create mode 100644 src/assets/image/right.png
 rename src/views/gateway/policy/{component => components}/contact.vue (64%)

diff --git a/.env.development b/.env.development
index 78aab4e..3344db8 100644
--- a/.env.development
+++ b/.env.development
@@ -3,9 +3,9 @@ ENV = 'development'
 
 # 若依管理系统/开发环境
 
-VUE_APP_BASE_API = '/api'
+VUE_APP_BASE_API = '/szxy'
 
-VUE_APP_PROXY = 'http://43.143.230.182:8088'
+VUE_APP_PROXY = 'http://test.phny.top'
 
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true
diff --git a/src/api/policy.js b/src/api/policy.js
new file mode 100644
index 0000000..80df57e
--- /dev/null
+++ b/src/api/policy.js
@@ -0,0 +1,28 @@
+import request from "@/utils/request";
+
+// 查询学校
+export function getSchool(query) {
+  return request({
+    url: `/base/school/1`,
+    method: "get",
+    params: query,
+  });
+}
+
+// 查询最新招生简章
+export function getRecruitmentList(query) {
+  return request({
+    url: "/student/recruitment/list",
+    method: "get",
+    params: query,
+  });
+}
+
+// 查询招生计划列表
+export function listStudentEnroll(query) {
+  return request({
+    url: "/student/studentEnroll/list",
+    method: "get",
+    params: query,
+  });
+}
diff --git a/src/assets/image/email.svg b/src/assets/image/email.svg
new file mode 100644
index 0000000..ddcc799
--- /dev/null
+++ b/src/assets/image/email.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1723433750899" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4297" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M926.47619 355.644952V780.190476a73.142857 73.142857 0 0 1-73.142857 73.142857H170.666667a73.142857 73.142857 0 0 1-73.142857-73.142857V355.644952l304.103619 257.828572a170.666667 170.666667 0 0 0 220.745142 0L926.47619 355.644952zM853.333333 170.666667a74.044952 74.044952 0 0 1 26.087619 4.778666 72.704 72.704 0 0 1 30.622477 22.186667 73.508571 73.508571 0 0 1 10.678857 17.67619c3.169524 7.509333 5.12 15.652571 5.607619 24.210286L926.47619 243.809524v24.380952L559.469714 581.241905a73.142857 73.142857 0 0 1-91.306666 2.901333l-3.632762-2.925714L97.52381 268.190476v-24.380952a72.899048 72.899048 0 0 1 40.155428-65.292191A72.97219 72.97219 0 0 1 170.666667 170.666667h682.666666z" p-id="4298" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/src/assets/image/left.png b/src/assets/image/left.png
new file mode 100644
index 0000000000000000000000000000000000000000..5b8b963f98ddf8586de393d11395ca7ada152598
GIT binary patch
literal 2901
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
E7gF6mXaE2J

literal 0
HcmV?d00001

diff --git a/src/assets/image/right.png b/src/assets/image/right.png
new file mode 100644
index 0000000000000000000000000000000000000000..54ddf9d7bbe00b0c26295d68e59d72f0d4d54b31
GIT binary patch
literal 2803
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

literal 0
HcmV?d00001

diff --git a/src/views/gateway/policy/component/contact.vue b/src/views/gateway/policy/components/contact.vue
similarity index 64%
rename from src/views/gateway/policy/component/contact.vue
rename to src/views/gateway/policy/components/contact.vue
index d3cc6bf..6bb4abd 100644
--- a/src/views/gateway/policy/component/contact.vue
+++ b/src/views/gateway/policy/components/contact.vue
@@ -8,33 +8,28 @@
         />
       </div>
       <a class="contact_phone_number" href="tel:0451—58766786" target="null">
-        <span>0451—58766786</span>
+        <span>{{ schoolData.phone }}</span>
       </a>
     </div>
-
-    <el-popover
-      popper-class="menu-popover"
-      placement="right"
-      width="200"
-      trigger="click"
-      offset="20"
-      :visible-arrow="false"
-    >
-      <div class="wx_container">
-        <img />
-      </div>
-      <div class="contact_wx" slot="reference">
-        <img
-          class="pic_icon"
-          src="@/assets/image/gateway/zhaosheng/contactWx.svg"
-        />
+    <div class="contact_phone">
+      <div class="contact_phone_icon">
+        <img class="pic_icon" src="@/assets/image/email.svg" />
       </div>
-    </el-popover>
+      <a class="contact_phone_number" href="tel:0451—58766786" target="null">
+        <span>{{ schoolData.email }}</span>
+      </a>
+    </div>
   </div>
 </template>
 
 <script>
 export default {
+  props: {
+    schoolData: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
   data() {
     return {
       showWx: 1,
@@ -66,6 +61,7 @@ export default {
   align-items: center;
   padding: 15px;
   transition: ease width 0.5s;
+  margin-left: auto;
 
   .contact_phone_number {
     margin-left: 20px;
@@ -76,16 +72,6 @@ export default {
     width: 200px;
   }
 }
-.contact_wx {
-  float: right;
-  height: 60px;
-  width: 60px;
-  background: #024287;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 5px;
-}
 .pic_icon {
   height: 30px;
   width: 30px;
@@ -95,4 +81,4 @@ export default {
   height: 200px;
   background: #fafafa;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/gateway/policy/components/school.vue b/src/views/gateway/policy/components/school.vue
index 906da50..8954f97 100644
--- a/src/views/gateway/policy/components/school.vue
+++ b/src/views/gateway/policy/components/school.vue
@@ -1,24 +1,37 @@
 <template>
   <div class="school-con">
     <div class="school-info">
-      <span class="school-name">黑龙江省高级技工学校</span>
-      <span>黑龙江省哈尔滨大道XXXX号1-2</span>
-    </div>
-    <div class="school-desc">
-      黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校
-      黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校
-      黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校
-      黑龙江省高级技工学校
-      黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校
-      黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校
-      黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校黑龙江省高级技工学校
-      黑龙江省高级技工学校
+      <span class="school-name">{{ schoolData.title }}</span>
+      <span>{{ schoolData.address }}</span>
     </div>
+    <div class="school-desc" v-html="schoolData.description"></div>
+    <ContactVue :schoolData="schoolData" />
   </div>
 </template>
 
 <script>
-export default {};
+import ContactVue from "./contact.vue";
+import { getSchool } from "@/api/policy";
+export default {
+  components: { ContactVue },
+  data() {
+    return {
+      schoolData: {},
+    };
+  },
+  async created() {
+    const { code, data } = await getSchool();
+    if (code == 200) {
+      this.schoolData = {
+        ...data,
+        description: data.description
+          .replace(/ /g, "&nbsp;")
+          .split("\n")
+          .join("<br/>"),
+      };
+    }
+  },
+};
 </script>
 
 <style lang="scss">
@@ -26,7 +39,7 @@ export default {};
   margin-bottom: 30px;
 }
 .school-info {
-  font-size: 16px;
+  font-size: 14px;
   text-align: center;
   margin-bottom: 20px;
   .school-name {
@@ -50,5 +63,8 @@ export default {};
   max-width: 100%;
   margin: 0 auto;
   word-break: break-all;
+  line-height: 1.5;
+  font-size: 16px;
+  font-size: 14px;
 }
 </style>
diff --git a/src/views/gateway/policy/index.vue b/src/views/gateway/policy/index.vue
index f7dd274..9a3245a 100644
--- a/src/views/gateway/policy/index.vue
+++ b/src/views/gateway/policy/index.vue
@@ -4,83 +4,198 @@
     <SchoolItem />
     <div class="page-con">
       <div class="page-title">报名条件</div>
-      <div class="dsc" style="margin-bottom: 30px">
-        空间发哈结合实际发生姐姐啊积分活动<br />空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动
-      </div>
+      <div
+        class="dsc"
+        style="margin-bottom: 30px"
+        v-html="data.applyCondition"
+      ></div>
       <div class="page-title">报名方法</div>
-      <div class="dsc" style="margin-bottom: 30px">
-        空间发哈结合实际发生姐姐啊积分活动<br />空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动
-      </div>
+      <div
+        class="dsc"
+        style="margin-bottom: 30px"
+        v-html="data.applyFunction"
+      ></div>
       <div class="page-title">招生时间</div>
       <div class="dsc" style="margin-bottom: 30px">
-        2024年07月08日-2024年09月08日
+        {{ data.startTime }} ~ {{ data.endTime }}
       </div>
       <div class="page-title">学校承诺及优惠</div>
-      <div class="dsc primary-text" style="margin-bottom: 30px">
-        1.空间发哈结合实际发生姐姐啊积分活动<br />
-        2.空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结哈结合实际发生姐姐啊积分活动<br />
-        3.空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动<br />
-        4.空间发哈结合实际发生姐姐啊积分活动空间发哈结际发生姐姐啊积分活动<br />
-        5.空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动空间发哈结合实际发生姐姐啊积分活动
-      </div>
+      <div
+        class="dsc primary-text"
+        style="margin-bottom: 30px"
+        v-html="data.promiseDiscount"
+      ></div>
       <div class="page-title">学校照片展示</div>
-      <!-- <swiper ref="mySwiper" :options="swiperOptions">
-        <swiper-slide>Slide 1</swiper-slide>
-        <swiper-slide>Slide 2</swiper-slide>
-        <swiper-slide>Slide 3</swiper-slide>
-        <swiper-slide>Slide 4</swiper-slide>
-        <swiper-slide>Slide 5</swiper-slide>
-        <div class="swiper-pagination" slot="pagination"></div>
-      </swiper> -->
+
+      <div class="threeImg">
+        <div class="iconleft" @click="zuohua"></div>
+        <div class="Containt">
+          <ul
+            :style="{ left: calleft + 'px', width: widthData + 'px' }"
+            v-on:mouseover="stopmove()"
+            v-on:mouseout="move()"
+            class="imgBoxoul"
+          >
+            <li v-for="(item, index) in data.imgs" :key="index" ref="lis">
+              <img :src="item" />
+            </li>
+          </ul>
+        </div>
+        <div class="iconright" @click="youhua"></div>
+      </div>
+      <div class="page-title">招生专业</div>
+    </div>
+    <div style="width: 1200px; margin: 0 auto 30px">
+      <el-table :data="dataList || []">
+        <el-table-column type="number" width="55" align="center" />
+        <el-table-column label="专业名称" align="center" prop="title">
+          <template slot-scope="scope">
+            <div>{{ scope.row.title }}</div>
+            <div style="color: red">{{ scope.row.specialty.desc }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column label="培养层次" align="center" prop="trainLevel" />
+        <el-table-column label="学制" align="center" prop="period">
+          <template slot-scope="scope">
+            <div>{{ scope.row.period }}年</div>
+          </template>
+        </el-table-column>
+        <el-table-column label="招生对象" align="center" prop="enrollTarget" />
+        <el-table-column label="招生人数" align="center" prop="total">
+          <template slot-scope="scope">
+            <div>{{ scope.row.total }}人</div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="城市户口收费标准（学期）"
+          align="center"
+          prop="period"
+        >
+          <template slot-scope="scope">
+            <div>{{ scope.row.specialty.tuition || 0 }}元</div>
+          </template>
+        </el-table-column>
+        <el-table-column label="主要就业单位" align="center" prop="empCo">
+          <template slot-scope="scope">
+            <div>{{ scope.row.specialty.empCo }}</div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div style="margin: 30px; text-align: center">
+        <el-button
+          type="primary"
+          style="width: 200px; background-color: #024287"
+          >报名</el-button
+        >
+      </div>
     </div>
     <PageFooter />
-    <ContactVue />
   </div>
 </template>
 
 <script>
-// import { Swiper, SwiperSlide } from "vue-awesome-swiper";
-// import "swiper/css";
-// import "swiper/css/pagination";
-
-// Import Swiper styles
 import PageFooter from "../components/footer/index.vue";
-import ContactVue from "./component/contact.vue";
 import SchoolItem from "./components/school.vue";
+import { getRecruitmentList, listStudentEnroll } from "@/api/policy";
 
 export default {
   data() {
     return {
-      imgs: [
-        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
-        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
-        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
-        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
-        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
-        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
-        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
-        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
-        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
-        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
-        "https://omo-oss-image.thefastimg.com/portal-saas/new2022083114281631753/cms/image/74d8b6e0-09f3-4e2f-864b-40e78085054f.jpg",
-      ],
-      swiperOptions: {
-        pagination: {
-          el: ".swiper-pagination",
-        },
-        // Some Swiper option/callback...
-      },
+      calleft: 0,
+      speed: 1,
+      data: {},
+      dataList: [],
     };
   },
   components: {
     // Swiper,
     // SwiperSlide,
     PageFooter,
-    ContactVue,
     SchoolItem,
   },
-  computed: {},
-  methods: {},
+  async created() {
+    this.initTable();
+    const { code, rows } = await getRecruitmentList({
+      pageNum: 1,
+      pageSize: 10,
+      isPublish: 1,
+    });
+    if (code === 200 && rows?.length > 0) {
+      this.data = {
+        ...rows[0],
+        imgs: rows[0].schoolImg.split(","),
+        applyCondition: rows[0].applyCondition
+          .replace(/ /g, "&nbsp;")
+          .split("\n")
+          .join("<br/>"),
+        applyFunction: rows[0].applyFunction
+          .replace(/ /g, "&nbsp;")
+          .split("\n")
+          .join("<br/>"),
+        promiseDiscount: rows[0].promiseDiscount
+          .replace(/ /g, "&nbsp;")
+          .split("\n")
+          .join("<br/>"),
+      };
+      this.$nextTick(() => {
+        var imgBox = document.getElementsByClassName("imgBoxoul")[0];
+        imgBox.innerHTML += imgBox.innerHTML;
+        if (this.data.imgs?.length > 5) {
+          this.move();
+        }
+      });
+    }
+  },
+  computed: {
+    widthData() {
+      return 240 * Number(this.data.imgs?.length * 2);
+    },
+  },
+  methods: {
+    async initTable() {
+      const { code, rows } = await listStudentEnroll({
+        pageNum: 1,
+        pageSize: 999999,
+        status: 1,
+      });
+      if (code === 200) {
+        this.dataList = rows;
+      }
+    },
+    //移动
+    move() {
+      if (this.data.imgs?.length <= 5) {
+        return;
+      }
+      this.timer = setInterval(this.starmove, 20);
+    },
+    //开始移动
+    starmove() {
+      this.calleft -= 1.2; //*this.speed
+      if (this.calleft <= -1150) {
+        this.calleft = 0;
+      }
+    },
+    //鼠标悬停时停止移动
+    stopmove() {
+      clearInterval(this.timer);
+    },
+    //点击按钮左移
+    zuohua() {
+      this.calleft -= 240; //this.speed = 1
+      if (this.calleft <= -1200) {
+        this.calleft = 0;
+      }
+    },
+    //点击按钮右移
+    youhua() {
+      //this.speed = -1
+      this.calleft += 240;
+      if (this.calleft >= 0) {
+        this.calleft = -1200;
+      }
+    },
+  },
 };
 </script>
 
@@ -117,6 +232,7 @@ export default {
   .dsc {
     line-height: 1.5;
     color: #000;
+    font-size: 14px;
   }
   .primary-text {
     color: rgba($color: #024287, $alpha: 0.7);
@@ -138,4 +254,67 @@ export default {
     margin-bottom: 20px;
   }
 }
+
+.threeImg {
+  position: relative;
+}
+
+.threeImg .Containt ul {
+  margin: 0 auto;
+  width: 2400px;
+  position: absolute;
+  left: 0px;
+  cursor: pointer;
+  height: 100%;
+  z-index: 10;
+}
+
+.threeImg .Containt ul li {
+  float: left;
+  width: 220px;
+  height: 250px;
+  margin-right: 20px;
+  border-radius: 10px;
+  overflow: hidden;
+  background-color: #ffffff;
+  display: flex;
+  align-items: center;
+}
+
+.threeImg .Containt ul li img {
+  width: 100%;
+  max-height: 100%;
+}
+
+.Containt {
+  position: relative;
+  overflow-y: auto;
+  width: 1200px;
+  height: 250px;
+  overflow: hidden;
+  margin: 0 auto 30px;
+}
+
+.iconleft {
+  position: absolute;
+  width: 20px;
+  height: 80px;
+  top: 35%;
+  left: 0px;
+  z-index: 99999;
+  background: url("~@/assets/image/left.png") no-repeat;
+  cursor: pointer;
+}
+
+.iconright {
+  position: absolute;
+  top: 37%;
+  right: 0%;
+  width: 20px;
+  height: 80px;
+  z-index: 99999;
+  background: url("~@/assets/image/left.png") no-repeat;
+  -webkit-transform: rotate(180deg);
+  cursor: pointer;
+}
 </style>
diff --git a/vue.config.js b/vue.config.js
index 4ba7cc9..8ed247b 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,14 +1,14 @@
-'use strict'
-const path = require('path')
-const defaultSettings = require('./src/settings.js')
+"use strict";
+const path = require("path");
+const defaultSettings = require("./src/settings.js");
 
 function resolve(dir) {
-  return path.join(__dirname, dir)
+  return path.join(__dirname, dir);
 }
 
-const name = defaultSettings.title || '智慧校园管理平台' // 标题
+const name = defaultSettings.title || "智慧校园管理平台"; // 标题
 
-const port = process.env.port || process.env.npm_config_port || 80 // 端口
+const port = process.env.port || process.env.npm_config_port || 80; // 端口
 
 // vue.config.js 配置说明
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
@@ -19,101 +19,96 @@ module.exports = {
   // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
   publicPath: "./",
   // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
-  outputDir: 'dist',
+  outputDir: "dist",
   // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
-  assetsDir: 'static',
+  assetsDir: "static",
   // 是否开启eslint保存检测，有效值：ture | false | 'error'
-  lintOnSave: process.env.NODE_ENV === 'development',
+  lintOnSave: process.env.NODE_ENV === "development",
   // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
   productionSourceMap: false,
   // webpack-dev-server 相关配置
   devServer: {
-    host: '0.0.0.0',
+    host: "0.0.0.0",
     port: port,
     open: true,
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
-      [process.env.VUE_APP_BASE_API]: {
-        target: process.env.VUE_APP_PROXY,
+      "/szxy": {
+        target: "http://test.phny.top/szxy",
         //target: `http://101.237.129.34:8088`,
         changeOrigin: true,
         pathRewrite: {
-          ['^' + process.env.VUE_APP_BASE_API]: ''
-        }
-      }
+          "^/szxy": "",
+        },
+      },
     },
-    disableHostCheck: true
+    disableHostCheck: true,
   },
   configureWebpack: {
     name: name,
     resolve: {
       alias: {
-        '@': resolve('src')
-      }
-    }
+        "@": resolve("src"),
+      },
+    },
   },
   chainWebpack(config) {
-    config.plugins.delete('preload') // TODO: need test
-    config.plugins.delete('prefetch') // TODO: need test
+    config.plugins.delete("preload"); // TODO: need test
+    config.plugins.delete("prefetch"); // TODO: need test
 
     // set svg-sprite-loader
+    config.module.rule("svg").exclude.add(resolve("src/assets/icons")).end();
     config.module
-      .rule('svg')
-      .exclude.add(resolve('src/assets/icons'))
-      .end()
-    config.module
-      .rule('icons')
+      .rule("icons")
       .test(/\.svg$/)
-      .include.add(resolve('src/assets/icons'))
+      .include.add(resolve("src/assets/icons"))
       .end()
-      .use('svg-sprite-loader')
-      .loader('svg-sprite-loader')
+      .use("svg-sprite-loader")
+      .loader("svg-sprite-loader")
       .options({
-        symbolId: 'icon-[name]'
+        symbolId: "icon-[name]",
       })
-      .end()
+      .end();
 
-    config
-      .when(process.env.NODE_ENV !== 'development',
-        config => {
-          config
-            .plugin('ScriptExtHtmlWebpackPlugin')
-            .after('html')
-            .use('script-ext-html-webpack-plugin', [{
-            // `runtime` must same as runtimeChunk name. default is `runtime`
-              inline: /runtime\..*\.js$/
-            }])
-            .end()
-          config
-            .optimization.splitChunks({
-              chunks: 'all',
-              cacheGroups: {
-                libs: {
-                  name: 'chunk-libs',
-                  test: /[\\/]node_modules[\\/]/,
-                  priority: 10,
-                  chunks: 'initial' // only package third parties that are initially dependent
-                },
-                elementUI: {
-                  name: 'chunk-elementUI', // split elementUI into a single package
-                  priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
-                  test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
-                },
-                commons: {
-                  name: 'chunk-commons',
-                  test: resolve('src/components'), // can customize your rules
-                  minChunks: 3, //  minimum common number
-                  priority: 5,
-                  reuseExistingChunk: true
-                }
-              }
-            })
-          config.optimization.runtimeChunk('single'),
+    config.when(process.env.NODE_ENV !== "development", (config) => {
+      config
+        .plugin("ScriptExtHtmlWebpackPlugin")
+        .after("html")
+        .use("script-ext-html-webpack-plugin", [
           {
-             from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件
-             to: './', //到根目录下
-          }
-        }
-      )
-  }
-}
+            // `runtime` must same as runtimeChunk name. default is `runtime`
+            inline: /runtime\..*\.js$/,
+          },
+        ])
+        .end();
+      config.optimization.splitChunks({
+        chunks: "all",
+        cacheGroups: {
+          libs: {
+            name: "chunk-libs",
+            test: /[\\/]node_modules[\\/]/,
+            priority: 10,
+            chunks: "initial", // only package third parties that are initially dependent
+          },
+          elementUI: {
+            name: "chunk-elementUI", // split elementUI into a single package
+            priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+            test: /[\\/]node_modules[\\/]_?element-ui(.*)/, // in order to adapt to cnpm
+          },
+          commons: {
+            name: "chunk-commons",
+            test: resolve("src/components"), // can customize your rules
+            minChunks: 3, //  minimum common number
+            priority: 5,
+            reuseExistingChunk: true,
+          },
+        },
+      });
+      config.optimization.runtimeChunk("single"),
+        {
+          from: path.resolve(__dirname, "./public/robots.txt"), //防爬虫文件
+          to: "./", //到根目录下
+        };
+    });
+  },
+};
-- 
Gitee


From b05ea26215d22b8ad0a4aca0f5ddf7d0fb79ae69 Mon Sep 17 00:00:00 2001
From: wxc <1009371919@qq.com>
Date: Tue, 13 Aug 2024 21:04:02 +0800
Subject: [PATCH 5/7] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.production                               |  2 +-
 src/views/gateway/components/header/index.vue | 10 ++---
 .../gateway/policy/components/contact.vue     | 39 +++++++++++++++----
 .../gateway/policy/components/school.vue      |  3 --
 src/views/gateway/policy/index.vue            | 17 ++++++--
 5 files changed, 51 insertions(+), 20 deletions(-)

diff --git a/.env.production b/.env.production
index 922471b..e99d702 100644
--- a/.env.production
+++ b/.env.production
@@ -2,4 +2,4 @@
 ENV = 'production'
 
 # 若依管理系统/生产环境
-VUE_APP_BASE_API = 'http://43.143.230.182:8088'
+VUE_APP_BASE_API = 'http://test.phny.top/szxy'
diff --git a/src/views/gateway/components/header/index.vue b/src/views/gateway/components/header/index.vue
index 692dd40..d75a78a 100644
--- a/src/views/gateway/components/header/index.vue
+++ b/src/views/gateway/components/header/index.vue
@@ -39,6 +39,11 @@ export default {
           path: "/gateway/home",
           children: [],
         },
+        {
+          name: "招生政策",
+          path: "/gateway/policy",
+          children: [],
+        },
         {
           name: "就业实习",
           path: "/gateway/jiuye",
@@ -111,11 +116,6 @@ export default {
             },
           ],
         },
-        {
-          name: "招生政策",
-          path: "/gateway/policy",
-          children: [],
-        },
         {
           name: "职业技能",
           path: "",
diff --git a/src/views/gateway/policy/components/contact.vue b/src/views/gateway/policy/components/contact.vue
index 6bb4abd..5d4a539 100644
--- a/src/views/gateway/policy/components/contact.vue
+++ b/src/views/gateway/policy/components/contact.vue
@@ -8,17 +8,30 @@
         />
       </div>
       <a class="contact_phone_number" href="tel:0451—58766786" target="null">
-        <span>{{ schoolData.phone }}</span>
+        <span>{{ schoolData.contactPhone }}</span>
       </a>
     </div>
-    <div class="contact_phone">
-      <div class="contact_phone_icon">
-        <img class="pic_icon" src="@/assets/image/email.svg" />
+    <el-popover
+      popper-class="menu-popover"
+      placement="right"
+      width="200"
+      trigger="hover"
+      offset="20"
+      :visible-arrow="false"
+    >
+      <div class="wx_container">
+        <img
+          :src="schoolData.contactQr"
+          style="width: 100%; height: 100%; object0fit: contain"
+        />
       </div>
-      <a class="contact_phone_number" href="tel:0451—58766786" target="null">
-        <span>{{ schoolData.email }}</span>
-      </a>
-    </div>
+      <div class="contact_wx" slot="reference">
+        <img
+          class="pic_icon"
+          src="@/assets/image/gateway/zhaosheng/contactWx.svg"
+        />
+      </div>
+    </el-popover>
   </div>
 </template>
 
@@ -72,6 +85,16 @@ export default {
     width: 200px;
   }
 }
+.contact_wx {
+  float: right;
+  height: 60px;
+  width: 60px;
+  background: #024287;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 5px;
+}
 .pic_icon {
   height: 30px;
   width: 30px;
diff --git a/src/views/gateway/policy/components/school.vue b/src/views/gateway/policy/components/school.vue
index 8954f97..01f57d4 100644
--- a/src/views/gateway/policy/components/school.vue
+++ b/src/views/gateway/policy/components/school.vue
@@ -5,15 +5,12 @@
       <span>{{ schoolData.address }}</span>
     </div>
     <div class="school-desc" v-html="schoolData.description"></div>
-    <ContactVue :schoolData="schoolData" />
   </div>
 </template>
 
 <script>
-import ContactVue from "./contact.vue";
 import { getSchool } from "@/api/policy";
 export default {
-  components: { ContactVue },
   data() {
     return {
       schoolData: {},
diff --git a/src/views/gateway/policy/index.vue b/src/views/gateway/policy/index.vue
index 9a3245a..f162647 100644
--- a/src/views/gateway/policy/index.vue
+++ b/src/views/gateway/policy/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="title">招生简章</div>
+    <div class="title">{{ data.title }}</div>
     <SchoolItem />
     <div class="page-con">
       <div class="page-title">报名条件</div>
@@ -25,6 +25,12 @@
         style="margin-bottom: 30px"
         v-html="data.promiseDiscount"
       ></div>
+      <div class="page-title">继续教育</div>
+      <div
+        class="dsc"
+        style="margin-bottom: 30px"
+        v-html="data.continueEdu"
+      ></div>
       <div class="page-title">学校照片展示</div>
 
       <div class="threeImg">
@@ -90,12 +96,14 @@
       </div>
     </div>
     <PageFooter />
+    <ContactItem :schoolData="data" />
   </div>
 </template>
 
 <script>
 import PageFooter from "../components/footer/index.vue";
 import SchoolItem from "./components/school.vue";
+import ContactItem from "./components/contact.vue";
 import { getRecruitmentList, listStudentEnroll } from "@/api/policy";
 
 export default {
@@ -108,10 +116,9 @@ export default {
     };
   },
   components: {
-    // Swiper,
-    // SwiperSlide,
     PageFooter,
     SchoolItem,
+    ContactItem,
   },
   async created() {
     this.initTable();
@@ -136,6 +143,10 @@ export default {
           .replace(/ /g, "&nbsp;")
           .split("\n")
           .join("<br/>"),
+        continueEdu: rows[0].continueEdu
+          .replace(/ /g, "&nbsp;")
+          .split("\n")
+          .join("<br/>"),
       };
       this.$nextTick(() => {
         var imgBox = document.getElementsByClassName("imgBoxoul")[0];
-- 
Gitee


From 5dd9e2ab0697437d364c48be964acf3cea3444d7 Mon Sep 17 00:00:00 2001
From: lxrsuper <1076629390@qq.com>
Date: Wed, 14 Aug 2024 23:17:59 +0800
Subject: [PATCH 6/7] =?UTF-8?q?feat=EF=BC=9A=E6=8A=A5=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/apply.docx                  | Bin 0 -> 13258 bytes
 src/views/gateway/policy/index.vue | 256 ++++++++++++++++++++++++-----
 2 files changed, 218 insertions(+), 38 deletions(-)
 create mode 100644 public/apply.docx

diff --git a/public/apply.docx b/public/apply.docx
new file mode 100644
index 0000000000000000000000000000000000000000..c4688100773b1fa8f2201e1ecaab6276dc47545c
GIT binary patch
literal 13258
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
StV4M_d^7d-Jnb<30{tJFh1z=n

literal 0
HcmV?d00001

diff --git a/src/views/gateway/policy/index.vue b/src/views/gateway/policy/index.vue
index f162647..a0c174e 100644
--- a/src/views/gateway/policy/index.vue
+++ b/src/views/gateway/policy/index.vue
@@ -4,44 +4,24 @@
     <SchoolItem />
     <div class="page-con">
       <div class="page-title">报名条件</div>
-      <div
-        class="dsc"
-        style="margin-bottom: 30px"
-        v-html="data.applyCondition"
-      ></div>
+      <div class="dsc" style="margin-bottom: 30px" v-html="data.applyCondition"></div>
       <div class="page-title">报名方法</div>
-      <div
-        class="dsc"
-        style="margin-bottom: 30px"
-        v-html="data.applyFunction"
-      ></div>
+      <div class="dsc" style="margin-bottom: 30px" v-html="data.applyFunction"></div>
       <div class="page-title">招生时间</div>
       <div class="dsc" style="margin-bottom: 30px">
         {{ data.startTime }} ~ {{ data.endTime }}
       </div>
       <div class="page-title">学校承诺及优惠</div>
-      <div
-        class="dsc primary-text"
-        style="margin-bottom: 30px"
-        v-html="data.promiseDiscount"
-      ></div>
+      <div class="dsc primary-text" style="margin-bottom: 30px" v-html="data.promiseDiscount"></div>
       <div class="page-title">继续教育</div>
-      <div
-        class="dsc"
-        style="margin-bottom: 30px"
-        v-html="data.continueEdu"
-      ></div>
+      <div class="dsc" style="margin-bottom: 30px" v-html="data.continueEdu"></div>
       <div class="page-title">学校照片展示</div>
 
       <div class="threeImg">
         <div class="iconleft" @click="zuohua"></div>
         <div class="Containt">
-          <ul
-            :style="{ left: calleft + 'px', width: widthData + 'px' }"
-            v-on:mouseover="stopmove()"
-            v-on:mouseout="move()"
-            class="imgBoxoul"
-          >
+          <ul :style="{ left: calleft + 'px', width: widthData + 'px' }" v-on:mouseover="stopmove()"
+            v-on:mouseout="move()" class="imgBoxoul">
             <li v-for="(item, index) in data.imgs" :key="index" ref="lis">
               <img :src="item" />
             </li>
@@ -72,11 +52,7 @@
             <div>{{ scope.row.total }}人</div>
           </template>
         </el-table-column>
-        <el-table-column
-          label="城市户口收费标准（学期）"
-          align="center"
-          prop="period"
-        >
+        <el-table-column label="城市户口收费标准（学期）" align="center" prop="period">
           <template slot-scope="scope">
             <div>{{ scope.row.specialty.tuition || 0 }}元</div>
           </template>
@@ -88,15 +64,105 @@
         </el-table-column>
       </el-table>
       <div style="margin: 30px; text-align: center">
-        <el-button
-          type="primary"
-          style="width: 200px; background-color: #024287"
-          >报名</el-button
-        >
+        <el-button type="primary" style="width: 200px; background-color: #024287" @click="handleAdd">报名</el-button>
       </div>
     </div>
     <PageFooter />
     <ContactItem :schoolData="data" />
+
+    <!-- 添加或修改招生报名对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-tabs type="card">
+          <el-tab-pane label="基本信息">
+            <el-form-item label="第一志愿" prop="spec1">
+              <el-select v-model="form.spec1" clearable placeholder="请选择专业">
+                <el-option v-for="item in enrollList" :key="item.specId" :label="item.specName" :value="item.specId"
+                  size="small">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="第二志愿" prop="spec2">
+              <el-select v-model="form.spec2" clearable placeholder="请选择专业">
+                <el-option v-for="item in enrollList" :key="item.specId" :label="item.specName" :value="item.specId"
+                  size="small">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="姓名" prop="name">
+              <el-input v-model="form.name" placeholder="请输入姓名" />
+            </el-form-item>
+            <el-form-item label="身份证号" prop="idcard">
+              <el-input v-model="form.idcard" placeholder="请输入身份证号" />
+            </el-form-item>
+            <el-form-item label="性别" prop="sex">
+              <el-select v-model="form.sex" placeholder="请选择性别">
+                <el-option v-for="dict in sexOptions" :key="dict.dictValue" :label="dict.dictLabel"
+                  :value="dict.dictValue"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="联系人" prop="likman">
+              <el-input v-model="form.likman" placeholder="请输入联系人" />
+            </el-form-item>
+            <el-form-item label="手机号" prop="mobile">
+              <el-input v-model="form.mobile" placeholder="请输入手机号" />
+            </el-form-item>
+            <el-form-item label="家庭住址" prop="address">
+              <el-input v-model="form.address" placeholder="请输入家庭住址" />
+            </el-form-item>
+            <el-form-item label="线上报名表">
+              <span v-html="getDownLink(form)" v-if="form.file != null"></span>
+              <el-upload ref="upload" :limit="1"
+                accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+                :headers="upload.headers" :action="upload.url + '?updateSupport=' + upload.updateSupport"
+                :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess">
+                <el-button size="small" type="primary">点击上传</el-button>
+
+                <span style="color: rgb(7, 102, 203);margin-left: 10px;" @click="location.href='/apply.docx'">点击下载模板</span>
+                <div class="el-upload__tip" style="color:red" slot="tip">提示：先下载模板填写内容，然后上传</div>
+              </el-upload>
+            </el-form-item>
+          </el-tab-pane>
+          <el-tab-pane label="详细信息">
+            <el-form-item label="籍贯" prop="natives">
+              <el-input v-model="form.natives" placeholder="请输入籍贯" />
+            </el-form-item>
+            <el-form-item label="邮箱" prop="email">
+              <el-input v-model="form.email" placeholder="请输入邮箱" />
+            </el-form-item>
+            <el-form-item label="民族" prop="nation">
+              <el-input v-model="form.nation" placeholder="请输入民族" />
+            </el-form-item>
+            <el-form-item label="毕业学校" prop="school">
+              <el-input v-model="form.school" placeholder="请输入毕业学校" />
+            </el-form-item>
+            <el-form-item label="是否应届">
+              <el-radio-group v-model="form.isCurrent">
+                <el-radio v-for="dict in isCurrentOptions" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel
+                }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="考生号" prop="nums">
+              <el-input v-model="form.nums" placeholder="请输入考生号" />
+            </el-form-item>
+            <el-form-item label="是否住校">
+              <el-radio-group v-model="form.isLodge">
+                <el-radio v-for="dict in isLodgeOptions" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel
+                }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="备注" prop="comment">
+              <el-input v-model="form.comment" placeholder="如:考试分数,荣誉奖项,爱好特长等" />
+            </el-form-item>
+          </el-tab-pane>
+        </el-tabs>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -105,6 +171,9 @@ import PageFooter from "../components/footer/index.vue";
 import SchoolItem from "./components/school.vue";
 import ContactItem from "./components/contact.vue";
 import { getRecruitmentList, listStudentEnroll } from "@/api/policy";
+import { addStudentApply } from "@/api/student/studentApply";
+import { getToken } from "@/utils/auth";
+// import { listStudentEnroll} from "@/api/student/studentEnroll";
 
 export default {
   data() {
@@ -113,6 +182,60 @@ export default {
       speed: 1,
       data: {},
       dataList: [],
+      open: false,
+      title: "",
+      // 招生表格数据
+      enrollList: [],
+      // 性别字典
+      sexOptions: [],
+      // 是否应届字典
+      isCurrentOptions: [],
+      // 是否住校字典
+      isLodgeOptions: [],
+      // 表单参数
+      form: {},
+      // 导入参数
+      upload: {
+        // 是否显示弹出层
+        open: false,
+        // 弹出层标题
+        title: "",
+        // 是否禁用上传
+        isUploading: false,
+        // 是否更新已经存在的数据
+        updateSupport: 0,
+        // 设置上传的请求头部
+        headers: { Authorization: "Bearer " + getToken() },
+        // 上传的地址
+        url: process.env.VUE_APP_BASE_API + "/sys/files/upload"
+      },
+      // 表单校验
+      rules: {
+        spec1: [
+          { required: true, message: "第一志愿不能为空", trigger: "blur" }
+        ],
+        spec2: [
+          { required: true, message: "第二志愿不能为空", trigger: "blur" }
+        ],
+        name: [
+          { required: true, message: "姓名不能为空", trigger: "blur" }
+        ],
+        idcard: [
+          { required: true, message: "身份证号不能为空", trigger: "blur" }
+        ],
+        sex: [
+          { required: true, message: "性别不能为空", trigger: "change" }
+        ],
+        likman: [
+          { required: true, message: "联系人不能为空", trigger: "blur" }
+        ],
+        mobile: [
+          { required: true, message: "手机号不能为空", trigger: "blur" }
+        ],
+        address: [
+          { required: true, message: "家庭住址不能为空", trigger: "blur" }
+        ],
+      }
     };
   },
   components: {
@@ -163,6 +286,59 @@ export default {
     },
   },
   methods: {
+     // 取消按钮
+     cancel() {
+      this.open = false;
+      // this.reset();
+    },
+    // 文件上传中处理
+    handleFileUploadProgress(event, file, fileList) {
+      this.upload.isUploading = true;
+    },
+    // 文件上传成功处理
+    handleFileSuccess(response, file, fileList) {
+      this.upload.open = false;
+      this.upload.isUploading = false;
+      this.form.fileId = response.data.id;
+      this.form.file = response.data;
+      this.$refs.upload.clearFiles();
+    },
+    // 下载附件链接
+    getDownLink(row) {
+      if (row.file && row.file.id) {
+        return '<a href="' + process.env.VUE_APP_BASE_API + row.file.path + '" target="_blank">' + row.file.title + '</a>';
+      }
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          addStudentApply(this.form).then(response => {
+            this.msgSuccess("新增成功");
+            this.open = false;
+            this.getList();
+          });
+        }
+      });
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      // this.reset();
+      this.open = true;
+      this.title = "报名";
+      this.getDicts("sys_yes_no").then(response => {
+        this.isCurrentOptions = response.data;
+      });
+      this.getDicts("sys_yes_no").then(response => {
+        this.isLodgeOptions = response.data;
+      });
+      this.getDicts("sys_user_sex").then(response => {
+        this.sexOptions = response.data;
+      });
+      listStudentEnroll({ 'status': 1 }).then(response => {
+        this.enrollList = response.rows;
+      });
+    },
     async initTable() {
       const { code, rows } = await listStudentEnroll({
         pageNum: 1,
@@ -217,10 +393,12 @@ export default {
   font-size: 52px;
   margin: 30px 0 15px;
 }
+
 .page-con {
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
+
   .page-title {
     color: #024287;
     padding-left: 10px;
@@ -228,6 +406,7 @@ export default {
     font-size: 18px;
     margin-bottom: 15px;
     position: relative;
+
     &::before {
       content: "";
       display: block;
@@ -240,11 +419,13 @@ export default {
       top: 15%;
     }
   }
+
   .dsc {
     line-height: 1.5;
     color: #000;
     font-size: 14px;
   }
+
   .primary-text {
     color: rgba($color: #024287, $alpha: 0.7);
     font-weight: bold;
@@ -258,8 +439,7 @@ export default {
   color: #333333;
   padding-bottom: 40px;
 
-  .box-title {
-  }
+  .box-title {}
 
   .box-center {
     margin-bottom: 20px;
-- 
Gitee


From 2333577447d0490ed78c359f3ba115951e9e2311 Mon Sep 17 00:00:00 2001
From: lxrsuper <1076629390@qq.com>
Date: Sun, 1 Sep 2024 20:26:38 +0800
Subject: [PATCH 7/7] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8D=E5=BF=97?=
 =?UTF-8?q?=E6=84=BF=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/gateway/policy/index.vue | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/views/gateway/policy/index.vue b/src/views/gateway/policy/index.vue
index a0c174e..be1201f 100644
--- a/src/views/gateway/policy/index.vue
+++ b/src/views/gateway/policy/index.vue
@@ -75,20 +75,20 @@
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-tabs type="card">
           <el-tab-pane label="基本信息">
-            <el-form-item label="第一志愿" prop="spec1">
+            <el-form-item label="志愿专业" prop="spec1">
               <el-select v-model="form.spec1" clearable placeholder="请选择专业">
-                <el-option v-for="item in enrollList" :key="item.specId" :label="item.specName" :value="item.specId"
+                <el-option v-for="item in enrollList" :key="item.specId" :label="item.title" :value="item.specId"
                   size="small">
                 </el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="第二志愿" prop="spec2">
+            <!-- <el-form-item label="第二志愿" prop="spec2">
               <el-select v-model="form.spec2" clearable placeholder="请选择专业">
                 <el-option v-for="item in enrollList" :key="item.specId" :label="item.specName" :value="item.specId"
                   size="small">
                 </el-option>
               </el-select>
-            </el-form-item>
+            </el-form-item> -->
             <el-form-item label="姓名" prop="name">
               <el-input v-model="form.name" placeholder="请输入姓名" />
             </el-form-item>
@@ -212,10 +212,7 @@ export default {
       // 表单校验
       rules: {
         spec1: [
-          { required: true, message: "第一志愿不能为空", trigger: "blur" }
-        ],
-        spec2: [
-          { required: true, message: "第二志愿不能为空", trigger: "blur" }
+          { required: true, message: "志愿专业", trigger: "blur" }
         ],
         name: [
           { required: true, message: "姓名不能为空", trigger: "blur" }
-- 
Gitee