合作院校

src/api/CooperativeColleges/index.js

@@ -0,0 +1,25 @@
+/**
+ * @Description: 合作企业
+ * @Author: 空白格
+ * @Date: 2022-08-11 17:29:58
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-11 17:29:59
+ * @FilePath: \veterans_client_web\src\api\CooperativeColleges\index.js
+ * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
+ */
+import request from '@/utils/request'
+/**
+ * 获取合作企业列表
+ * @param {*} params
+ * @returns
+ */
+export function getSchoolList(params) {
+  return request({
+    url: '/app/school/list',
+    method: 'get',
+    headers: {
+      noLoginFlag: true
+    },
+    params
+  })
+}

src/layout/index.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-10 11:30:36
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-11 13:38:56
+ * @LastEditTime: 2022-08-11 17:52:08
  * @FilePath: \veterans_client_web\src\layout\index.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -24,7 +24,7 @@
               <i slot="prefix" class="el-input__icon el-icon-search"></i>
             </el-input>
           </div>
-          <div class="header-box-right-user" v-if="userInfo.userName">
+          <div class="header-box-right-user" v-if="isLogin">
             下午好，{{ userInfo.userName }}
           </div>
           <div class="header-box-right-user" v-else>
@@ -65,6 +65,7 @@ export default {
   computed: {
     ...mapState({
       userInfo: (state) => state.user.userInfo,
+      isLogin: (state) => state.user.isLogin
     }),
   },
   created() {},

src/router/index.js

@@ -28,7 +28,10 @@ const routes = [
       {
         path: 'recruitmentemployment',
         name: 'RecruitmentEmploymentIndex',
-        component: () => import('@/views/RecruitmentEmployment/RecruitmentEmploymentIndex.vue'),
+        component: () =>
+          import(
+            '@/views/RecruitmentEmployment/RecruitmentEmploymentIndex.vue'
+          ),
         meta: {
           title: '招聘就业'
         }
@@ -36,10 +39,31 @@ const routes = [
       {
         path: 'cooperativeenterprise',
         name: 'CooperativeEnterpriseIndex',
-        component: () => import('@/views/CooperativeEnterprise/CooperativeEnterpriseIndex.vue'),
+        component: () =>
+          import(
+            '@/views/CooperativeEnterprise/CooperativeEnterpriseIndex.vue'
+          ),
         meta: {
           title: '合作企业'
         }
+      },
+      {
+        path: 'cooperativecolleges',
+        name: 'CooperativeCollegesIndex',
+        component: () =>
+          import('@/views/CooperativeColleges/CooperativeCollegesIndex.vue'),
+        meta: {
+          title: '合作院校'
+        }
+      },
+      {
+        path: 'skilltraining',
+        name: 'SkillTrainingIndex',
+        component: () =>
+          import('@/views/SkillTraining/SkillTrainingIndex.vue'),
+        meta: {
+          title: '技能培训'
+        }
       }
     ]
   },

src/store/getters.js

@@ -1,4 +1,5 @@
 const getters = {
-  userInfo: (state) => state.user.userInfo
+  userInfo: (state) => state.user.userInfo,
+  isLogin: (state) => state.user.isLogin
 };
 export default getters;

src/views/CooperativeColleges/CooperativeCollegesIndex.vue

@@ -0,0 +1,200 @@
+<!--
+ * @Description: 合作院校
+ * @Author: 空白格
+ * @Date: 2022-08-11 17:17:33
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-11 17:48:45
+ * @FilePath: \veterans_client_web\src\views\CooperativeColleges\CooperativeCollegesIndex.vue
+ * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
+-->
+<template>
+  <div class="cooperative-colleges">
+    <BannerBreadcrumb title="合作院校" />
+    <div class="cooperative-colleges-content" v-loading="loading">
+      <div class="cooperative-colleges-content-list">
+        <el-row :gutter="16">
+          <el-col
+            :xs="24"
+            :sm="24"
+            :md="24"
+            :lg="12"
+            :xl="12"
+            v-for="(school, index) in schoolList"
+            :key="index"
+          >
+            <div class="company-list-item">
+              <div class="company-list-item-left">
+                <el-image
+                  class="image"
+                  :src="
+                    school.schoolLogoUrl ||
+                    require('@/assets/images/default-school.png')
+                  "
+                >
+                  <div slot="placeholder" class="image-slot">
+                    加载中<span class="dot">...</span>
+                  </div>
+                  <div slot="error" class="image-slot">
+                    <el-image
+                      class="image"
+                      :src="require('@/assets/images/default-school.png')"
+                    ></el-image>
+                  </div>
+                </el-image>
+              </div>
+              <div class="company-list-item-center">
+                <div class="name">{{ school.schoolName }}</div>
+                <div>
+                  {{ school.count || "-" }}个专业 ·
+                  {{ school.schoolNature | filtersDict(schoolNatureList) }}
+                </div>
+              </div>
+              <div class="company-list-item-right">
+                <i class="el-icon-arrow-right"></i>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+        <div class="pagination" v-if="total">
+          <el-pagination
+            background
+            layout="prev, pager, next"
+            :page-size="queryParams.pageSize"
+            :total="total"
+            @current-change="currentChange"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BannerBreadcrumb from "@/components/BannerBreadcrumb";
+import { getDictData } from "@/api/Dict";
+import { getSchoolList } from "@/api/CooperativeColleges";
+export default {
+  name: "CooperativeCollegesIndex",
+  components: {
+    BannerBreadcrumb,
+  },
+  data() {
+    return {
+      schoolNatureList: [],
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        schoolName: undefined,
+      },
+      total: 0,
+      schoolList: [],
+      loading: false,
+    };
+  },
+  created() {
+    this.getDict();
+    this.getList();
+  },
+  methods: {
+    /**
+     * 获取字典数据
+     * @date 2022-08-11
+     * @returns {any}
+     */
+    getDict() {
+      getDictData({ key: "school_nature" }).then((res) => {
+        this.schoolNatureList = res.data;
+      });
+    },
+    /**
+     * 获取学校列表
+     * @date 2022-08-11
+     * @returns {any}
+     */
+    getList() {
+      this.loading = true;
+      getSchoolList(this.queryParams).then((res) => {
+        this.schoolList = res.rows;
+        this.total = Number(res.total);
+        this.loading = false;
+      });
+    },
+    currentChange(page) {},
+  },
+  filters: {
+    filtersDict(val, list) {
+      let label = "-";
+      list.forEach((element) => {
+        if (Number(element.text) === Number(val)) {
+          label = element.label;
+        }
+      });
+      return label;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.cooperative-colleges {
+  &-content {
+    width: calc(70% + 40px);
+    min-width: 600px;
+    margin: 23px auto 0;
+    &-list {
+      padding: 20px 20px 100px;
+      background-color: #fff;
+      .company-list-item {
+        display: flex;
+        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+        padding: 16px;
+        margin-bottom: 20px;
+        cursor: pointer;
+        &-left {
+          width: 61px;
+          height: 61px;
+          margin-right: 15px;
+          border: solid 1px #e2e2e2;
+          border-radius: 4px;
+          .image {
+            width: 100%;
+            height: 100%;
+            border-radius: 4px;
+          }
+        }
+        &-center {
+          width: calc(100% - 95px);
+          color: #919191;
+          font-size: 14px;
+          font-family: SourceHanSansCN;
+          .name {
+            color: #1a1a1a;
+            font-size: 20px;
+            font-family: SourceHanSansCN;
+            margin-bottom: 5px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            word-break: break-all;
+          }
+        }
+        &-right {
+          display: flex;
+          align-items: center;
+          color: #9c9c9c;
+          font-size: 18px;
+        }
+      }
+      .pagination {
+        text-align: center;
+        :deep(.el-pager .active) {
+          background-color: #ff3939;
+        }
+        :deep(.el-pagination.is-background .el-pager li:not(.disabled).active) {
+          background-color: #ff3939;
+        }
+      }
+    }
+  }
+}
+</style>

src/views/CooperativeEnterprise/CooperativeEnterpriseIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-11 16:00:30
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-11 17:12:00
+ * @LastEditTime: 2022-08-11 17:49:37
  * @FilePath: \veterans_client_web\src\views\CooperativeEnterprise\CooperativeEnterpriseIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -223,7 +223,7 @@ export default {
             }
           }
           &-center {
-            flex: 1;
+            width: calc(100% - 95px);
             color: #919191;
             font-size: 14px;
             font-family: SourceHanSansCN;
@@ -232,6 +232,10 @@ export default {
               font-size: 20px;
               font-family: SourceHanSansCN;
               margin-bottom: 5px;
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              word-break: break-all;
             }
           }
           &-right {
@@ -245,10 +249,10 @@ export default {
       .pagination {
         text-align: center;
         :deep(.el-pager .active) {
-          background-color: #FF3939;
+          background-color: #ff3939;
         }
         :deep(.el-pagination.is-background .el-pager li:not(.disabled).active) {
-          background-color: #FF3939;
+          background-color: #ff3939;
         }
       }
     }

src/views/Home/HomeIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-10 11:26:40
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-11 16:01:41
+ * @LastEditTime: 2022-08-11 17:55:45
  * @FilePath: \veterans_client_web\src\views\Home\HomeIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -144,10 +144,12 @@ export default {
         {
           name: "合作院校",
           icon: require("@/assets/images/home-menu-icon/home-menu-icon-4.svg"),
+          path: '/cooperativecolleges'
         },
         {
           name: "技能培训",
           icon: require("@/assets/images/home-menu-icon/home-menu-icon-5.svg"),
+          path: '/skilltraining'
         },
         {
           name: "适应性培训",

src/views/SkillTraining/SkillTrainingIndex.vue

@@ -0,0 +1,41 @@
+<!--
+ * @Description: 技能培训
+ * @Author: 空白格
+ * @Date: 2022-08-11 17:53:41
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-11 17:59:11
+ * @FilePath: \veterans_client_web\src\views\SkillTraining\SkillTrainingIndex.vue
+ * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
+-->
+<template>
+  <div class="skill-training">
+    <BannerBreadcrumb title="技能培训" />
+    <div class="skill-training-content">
+      <div class="skill-training-content-slider">技能培训</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BannerBreadcrumb from "@/components/BannerBreadcrumb";
+export default {
+  name: "SkillTrainingIndex",
+  components: {
+    BannerBreadcrumb,
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.skill-training {
+  &-content {
+    width: calc(70% + 40px);
+    min-width: 600px;
+    margin: 23px auto 0;
+    &-slider {
+      padding: 20px 20px 100px;
+      background-color: #fff;
+    }
+  }
+}
+</style>