From 8ab1de1c4aaa7f43f14e03e1970286059aa62a47 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Fri, 14 Apr 2023 17:36:53 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E9=97=BB=E5=85=AC=E5=91=8A=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/column/index.vue       |   5 +-
 src/pages/publication/index.vue  |   1 +
 src/pages/talentCenter/index.vue | 106 +++++++++++++++++++++----------
 3 files changed, 75 insertions(+), 37 deletions(-)

diff --git a/src/pages/column/index.vue b/src/pages/column/index.vue
index 4cd8806..1610ab9 100644
--- a/src/pages/column/index.vue
+++ b/src/pages/column/index.vue
@@ -794,6 +794,7 @@ export default {
       font-size: 1.1rem;
       color: #333;
       line-height: 1.6;
+      @include mul-ellipsis(2);
     }
   }
   .right {
@@ -953,7 +954,7 @@ export default {
 
         .contents {
           .articles {
-            li {
+            li:not(.news-notice) {
               flex-direction: column;
 
               .texts {
@@ -1013,7 +1014,7 @@ export default {
 
         .contents {
           .articles {
-            li {
+            li:not(.news-notice) {
               flex-direction: column;
 
 
diff --git a/src/pages/publication/index.vue b/src/pages/publication/index.vue
index a468429..d9f1fb4 100644
--- a/src/pages/publication/index.vue
+++ b/src/pages/publication/index.vue
@@ -112,6 +112,7 @@ export default {
     margin: 0 70px;
     font-size: 1.1rem;
     color: #333;
+    white-space: nowrap;
     border-bottom: 4px solid transparent;
     text-shadow: 0px 2px 14px rgba(167,167,167,0.26);
     cursor: pointer;
diff --git a/src/pages/talentCenter/index.vue b/src/pages/talentCenter/index.vue
index b4054db..3d9bfb6 100644
--- a/src/pages/talentCenter/index.vue
+++ b/src/pages/talentCenter/index.vue
@@ -1,65 +1,58 @@
 <template>
   <div class="wrap">
-    <!-- <div class="single-banner single-banner-overview">
+    <div class="single-banner single-banner-overview">
       <img class="banner-img" :src="modules[0].form.pic" alt="">
       <div class="texts">
         <h6 class="banner-title">{{ modules[0].form.title }}</h6>
       </div>
-    </div> -->
+    </div>
     <div class="content">
       <div class="article">
         <div class="left">
-          <h6 class="title">有兴趣将科学转化为创新吗？在IASF建立你的职业生涯。</h6>
-          <div class="text">
-            <p>在IASF，我们从不同的角度看待世界。我们的科学家和工程师在清洁能源、环境、技术、国家安全等方面进行世界一流的研究。我们正在寻找创造性的方法来让世界为更美好的未来做好准备。</p>
-            <p>通过选择您感兴趣的机会类型开始。</p>
-          </div>
+          <h6 class="talent-title">{{ modules[1].form.title }}</h6>
+          <div class="talent-text" v-html="modules[1].form.des"></div>
           <ul class="recruit">
             <li>
-              <img class="pic" src="http://10.10.11.7/images/talentCenter/1.png" alt="">
+              <img class="pic" :src="modules[2].form.pic" alt="">
               <div class="texts">
                 <div class="flex j-between a-center">
-                  <h6 class="c-title">校园招聘</h6>
-                  <div class="more">查看更多 ></div>
+                  <h6 class="c-title">{{ modules[3].form.title }}</h6>
+                  <div v-if="isLink(modules[3].form.link.linkName)" class="more" @click="openLink(modules[3].form)">查看更多 ></div>
                 </div>
-                <p class="des">在IASF，有兴趣将科学转化为创新吗？在IASF建立你的职业生我们的科学国家安全等方面进行世界…</p>
+                <div class="des" v-html="modules[3].form.des"></div>
                 <p class="hot">热门岗位</p>
                 <div class="labels">
-                  <p class="label">实验室综合管理岗</p>
-                  <p class="label">数据库开发</p>
-                  <p class="label">高级电气工程师</p>
-                  <p class="label">综合研究院</p>
-                  <p class="label">高级数据库工程师</p>
+                  <p v-for="(item, i) in modules[4].list" :key="i" class="label">{{ item.title }}</p>
                 </div>
               </div>
             </li>
             <li>
-              <img class="pic" src="http://10.10.11.7/images/talentCenter/2.png" alt="">
+              <img class="pic" :src="modules[5].form.pic" alt="">
               <div class="texts">
                 <div class="flex j-between a-center">
-                  <h6 class="c-title">社会招聘</h6>
-                  <div class="more">查看更多 ></div>
+                  <h6 class="c-title">{{ modules[6].form.title }}</h6>
+                  <div v-if="isLink(modules[6].form.link.linkName)" class="more" @click="openLink(modules[6].form)">查看更多 ></div>
                 </div>
-                <p class="des">在IASF，有兴趣将科学转化为创新吗？在IASF建立你的职业生我们的科学国家安全等方面进行世界…</p>
+                <div class="des" v-html="modules[6].form.des"></div>
                 <p class="hot">热门岗位</p>
                 <div class="labels">
-                  <p class="label">实验室综合管理岗</p>
-                  <p class="label">数据库开发</p>
-                  <p class="label">高级电气工程师</p>
-                  <p class="label">综合研究院</p>
-                  <p class="label">高级数据库工程师</p>
+                  <p v-for="(item, i) in modules[7].list" :key="i" class="label">{{ item.title }}</p>
                 </div>
               </div>
             </li>
           </ul>
           <ul class="notice">
-            <li>
-              <img class="pic" src="http://10.10.11.7/images/talentCenter/3.png" alt="">
-              <p class="text">通知公告</p>
+            <li
+              :class="{ 'cursor-pointer': isLink(modules[8].form.link.linkName) }"
+              @click="openLink(modules[8].form)">
+                <img class="pic" :src="modules[8].form.pic" alt="">
+                <p class="text">{{ modules[8].form.title }}</p>
             </li>
-            <li>
-              <img class="pic" src="http://10.10.11.7/images/talentCenter/4.png" alt="">
-              <p class="text">人才服务</p>
+            <li
+              :class="{ 'cursor-pointer': isLink(modules[9].form.link.linkName) }"
+              @click="openLink(modules[8].form)">
+                <img class="pic" :src="modules[9].form.pic" alt="">
+                <p class="text">{{ modules[9].form.title }}</p>
             </li>
           </ul>
         </div>
@@ -112,6 +105,20 @@ export default {
     this.getArticle()
   },
   methods: {
+    // 获取文章详情
+    getInfo() {
+      // 预览/详情
+      this.$post(`${this.api[this.preview ? 'getRedisCache' : 'findPage']}?columnId=${this.id}`).then(({ data }) => {
+        if (data.length) {
+          // state：已发布（1）则取theEditedJson，草稿（0）则取jsonBeforeEditing
+          const json = JSON.parse(this.preview ?
+            data :
+            data[data.length - 1][data[data.length - 1].state ? 'theEditedJson' : 'jsonBeforeEditing'])
+          this.modules = json
+          console.log("🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json", json)
+        }
+      }).catch(err => {})
+    },
     // 资讯
     getColumn() {
       this.$post(this.api.listWithTreeMenuVisible, {
@@ -157,14 +164,14 @@ export default {
   justify-content: space-between;
   .left {
     width: 66%;
-    .title {
+    .talent-title {
       padding-bottom: 10px;
       font-size: 1.2rem;
       color: #666;
       border-bottom: 1px solid #EAEEF2;
     }
-    .text {
-      margin-top: 20px;
+    .talent-text {
+      margin: 20px 0;
       font-size: 1.1rem;
       color: #333;
       line-height: 28px;
@@ -278,9 +285,38 @@ export default {
     }
   }
 }
-@media (max-width: 1420px) {
+@media (max-width: 1200px) {
   .content {
     width: 98%;
   }
+  .article {
+    flex-direction: column;
+    .left, .right {
+      width: 100%;
+    }
+    .left {
+      margin-bottom: 30px;
+    }
+  }
+}
+
+@media (min-width: 280px) and (max-width: 750px) {
+  .article {
+    .recruit {
+      li {
+        flex-direction: column;
+      }
+      .pic {
+        width: 100%;
+        margin-bottom: 10px;
+      }
+    }
+    .notice {
+      flex-direction: column;
+      li {
+        width: 100%;
+      }
+    }
+  }
 }
 </style>
\ No newline at end of file