1

src/api/joinUsApi.js

+import request from '../utils/request'
+let curDomain = location.origin
+let groupId = localStorage.getItem("groupID")
+
+
+//获取招聘信息分页列表
+export function getWebRecruitmentTypeList() {
+  return request({
+    url: '/Web/GetWebRecruitmentTypeList',
+    method: "post",
+    data: {
+      Group_Id: groupId,
+      Domain: curDomain,
+    }
+  });
+}
+
+//获取招聘信息分页列表
+export function getWebRecruitmentPage(msg) {
+  return request({
+    url: '/Web/GetWebRecruitmentPage',
+    method: "post",
+    data: {
+      Group_Id: groupId,
+      Domain: curDomain,
+      pageIndex:msg.pageIndex,
+      pageSize:msg.pageSize,
+      TypeId:msg.TypeId,
+    }
+  });
+}
+
+//根据编号获取招聘详情
+export function getWebRecruitment(id) {
+  return request({
+    url: '/Web/GetWebRecruitment',
+    method: "post",
+    data: {
+      // Group_Id: groupId,
+      // Domain: curDomain,
+      Id:id
+    }
+  });
+}
+
+//招聘申请
+export function addWebJobApply(msg) {
+  return request({
+    url: '/Web/AddWebJobApply',
+    method: "post",
+    data: {
+      Group_Id: groupId,
+      Domain: curDomain,
+      LinkMan:msg.LinkMan,
+      LinkTel:msg.LinkTel,
+      Remark:msg.Remark,
+      RecruitmentId:msg.RecruitmentId,
+
+    }
+  });
+}
+

src/pages/aboutUs/aboutUs.vue

@@ -39,6 +39,7 @@ import Header from "../../components/header/header";
 import Banner from "../../components/banner/banner";
 import Footer from "../../components/footer/footerType2";
 import { getWebNavList } from "../../api/indexApi.js";
+
 export default {
   components: {
     Banner,
@@ -173,4 +174,4 @@ export default {
   //去掉左下角版权
   display: none;
 }
-</style>
+</style>
\ No newline at end of file

src/pages/joinUs/joinUs.vue

@@ -5,39 +5,49 @@
     <div class="bannerBox">
       <div class="banner_title"><span class="jh">甲鹤</span>-加入我们</div>
     </div>
-    <div class="main">
+    <div class="join_main">
       <div class="imgBox">
-        <div class="imgItem">
-          <div class="main_title">社会招聘</div>
-          <img src="imgItem" alt="" />
-        </div>
-        <div class="imgItem">
-          <div class="main_title">校园招聘</div>
-          <img src="imgItem" alt="" />
-        </div>
-        <div class="imgItem">
-          <div class="main_title">实习生招聘</div>
-          <img src="imgItem" alt="" />
+        <div v-for="item in recruitmentTypeList" :key="item.Id" class="imgItem">
+          <div class="main_title">{{item.TypeName}}</div>
+          <img :src="item.ImgCover" alt="" class="imgItem"/>
         </div>
       </div>
       <div class="conBox">
-        <div v-for="item in jobList" :key="item.id" class="jobItem">
+        <div v-for="item in jobList" :key="item.Id" class="jobItem">
           <div class="job_info1">
-            <div class="job_title">{{ item.name }}</div>
+            <div class="job_title">{{ item.PositionName }}</div>
             <div class="job_info1_sub">
-              <div class="job_price">{{ item.price }}</div>
-              <div class="job_other">{{ item.jy }} |{{ item.xueli }}</div>
+              <div class="job_price">{{ item.Salary }}</div>
+              <div class="job_other">{{ item.Experience }}<span>年</span> |{{ item.Education }}</div>
             </div>
           </div>
           <div class="job_info2">
-            <div class="job_title">{{ item.addr }}</div>
-            <div class="job_other">{{ item.time }}</div>
+            <div class="job_title">{{ item.WorkPlace }}</div>
+            <div class="job_other">{{ item.PublishTimeStr }}</div>
           </div>
           <div class="job_info3">
-            <div class="apply_job">申请职位</div>
+            <div class="apply_job" @click="show(item.Id)">申请职位</div>
           </div>
         </div>
       </div>
+
+      <template>
+        <q-dialog ref="dialog" @hide="onDialogHide">
+          <q-card class="q-dialog-plugin">
+            <!--
+              ...内容
+              ...使用q-card-section展现它?
+            -->
+
+            <!-- 按钮示例 -->
+            <q-card-actions align="right">
+<!--              <q-btn color="primary" label="OK" @click="onOKClick" />-->
+              <q-btn color="primary" label="关闭" @click="onCancelClick" />
+            </q-card-actions>
+          </q-card>
+        </q-dialog>
+      </template>
+
       <div class="pageBox">
         <q-pagination
           v-model="currentPage"
@@ -46,7 +56,7 @@
           :max-pages="5"
           boundary-numbers
           @input="changePage"
-          v-if="pageCount > 0"
+          v-if="pageCount > 1"
         >
         </q-pagination>
       </div>
@@ -57,6 +67,7 @@
 <script>
 import Header from "../../components/header/header";
 import Footer from "../../components/footer/footerType2";
+import { getWebRecruitmentTypeList,getWebRecruitmentPage,getWebRecruitment } from "../../api/joinUsApi.js";
 export default {
   components: {
     Header,
@@ -77,38 +88,61 @@ export default {
           Name: "",
         },
       ],
-      //   swiperData: [],
-      workProductList: [],
-      jobList: [
-        {
-          name: "后端开发工程师（Java、C#，Python)",
-          price: "12-24K·14薪",
-          jy: "经验不限",
-          xueli: "本科",
-          addr: "成都·武侯区·新会展中心",
-          time: "2021年4月09日",
-        },
-        {
-          name: "后端开发工程师（Java、C#，Python)",
-          price: "12-24K·14薪",
-          jy: "经验不限",
-          xueli: "本科",
-          addr: "成都·武侯区·新会展中心",
-          time: "2021年4月09日",
-        },
-      ],
+      msg:{
+        pageIndex:1,
+        pageSize:10,
+        TypeId:"",
+      },
+      recruitmentTypeList:[],
+      jobList: [],
+      dialogData:{}
     };
   },
   methods: {
     //翻页
     changePage(val) {
-      //   this.currentPage=val
-      //   this.msg.pageIndex=val
-      //   this.getCoursePageList()
+        this.currentPage=val
+        this.msg.pageIndex=val
+        this.getWebRecruitmentPage()
     },
+    //获取招聘信息分页列表
+    async getWebRecruitmentTypeList(){
+      let res= await getWebRecruitmentTypeList()
+      this.recruitmentTypeList=res.Data
+    },
+    //获取招聘信息分页列表
+    async getWebRecruitmentPage(){
+      let res=await getWebRecruitmentPage(this.msg)
+      this.jobList=res.Data.PageData
+      this.pageCount=res.Data.PageCount
+    },
+    async getWebRecruitment(id){
+      let res=await getWebRecruitment(id)
+    },
+    show (id) {
+      this.$refs.dialog.show()
+      this.getWebRecruitment(id)
+    },
+
+    hide () {
+      this.$refs.dialog.hide()
+    },
+
+    onDialogHide () {
+      // QDialog发出“hide”事件时
+      // 需要发出
+      this.$emit('hide')
+    },
+
+    onCancelClick () {
+      // 我们只需要隐藏对话框
+      this.hide()
+    }
   },
   mounted() {
     this.menuList = JSON.parse(localStorage.getItem("menuList"));
+    this.getWebRecruitmentTypeList();
+    this.getWebRecruitmentPage();
   },
 };
 </script>
@@ -133,7 +167,7 @@ export default {
     }
   }
 }
-.main {
+.join_main {
   width: 62.5vw;
   margin: 5.729vw auto 0;
   .imgBox {
@@ -154,6 +188,7 @@ export default {
         position: absolute;
         top: 1.5vw;
         left: 1vw;
+        z-index: 5;
       }
     }
   }
@@ -178,6 +213,7 @@ export default {
         flex-wrap: wrap;
         align-content: space-between;
         .job_title {
+          width: 100%;
           font-size: 0.9375vw;
           font-family: Microsoft YaHei;
           color: #45766d;
@@ -205,6 +241,7 @@ export default {
         flex-wrap: wrap;
         align-content: space-between;
         .job_title {
+          width: 100%;
           font-size: 0.9375vw;
           font-family: Microsoft YaHei;
           color: #45766d;
@@ -242,4 +279,4 @@ export default {
   justify-content: center;
   align-items: center;
 }
-</style>
+</style>
\ No newline at end of file

src/pages/mediaCenter/mediaCenterDetail.vue

+<template>
+  <div>
+    <div class="main">
+        <div class="titleBox">
+          <div>{{detailData.title}}</div>
+          <div></div>
+        </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+    export default {
+      name: "mediaCenterDetail.vue",
+      data(){
+          return{
+            detailData:{
+
+            }
+          }
+      },
+      methods:{
+
+      },
+      mounted() {
+
+      }
+
+    }
+</script>
+
+<style lang="scss" scoped>
+.mian{
+  width: 62.5vw;
+  magin: 5.208vw auto 3.906vw;
+
+
+}
+</style>

src/router/routes.js

@@ -12,6 +12,7 @@ const routes = [
       { path: '/studyServe', component: () => import('src/pages/studyServe/studyServe.vue') },
       { path: '/workServe', component: () => import('src/pages/workServe/workServe.vue') },
       { path: '/mediaCenter', component: () => import('src/pages/mediaCenter/mediaCenter.vue') },
+      { path: '/mediaCenterDetail', component: () => import('src/pages/mediaCenter/mediaCenterDetail.vue') },
       { path: '/aboutUs', component: () => import('src/pages/aboutUs/aboutUs.vue') },
       { path: '/joinUs', component: () => import('src/pages/joinUs/joinUs.vue') },
     ]