From 12890811ea494bf5ef348e4ad138ba2308a62f9c Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Thu, 4 Jul 2024 17:28:38 +0800
Subject: [PATCH] fix

---
 src/pages/article/index.vue |  61 ++--
 src/pages/column/index.vue  | 619 ++++++++++++++++++------------------
 src/pages/iasf/index.vue    | 435 ++++++++++++-------------
 3 files changed, 565 insertions(+), 550 deletions(-)

diff --git a/src/pages/article/index.vue b/src/pages/article/index.vue
index 45de276..fabee9b 100644
--- a/src/pages/article/index.vue
+++ b/src/pages/article/index.vue
@@ -1,35 +1,38 @@
 <template>
-  <div v-show="loaded" class="wrap">
-    <!-- 人物详情不展示banner -->
-    <div v-if="form.articleTemplate !== 23 && !isPeople" class="banner"
-      :style="{ backgroundImage: form.bannerImg ? ('url(' + form.bannerImg + ')') : '' }">
-      {{ form.columnName }}
-    </div>
-    <div class="content">
-      <Breadcrumb ref="breadcrumb" :data.sync="routes" />
-      <div class="article">
-        <div class="left">
-          <template v-if="!isPeople">
-            <h2>{{ form.title }}</h2>
-            <div class="meta">{{ form.source && form.source + ' | ' }} {{ form.author && form.author + ' | ' }} {{
-              form.releaseTime }}</div>
-            <div class="meta">{{ form.edit && $t('column.edit') + '：' + form.edit }} {{ form.audit && ' | ' +
-              $t('column.auditor') + '：' + form.audit }} {{ form.label && ' | ' + $t('column.label') + '：' + form.label
-              }}</div>
-          </template>
-          <p v-if="form.summary" class="brief">{{ form.summary }}</p>
-          <div class="des" id="mainBody" v-html="form.mainBody"></div>
-          <div v-if="form.fileList && form.fileList.length" class="annex">
-            <h6>{{ $t('column.attachmentDownload') }}</h6>
-            <ul class="files">
-              <li v-for="(file, i) in form.fileList" :key="i">
-                <span class="name">{{ file.fileName }}</span>
-                <span class="download" @click="download(file)">{{ $t('column.download') }}</span>
-              </li>
-            </ul>
+  <div class="wrap">
+    <div v-show="loaded">
+      <!-- 人物详情不展示banner -->
+      <div v-if="form.articleTemplate !== 23 && !isPeople" class="banner"
+        :style="{ backgroundImage: form.bannerImg ? ('url(' + form.bannerImg + ')') : '' }">
+        {{ form.columnName }}
+      </div>
+      <div class="content">
+        <Breadcrumb ref="breadcrumb" :data.sync="routes" />
+        <div class="article">
+          <div class="left">
+            <template v-if="!isPeople">
+              <h2>{{ form.title }}</h2>
+              <div class="meta">{{ form.source && form.source + ' | ' }} {{ form.author && form.author + ' | ' }} {{
+                form.releaseTime }}</div>
+              <div class="meta">{{ form.edit && $t('column.edit') + '：' + form.edit }} {{ form.audit && ' | ' +
+                $t('column.auditor') + '：' + form.audit }} {{ form.label && ' | ' + $t('column.label') + '：' +
+                  form.label
+                }}</div>
+            </template>
+            <p v-if="form.summary" class="brief">{{ form.summary }}</p>
+            <div class="des" id="mainBody" v-html="form.mainBody"></div>
+            <div v-if="form.fileList && form.fileList.length" class="annex">
+              <h6>{{ $t('column.attachmentDownload') }}</h6>
+              <ul class="files">
+                <li v-for="(file, i) in form.fileList" :key="i">
+                  <span class="name">{{ file.fileName }}</span>
+                  <span class="download" @click="download(file)">{{ $t('column.download') }}</span>
+                </li>
+              </ul>
+            </div>
           </div>
+          <RightColumns ref="right" :party="isParty" />
         </div>
-        <RightColumns ref="right" :party="isParty" />
       </div>
     </div>
   </div>
diff --git a/src/pages/column/index.vue b/src/pages/column/index.vue
index 4cfb639..ca6ddc8 100644
--- a/src/pages/column/index.vue
+++ b/src/pages/column/index.vue
@@ -1,338 +1,341 @@
 <template>
-  <div v-show="loaded" v-loading="loading"
-    :class="['wrap', { activity: info.listStyleId === 15, party: info.listStyleId === 68 }]">
-    <div class="banner fadeInUp">
-      <img width="100%" height="280" :src="info.columnBanner" alt="" />
-      <div class="texts">
-        <p class="text">{{ info.columnName }}</p>
-        <p class="sub">{{ info.subtitle }}</p>
+  <div :class="['wrap', { activity: info.listStyleId === 15, party: info.listStyleId === 68 }]">
+    <div v-show="loaded" v-loading="loading">
+      <div class="banner fadeInUp">
+        <img width="100%" height="280" :src="info.columnBanner" alt="" />
+        <div class="texts">
+          <p class="text">{{ info.columnName }}</p>
+          <p class="sub">{{ info.subtitle }}</p>
+        </div>
       </div>
-    </div>
-    <div class="column-wrap">
-      <div class="article">
-        <div class="left">
-          <!-- 文章：侧边栏+搜索+新闻列表 -->
-          <div v-if="info.listStyleId === 10" class="forms">
-            <div class="item">
-              <span class="label">{{ $t('column.classification') }}：</span>
-              <el-select v-model="form.classificationId" @change="filter">
-                <el-option :label="$t('column.all')" :value="null"></el-option>
-                <el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
-                  :value="item.id">
-                </el-option>
-              </el-select>
-            </div>
-            <div class="item">
-              <span class="label">{{ $t('column.label') }}：</span>
-              <el-select ref="search" v-model="lableId" multiple @change="filter">
-                <el-option v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id"> </el-option>
-              </el-select>
-            </div>
-            <div class="search">
-              <input type="text" :placeholder="$t('column.titlePlaceholder')" v-model="form.title" />
+      <div class="column-wrap">
+        <div class="article">
+          <div class="left">
+            <!-- 文章：侧边栏+搜索+新闻列表 -->
+            <div v-if="info.listStyleId === 10" class="forms">
+              <div class="item">
+                <span class="label">{{ $t('column.classification') }}：</span>
+                <el-select v-model="form.classificationId" @change="filter">
+                  <el-option :label="$t('column.all')" :value="null"></el-option>
+                  <el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div class="item">
+                <span class="label">{{ $t('column.label') }}：</span>
+                <el-select ref="search" v-model="lableId" multiple @change="filter">
+                  <el-option v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div class="search">
+                <input type="text" :placeholder="$t('column.titlePlaceholder')" v-model="form.title" />
 
-              <!-- <i class="icon">
+                <!-- <i class="icon">
                 <img src="@/assets/images/search-white.png" alt="" />
               </i> -->
+              </div>
             </div>
-          </div>
-          <!-- 侧导航+新闻列表(含文章概述) -->
-          <div v-if="info.listStyleId === 12" class="forms">
-            <div class="item">
-              <span class="label">{{ $t('column.classification') }}：</span>
-              <el-select v-model="form.classificationId" @change="filter">
-                <el-option :label="$t('column.all')" :value="null"></el-option>
-                <el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
-                  :value="item.id">
-                </el-option>
-              </el-select>
-            </div>
-            <div class="item">
-              <span class="label">{{ $t('column.label') }}：</span>
-              <el-select ref="search" v-model="lableId" multiple @change="filter">
-                <el-option v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id"> </el-option>
-              </el-select>
-            </div>
-            <div class="search">
-              <input type="text" :placeholder="$t('column.titlePlaceholder')" v-model="form.title" />
-              <!-- <i class="icon">
+            <!-- 侧导航+新闻列表(含文章概述) -->
+            <div v-if="info.listStyleId === 12" class="forms">
+              <div class="item">
+                <span class="label">{{ $t('column.classification') }}：</span>
+                <el-select v-model="form.classificationId" @change="filter">
+                  <el-option :label="$t('column.all')" :value="null"></el-option>
+                  <el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div class="item">
+                <span class="label">{{ $t('column.label') }}：</span>
+                <el-select ref="search" v-model="lableId" multiple @change="filter">
+                  <el-option v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div class="search">
+                <input type="text" :placeholder="$t('column.titlePlaceholder')" v-model="form.title" />
+                <!-- <i class="icon">
                 <img src="@/assets/images/search-white.png" alt="" />
               </i> -->
+              </div>
             </div>
-          </div>
-          <!-- 会议活动：筛选+会议活动列表 -->
-          <div v-if="info.listStyleId === 15" class="forms">
-            <ul class="switch">
-              <li v-for="(item, i) in convokeTypes" :key="i" :class="{ active: item.id === form.convokeType }"
-                @click="switchChange(item)">
-                {{ item.name }}
-              </li>
-            </ul>
-            <div class="item">
-              <span class="label">{{ $t('column.classification') }}：</span>
-              <el-select v-model="form.classificationId" @change="filter">
-                <el-option :label="$t('column.all')" :value="null"></el-option>
-                <el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
-                  :value="item.id">
-                </el-option>
-              </el-select>
+            <!-- 会议活动：筛选+会议活动列表 -->
+            <div v-if="info.listStyleId === 15" class="forms">
+              <ul class="switch">
+                <li v-for="(item, i) in convokeTypes" :key="i" :class="{ active: item.id === form.convokeType }"
+                  @click="switchChange(item)">
+                  {{ item.name }}
+                </li>
+              </ul>
+              <div class="item">
+                <span class="label">{{ $t('column.classification') }}：</span>
+                <el-select v-model="form.classificationId" @change="filter">
+                  <el-option :label="$t('column.all')" :value="null"></el-option>
+                  <el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
             </div>
-          </div>
 
-          <div class="contents">
-            <el-tree
-              v-if="columns.length && columns.find(e => e.children.length) && !isFilter && showNav && info.listStyleId !== 15"
-              class="columns" ref="leftColumn" :data="columns" highlight-current :expand-on-click-node="false"
-              default-expand-all :props="defaultProps" node-key="id" icon-class="el-icon-arrow-down"
-              @node-click="(item) => columnClick(item, 1)" @current-change="(item) => columnClick(item, 1)">
-              <span class="custom-tree-node" slot-scope="{ node, data }" style="padding-left: 10px;">
-                <span :title="node.label">{{ node.label }}</span>
-              </span>
-            </el-tree>
-
-            <template v-if="articles.length && !loading">
-              <!-- 列表样式选的是列表详情，则直接显示最新一篇文章的详情 -->
-              <div v-if="info.listStyleId === 77" class="detail">
-
-                <template v-if="article.articleTemplate != 72 && article.articleTemplate != 80">
-                  <h2>{{ article.title }}</h2>
-                  <!-- <div class="meta">{{ article.source && article.source + ' | ' }} {{ article.author && article.author + ' | ' }} {{ article.releaseTime }}</div>
+            <div class="contents">
+              <el-tree
+                v-if="columns.length && columns.find(e => e.children.length) && !isFilter && showNav && info.listStyleId !== 15"
+                class="columns" ref="leftColumn" :data="columns" highlight-current :expand-on-click-node="false"
+                default-expand-all :props="defaultProps" node-key="id" icon-class="el-icon-arrow-down"
+                @node-click="(item) => columnClick(item, 1)" @current-change="(item) => columnClick(item, 1)">
+                <span class="custom-tree-node" slot-scope="{ node, data }" style="padding-left: 10px;">
+                  <span :title="node.label">{{ node.label }}</span>
+                </span>
+              </el-tree>
+
+              <template v-if="articles.length && !loading">
+                <!-- 列表样式选的是列表详情，则直接显示最新一篇文章的详情 -->
+                <div v-if="info.listStyleId === 77" class="detail">
+
+                  <template v-if="article.articleTemplate != 72 && article.articleTemplate != 80">
+                    <h2>{{ article.title }}</h2>
+                    <!-- <div class="meta">{{ article.source && article.source + ' | ' }} {{ article.author && article.author + ' | ' }} {{ article.releaseTime }}</div>
                   <div class="meta">{{ article.edit && $t('column.edit') + '：' + article.edit }} {{ article.audit && ' | ' + $t('column.auditor') + '：' + article.audit }} {{ article.label && ' | ' + $t('column.label') + '：' + article.label }}</div> -->
-                </template>
-                <p v-if="article.summary" class="brief">{{ article.summary }}</p>
-                <div class="des" v-html="article.mainBody"></div>
-                <div v-if="article.fileList && article.fileList.length" class="annex">
-                  <h6>{{ $t('column.attachmentDownload') }}</h6>
-                  <ul class="files">
-                    <li v-for="(file, i) in article.fileList" :key="i">
-                      <span class="name">{{ file.fileName }}</span>
-                      <span class="download" @click="download(file)">{{ $t('column.download') }}</span>
-                    </li>
-                  </ul>
-                </div>
-
-              </div>
-              <template v-else>
-                <template v-if="info.listStyleId === 12">
-                  <div class="article-wrap">
-                    <ul class="articles">
-                      <li v-for="(item, i) in articles" :key="i" :class="{ 'news-notice': info.listStyleId === 55 }"
-                        class="readDetail" @click="toArtice(item)">
-                        <template v-if="info.listStyleId === 55">
-                          <div class="releaseTime">
-                            <p class="d">{{ item.date }}</p>
-                            <p class="m">{{ item.month }}</p>
-                          </div>
-                          <div class="news-title">{{ item.title }}</div>
-                        </template>
-                        <template v-else>
-                          <img class="pic" :src="item.titleImg" alt=""
-                            onerror="javascript:this.src='./images/1.png?id=1';" />
-                          <div class="texts">
-                            <p v-if="(item.listStyleId === 10 || item.listStyleId === 15) && item.classificationName"
-                              class="type">
-                              {{ item.classificationName }}
-                            </p>
-                            <h6 class="titleDes">{{ item.title }}</h6>
-                            <template v-if="item.listStyleId === 11 || item.listStyleId == 12">
-                              <span class="meta">{{ item.releaseTime }}</span>
-                              <div class="des" v-html="item.mainBody"></div>
-                            </template>
-                            <span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName
-                              && ' | ' +
-                              item.labelName }}</span>
-                            <template v-if="item.listStyleId === 15 || item.listStyleId === 16">
-                              <div v-if="item.keynoteSpeaker" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }}
-                              </div>
-                              <div v-if="item.activityStartTime" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/time.png" alt="" />
-                                {{ item.activityStartTime }}
-                              </div>
-                              <div v-if="item.offlineLocation" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation
-                                }}
-                              </div>
-                              <div v-if="item.onlineLocation" class="meta">
-                                <img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }}
-                              </div>
-                            </template>
-                            <el-button type="primary" class="readDetailBtn">{{ $t('column.readDetail') }}</el-button>
-                          </div>
-
-                        </template>
-                      </li>
-                    </ul>
-                    <div v-if="articles.length" class="pagination">
-                      <el-pagination background @current-change="currentChange" :current-page="page"
-                        :page-size="pageSize" layout="total, prev, pager, next" :total="total"></el-pagination>
-                    </div>
-                  </div>
-                </template>
-                <template v-else-if="info.listStyleId === 11 || info.listStyleId === 15 || info.listStyleId === 10">
-                  <div class="article-wrap">
-                    <ul class="articles">
-                      <li v-for="(item, i) in articles" :key="i" :class="{ 'news-notice': info.listStyleId === 55 }"
-                        @click="toArtice(item)">
-                        <template v-if="info.listStyleId === 55">
-                          <div class="releaseTime">
-                            <p class="d">{{ item.date }}</p>
-                            <p class="m">{{ item.month }}</p>
-                          </div>
-                          <div class="news-title">{{ item.title }}</div>
-                        </template>
-                        <template v-else>
-                          <div class="texts leftBox">
-                            <p v-if="(item.listStyleId === 10 || item.listStyleId === 15 || item.listStyleId === 11) && item.classificationName"
-                              class="type">
-                              {{ item.classificationName }}
-                            </p>
-                            <h6 class="titleDes">{{ item.title }}</h6>
-                            <template v-if="item.listStyleId === 11 || item.listStyleId == 12">
-                              <span class="meta">{{ item.releaseTime }}
-                                <template v-if="item.labelName != ''">
-                                  | {{ item.labelName }}
-                                </template>
-                              </span>
-                            </template>
-                            <span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName
-                              && ' | ' +
-                              item.labelName }}</span>
-                            <template v-if="item.listStyleId === 15 || item.listStyleId === 16">
-                              <div v-if="item.keynoteSpeaker" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }}
-                              </div>
-                              <div v-if="item.activityStartTime" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/time.png" alt="" />
-                                {{ item.activityStartTime }}
-                              </div>
-                              <div v-if="item.offlineLocation" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation
-                                }}
-                              </div>
-                              <div v-if="item.onlineLocation" class="meta">
-                                <img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }}
-                              </div>
-                            </template>
-                          </div>
-                          <img class="pic" :src="item.titleImg" alt=""
-                            onerror="javascript:this.src='./images/1.png?id=1';" />
-                        </template>
+                  </template>
+                  <p v-if="article.summary" class="brief">{{ article.summary }}</p>
+                  <div class="des" v-html="article.mainBody"></div>
+                  <div v-if="article.fileList && article.fileList.length" class="annex">
+                    <h6>{{ $t('column.attachmentDownload') }}</h6>
+                    <ul class="files">
+                      <li v-for="(file, i) in article.fileList" :key="i">
+                        <span class="name">{{ file.fileName }}</span>
+                        <span class="download" @click="download(file)">{{ $t('column.download') }}</span>
                       </li>
                     </ul>
-                    <div v-if="articles.length" class="pagination">
-                      <el-pagination background @current-change="currentChange" :current-page="page"
-                        :page-size="pageSize" layout="total, prev, pager, next" :total="total"></el-pagination>
-                    </div>
                   </div>
-                </template>
+
+                </div>
                 <template v-else>
-                  <div class="article-wrap">
-                    <ul :class="['articles', { media: info.listStyleId === 74 }]">
-                      <li v-for="(item, i) in articles" :key="i"
-                        :class="{ 'news-notice': info.listStyleId === 55, 'org': info.listStyleId === 68 }"
-                        class="overDetail" @click="toArtice(item)">
-                        <template v-if="info.listStyleId === 55">
-                          <div class="releaseTime">
-                            <p class="d">{{ item.date }}</p>
-                            <p class="m">{{ item.month }}</p>
-                          </div>
-                          <div class="news-title">{{ item.title }}</div>
-                        </template>
-                        <template v-else>
-                          <img v-if="info.listStyleId !== 74" class="pic" :src="item.titleImg" alt=""
-                            onerror="javascript:this.src='./images/1.png?id=1';" />
-
-                          <template v-else-if="item.fileList">
-                            <!-- <el-image class="media-pic"
+                  <template v-if="info.listStyleId === 12">
+                    <div class="article-wrap">
+                      <ul class="articles">
+                        <li v-for="(item, i) in articles" :key="i" :class="{ 'news-notice': info.listStyleId === 55 }"
+                          class="readDetail" @click="toArtice(item)">
+                          <template v-if="info.listStyleId === 55">
+                            <div class="releaseTime">
+                              <p class="d">{{ item.date }}</p>
+                              <p class="m">{{ item.month }}</p>
+                            </div>
+                            <div class="news-title">{{ item.title }}</div>
+                          </template>
+                          <template v-else>
+                            <img class="pic" :src="item.titleImg" alt=""
+                              onerror="javascript:this.src='./images/1.png?id=1';" />
+                            <div class="texts">
+                              <p v-if="(item.listStyleId === 10 || item.listStyleId === 15) && item.classificationName"
+                                class="type">
+                                {{ item.classificationName }}
+                              </p>
+                              <h6 class="titleDes">{{ item.title }}</h6>
+                              <template v-if="item.listStyleId === 11 || item.listStyleId == 12">
+                                <span class="meta">{{ item.releaseTime }}</span>
+                                <div class="des" v-html="item.mainBody"></div>
+                              </template>
+                              <span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName
+                                && ' | ' +
+                                item.labelName }}</span>
+                              <template v-if="item.listStyleId === 15 || item.listStyleId === 16">
+                                <div v-if="item.keynoteSpeaker" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }}
+                                </div>
+                                <div v-if="item.activityStartTime" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/time.png" alt="" />
+                                  {{ item.activityStartTime }}
+                                </div>
+                                <div v-if="item.offlineLocation" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation
+                                  }}
+                                </div>
+                                <div v-if="item.onlineLocation" class="meta">
+                                  <img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }}
+                                </div>
+                              </template>
+                              <el-button type="primary" class="readDetailBtn">{{ $t('column.readDetail') }}</el-button>
+                            </div>
+
+                          </template>
+                        </li>
+                      </ul>
+                      <div v-if="articles.length" class="pagination">
+                        <el-pagination background @current-change="currentChange" :current-page="page"
+                          :page-size="pageSize" layout="total, prev, pager, next" :total="total"></el-pagination>
+                      </div>
+                    </div>
+                  </template>
+                  <template v-else-if="info.listStyleId === 11 || info.listStyleId === 15 || info.listStyleId === 10">
+                    <div class="article-wrap">
+                      <ul class="articles">
+                        <li v-for="(item, i) in articles" :key="i" :class="{ 'news-notice': info.listStyleId === 55 }"
+                          @click="toArtice(item)">
+                          <template v-if="info.listStyleId === 55">
+                            <div class="releaseTime">
+                              <p class="d">{{ item.date }}</p>
+                              <p class="m">{{ item.month }}</p>
+                            </div>
+                            <div class="news-title">{{ item.title }}</div>
+                          </template>
+                          <template v-else>
+                            <div class="texts leftBox">
+                              <p v-if="(item.listStyleId === 10 || item.listStyleId === 15 || item.listStyleId === 11) && item.classificationName"
+                                class="type">
+                                {{ item.classificationName }}
+                              </p>
+                              <h6 class="titleDes">{{ item.title }}</h6>
+                              <template v-if="item.listStyleId === 11 || item.listStyleId == 12">
+                                <span class="meta">{{ item.releaseTime }}
+                                  <template v-if="item.labelName != ''">
+                                    | {{ item.labelName }}
+                                  </template>
+                                </span>
+                              </template>
+                              <span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName
+                                && ' | ' +
+                                item.labelName }}</span>
+                              <template v-if="item.listStyleId === 15 || item.listStyleId === 16">
+                                <div v-if="item.keynoteSpeaker" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }}
+                                </div>
+                                <div v-if="item.activityStartTime" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/time.png" alt="" />
+                                  {{ item.activityStartTime }}
+                                </div>
+                                <div v-if="item.offlineLocation" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation
+                                  }}
+                                </div>
+                                <div v-if="item.onlineLocation" class="meta">
+                                  <img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }}
+                                </div>
+                              </template>
+                            </div>
+                            <img class="pic" :src="item.titleImg" alt=""
+                              onerror="javascript:this.src='./images/1.png?id=1';" />
+                          </template>
+                        </li>
+                      </ul>
+                      <div v-if="articles.length" class="pagination">
+                        <el-pagination background @current-change="currentChange" :current-page="page"
+                          :page-size="pageSize" layout="total, prev, pager, next" :total="total"></el-pagination>
+                      </div>
+                    </div>
+                  </template>
+                  <template v-else>
+                    <div class="article-wrap">
+                      <ul :class="['articles', { media: info.listStyleId === 74 }]">
+                        <li v-for="(item, i) in articles" :key="i"
+                          :class="{ 'news-notice': info.listStyleId === 55, 'org': info.listStyleId === 68 }"
+                          class="overDetail" @click="toArtice(item)">
+                          <template v-if="info.listStyleId === 55">
+                            <div class="releaseTime">
+                              <p class="d">{{ item.date }}</p>
+                              <p class="m">{{ item.month }}</p>
+                            </div>
+                            <div class="news-title">{{ item.title }}</div>
+                          </template>
+                          <template v-else>
+                            <img v-if="info.listStyleId !== 74" class="pic" :src="item.titleImg" alt=""
+                              onerror="javascript:this.src='./images/1.png?id=1';" />
+
+                            <template v-else-if="item.fileList">
+                              <!-- <el-image class="media-pic"
                                       :style="{backgroundImage: 'url(https://huorantech.com/iasf/sysFiles/preview/1706961813193707521)'}"
                                       src="https://huorantech.com/iasf/sysFiles/preview/1706961813193707521"
                                       :preview-src-list="['https://huorantech.com/iasf/sysFiles/preview/1706961813193707521']">
                             </el-image> -->
-                            <video
-                              v-if="Util.isVideo(item.fileList[0].fileName.substring(item.fileList[0].fileName.lastIndexOf('.') + 1))"
-                              class="media-video" controls x5-playsinline x5-video-player-type="h5"
-                              :poster="isIphone ? 'https://huorantech.com/images/about/12.png' : ''" preload>
-                              <source :src="item.fileList[0].filePath" type="video/mp4">
-                              您的浏览器不支持 video 标签。
-                            </video>
-                            <el-image v-else class="media-pic" :src="item.fileList[0].filePath"
-                              :preview-src-list="[item.fileList[0].filePath]">
-                            </el-image>
-                          </template>
-
-                          <div class="texts">
-                            <p v-if="(item.listStyleId === 10 || item.listStyleId === 15) && item.classificationName"
-                              class="type">
-                              {{ item.classificationName }}
-                            </p>
-                            <h6 class="titleDes" :title="item.title">{{ item.title }}</h6>
-                            <template
-                              v-if="item.listStyleId === 11 || item.listStyleId == 12 || item.listStyleId == 68">
-                              <span class="meta">{{ item.releaseTime }}</span>
-                              <div class="des" v-html="item.mainBody"></div>
+                              <video
+                                v-if="Util.isVideo(item.fileList[0].fileName.substring(item.fileList[0].fileName.lastIndexOf('.') + 1))"
+                                class="media-video" controls x5-playsinline x5-video-player-type="h5"
+                                :poster="isIphone ? 'https://huorantech.com/images/about/12.png' : ''" preload>
+                                <source :src="item.fileList[0].filePath" type="video/mp4">
+                                您的浏览器不支持 video 标签。
+                              </video>
+                              <el-image v-else class="media-pic" :src="item.fileList[0].filePath"
+                                :preview-src-list="[item.fileList[0].filePath]">
+                              </el-image>
                             </template>
-                            <span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName
-                              && ' | ' +
-                              item.labelName }}</span>
-                            <template v-if="item.listStyleId === 15 || item.listStyleId === 16">
-                              <div v-if="item.keynoteSpeaker" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }}
-                              </div>
-                              <div v-if="item.activityStartTime" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/time.png" alt="" />
-                                {{ item.activityStartTime }}
-                              </div>
-                              <div v-if="item.offlineLocation" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation
-                                }}
-                              </div>
-                              <div v-if="item.onlineLocation" class="meta">
-                                <img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }}
-                              </div>
-                            </template>
-                            <el-button v-if="item.listStyleId === 15 || item.listStyleId == 68" type="primary"
-                              class="readDetailBtn">{{
-                                $t('column.readDetail') }}</el-button>
-                          </div>
-                        </template>
-                      </li>
-                    </ul>
-                    <div v-if="total > articles.length" class="pagination">
-                      <el-pagination background @current-change="currentChange" :current-page="page"
-                        :page-size="pageSize" layout="total, prev, pager, next" :total="total"></el-pagination>
+
+                            <div class="texts">
+                              <p v-if="(item.listStyleId === 10 || item.listStyleId === 15) && item.classificationName"
+                                class="type">
+                                {{ item.classificationName }}
+                              </p>
+                              <h6 class="titleDes" :title="item.title">{{ item.title }}</h6>
+                              <template
+                                v-if="item.listStyleId === 11 || item.listStyleId == 12 || item.listStyleId == 68">
+                                <span class="meta">{{ item.releaseTime }}</span>
+                                <div class="des" v-html="item.mainBody"></div>
+                              </template>
+                              <span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName
+                                && ' | ' +
+                                item.labelName }}</span>
+                              <template v-if="item.listStyleId === 15 || item.listStyleId === 16">
+                                <div v-if="item.keynoteSpeaker" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }}
+                                </div>
+                                <div v-if="item.activityStartTime" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/time.png" alt="" />
+                                  {{ item.activityStartTime }}
+                                </div>
+                                <div v-if="item.offlineLocation" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation
+                                  }}
+                                </div>
+                                <div v-if="item.onlineLocation" class="meta">
+                                  <img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }}
+                                </div>
+                              </template>
+                              <el-button v-if="item.listStyleId === 15 || item.listStyleId == 68" type="primary"
+                                class="readDetailBtn">{{
+                                  $t('column.readDetail') }}</el-button>
+                            </div>
+                          </template>
+                        </li>
+                      </ul>
+                      <div v-if="total > articles.length" class="pagination">
+                        <el-pagination background @current-change="currentChange" :current-page="page"
+                          :page-size="pageSize" layout="total, prev, pager, next" :total="total"></el-pagination>
+                      </div>
                     </div>
-                  </div>
+                  </template>
                 </template>
               </template>
-            </template>
-            <div v-else class="none">
-              <img src="@/assets/images/none.png" alt="">
-              <p class="text">{{ $t('column.comming') }}</p>
+              <div v-else class="none">
+                <img src="@/assets/images/none.png" alt="">
+                <p class="text">{{ $t('column.comming') }}</p>
+              </div>
             </div>
           </div>
+          <!-- <template v-if="info.listStyleId !== 77 && info.listStyleId !== 74"> -->
+          <template v-if="info.listStyleId !== 77 && info.listStyleId !== 74">
+            <!-- 选择了“列表样式”，不用显示右侧部分 -->
+            <div class="right">
+              <p class="l-title">{{ $t('column.hot') }}</p>
+              <ul class="list">
+                <li v-for="(item, i) in hots" :key="i" :title="item.title" @click="toArtice(item)">
+                  <p class="text">{{ item.title }}</p>
+                  <span class="date">{{ item.releaseTime }}</span>
+                </li>
+              </ul>
+
+              <p class="l-title">{{ $t('column.latestNews') }}</p>
+              <ul class="list">
+                <li v-for="(item, i) in news" :key="i" :title="item.title" @click="toArtice(item)">
+                  <p class="text">{{ item.title }}</p>
+                  <span class="date">{{ item.releaseTime }}</span>
+                </li>
+              </ul>
+            </div>
+          </template>
         </div>
-        <!-- <template v-if="info.listStyleId !== 77 && info.listStyleId !== 74"> -->
-        <template v-if="info.listStyleId !== 77 && info.listStyleId !== 74">
-          <!-- 选择了“列表样式”，不用显示右侧部分 -->
-          <div class="right">
-            <p class="l-title">{{ $t('column.hot') }}</p>
-            <ul class="list">
-              <li v-for="(item, i) in hots" :key="i" :title="item.title" @click="toArtice(item)">
-                <p class="text">{{ item.title }}</p>
-                <span class="date">{{ item.releaseTime }}</span>
-              </li>
-            </ul>
-
-            <p class="l-title">{{ $t('column.latestNews') }}</p>
-            <ul class="list">
-              <li v-for="(item, i) in news" :key="i" :title="item.title" @click="toArtice(item)">
-                <p class="text">{{ item.title }}</p>
-                <span class="date">{{ item.releaseTime }}</span>
-              </li>
-            </ul>
-          </div>
-        </template>
       </div>
     </div>
   </div>
diff --git a/src/pages/iasf/index.vue b/src/pages/iasf/index.vue
index 09b1494..eb91037 100644
--- a/src/pages/iasf/index.vue
+++ b/src/pages/iasf/index.vue
@@ -1,245 +1,254 @@
 <template>
   <div class="wrap">
-    <!-- :interval="6000" -->
-    <el-carousel :class="['carousel']" id="part1" :interval="6000"
-      :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
-      :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
-      <template v-for="(item, i) in modules[0].list">
-        <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
-          <img :class="[{ 'cursor-pointer': isLink(item.link.linkName) }]" width="100%" :src="item.pic" alt=""
-            @click="openLink(item)">
-          <div class="texts">
-            <h6>{{ item.title }}</h6>
-            <p class="text">{{ item.des }}</p>
+    <template v-if="modules.length">
+      <el-carousel :class="['carousel']" id="part1" :interval="6000"
+        :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
+        :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+        <template v-for="(item, i) in modules[0].list">
+          <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
+            <img :class="[{ 'cursor-pointer': isLink(item.link.linkName) }]" width="100%" :src="item.pic" alt=""
+              @click="openLink(item)">
+            <div class="texts">
+              <h6>{{ item.title }}</h6>
+              <p class="text">{{ item.des }}</p>
+            </div>
+          </el-carousel-item>
+        </template>
+      </el-carousel>
+      <div :class="['block-wrap', { active: hide }]" id="part2">
+        <div class="block card-block">
+          <div class="inner">
+            <h2 class="b-title">{{ modules[1].form.title }}</h2>
+            <p class="intro" data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
+            <ul class="card">
+              <li :class="{ 'cursor-pointer': isLink(modules[2].form.link.linkName) }"
+                @click="openLink(modules[2].form)">
+                <img class="pic" :src="modules[2].form.pic" alt="">
+                <div class="project">SILF</div>
+                <div class="texts">
+                  <div class="name">SILF</div>
+                  <h6>{{ modules[2].form.title }}</h6>
+                  <p class="des">{{ modules[2].form.des }}</p>
+                </div>
+              </li>
+              <li :class="{ 'cursor-pointer': isLink(modules[3].form.link.linkName) }"
+                @click="openLink(modules[3].form)">
+                <img class="pic" :src="modules[3].form.pic" alt="">
+                <div class="project">S³FEL</div>
+                <div class="texts">
+                  <div class="name">S³FEL</div>
+                  <h6>{{ modules[3].form.title }}</h6>
+                  <p class="des">{{ modules[3].form.des }}</p>
+                </div>
+              </li>
+            </ul>
           </div>
-        </el-carousel-item>
-      </template>
-    </el-carousel>
-    <div :class="['block-wrap', { active: hide }]" id="part2">
-      <div class="block card-block">
-        <div class="inner">
-          <h2 class="b-title">{{ modules[1].form.title }}</h2>
-          <p class="intro" data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
-          <ul class="card">
-            <li :class="{ 'cursor-pointer': isLink(modules[2].form.link.linkName) }" @click="openLink(modules[2].form)">
-              <img class="pic" :src="modules[2].form.pic" alt="">
-              <div class="project">SILF</div>
-              <div class="texts">
-                <div class="name">SILF</div>
-                <h6>{{ modules[2].form.title }}</h6>
-                <p class="des">{{ modules[2].form.des }}</p>
-              </div>
-            </li>
-            <li :class="{ 'cursor-pointer': isLink(modules[3].form.link.linkName) }" @click="openLink(modules[3].form)">
-              <img class="pic" :src="modules[3].form.pic" alt="">
-              <div class="project">S³FEL</div>
-              <div class="texts">
-                <div class="name">S³FEL</div>
-                <h6>{{ modules[3].form.title }}</h6>
-                <p class="des">{{ modules[3].form.des }}</p>
-              </div>
-            </li>
-          </ul>
         </div>
-      </div>
 
-      <div class="block news-wrap">
-        <div class="inner">
-          <h2 class="b-title wow fadeInUp">{{ modules[4].form.title }}</h2>
-          <p v-if="modules[4].form.des" class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
-          <div class="all-link" @click="toAll(modules[5].form)">
-            <span>{{ $t('column.seeMore') }} <img class="icon" src="@/assets/images/arrow.png" alt=""></span>
-          </div>
-          <template v-if="articles.length">
-            <div class="news-banner wow fadeInDown" data-wow-delay="0.5s"
-              @click="toArtice(articles[0], modules[5].form)">
-              <div class="pic-wrap">
-                <img class="pic" width="100%" height="100%" :src="articles[0].titleImg" alt="">
-                <div class="pic-cover"></div>
-              </div>
-              <div class="right">
-                <h6>{{ articles[0].title }}</h6>
-                <div class="des" v-html="articles[0].mainBody"></div>
-                <p class="meta">{{ articles[0].releaseTime }} {{ articles[0].classificationName && ' | ' +
-                  articles[0].classificationName }}</p>
-              </div>
+        <div class="block news-wrap">
+          <div class="inner">
+            <h2 class="b-title wow fadeInUp">{{ modules[4].form.title }}</h2>
+            <p v-if="modules[4].form.des" class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
+            <div class="all-link" @click="toAll(modules[5].form)">
+              <span>{{ $t('column.seeMore') }} <img class="icon" src="@/assets/images/arrow.png" alt=""></span>
             </div>
-
-            <ul class="news">
-              <template v-for="(item, i) in articles">
-                <li v-if="i" :key="i" class="wow fadeInDown" :data-wow-delay="(0.1 * i).toFixed(1) + 's'"
-                  @click="toArtice(item, modules[5].form)">
-                  <div class="pic-wrap">
-                    <img class="pic" :src="item.titleImg" alt="">
-                    <div class="pic-cover"></div>
-                  </div>
-                  <div class="texts">
-                    <h6>{{ item.title }}</h6>
-                    <div class="des" v-html="item.mainBody"></div>
-                    <p class="meta">{{ item.releaseTime }} {{ item.classificationName && ' | ' + item.classificationName
-                      }}</p>
-                  </div>
-                </li>
-              </template>
-            </ul>
-          </template>
-          <ul class="news-carousel">
-            <li v-if="articles1.length">
-              <img class="pic" src="https://huorantech.com/images/iasf/8.png" alt="">
-              <div class="texts">
-                <h6 @click="toAll(modules[6].form)">{{ getColumnTitle(modules[6].form) }} <i
-                    class="el-icon-arrow-right"></i></h6>
-                <div class="des-wrap">
-                  <p class="meta">{{ curArticle1.source }}</p>
-                  <div class="des" @click="toArtice(curArticle1, modules[6].form)">{{ curArticle1.title }}</div>
+            <template v-if="articles.length">
+              <div class="news-banner wow fadeInDown" data-wow-delay="0.5s"
+                @click="toArtice(articles[0], modules[5].form)">
+                <div class="pic-wrap">
+                  <img class="pic" width="100%" height="100%" :src="articles[0].titleImg" alt="">
+                  <div class="pic-cover"></div>
                 </div>
-                <p class="date">{{ curArticle1.releaseTime }}</p>
-              </div>
-              <div class="action">
-                <i class="el-icon-arrow-left dir" @click.stop="prevCarousel(1)"></i>
-                <ul class="inds">
-                  <li v-for="i in articles1.length > 3 ? 4 : articles1.length" :key="i"
-                    :class="{ active: curInd1 == i - 1 }" @click.stop="switchCarousel(1, i - 1)"></li>
-                </ul>
-                <i class="el-icon-arrow-right dir" @click.stop="nextCarousel(1)"></i>
-              </div>
-            </li>
-            <li v-if="articles2.length">
-              <img class="pic" src="https://huorantech.com/images/iasf/9.png" alt="">
-              <div class="texts">
-                <h6 @click="toAll(modules[7].form)">{{ getColumnTitle(modules[7].form) }} <i
-                    class="el-icon-arrow-right"></i></h6>
-                <div class="des-wrap">
-                  <p class="meta">{{ curArticle2.classificationName }}</p>
-                  <div class="des" @click="toArtice(curArticle2, modules[7].form)">{{ curArticle2.title }}</div>
+                <div class="right">
+                  <h6>{{ articles[0].title }}</h6>
+                  <div class="des" v-html="articles[0].mainBody"></div>
+                  <p class="meta">{{ articles[0].releaseTime }} {{ articles[0].classificationName && ' | ' +
+                    articles[0].classificationName }}</p>
                 </div>
-                <p class="date">{{ curArticle2.releaseTime }}</p>
               </div>
-              <div class="action">
-                <i class="el-icon-arrow-left dir" @click.stop="prevCarousel(2)"></i>
-                <ul class="inds">
-                  <li v-for="i in articles2.length > 3 ? 4 : articles2.length" :key="i"
-                    :class="{ active: curInd2 == i - 1 }" @click.stop="switchCarousel(2, i - 1)"></li>
-                </ul>
-                <i class="el-icon-arrow-right dir" @click.stop="nextCarousel(2)"></i>
-              </div>
-            </li>
-            <li v-if="articles3.length">
-              <img class="pic" src="https://huorantech.com/images/iasf/10.png" alt="">
-              <div class="texts">
-                <h6 @click="toAll(modules[8].form)">{{ getColumnTitle(modules[8].form) }} <i
-                    class="el-icon-arrow-right"></i></h6>
-                <div class="activity">
-                  <div v-if="curArticle3.activityStartTime" class="date-y">
-                    <p class="d">{{ curArticle3.activityStartTime.split(' ')[0].split('-')[2] }}</p>
-                    <p class="y">{{ curArticle3.activityStartTime.split(' ')[0].split('-')[0] + '-' +
-                      curArticle3.activityStartTime.split(' ')[0].split('-')[1] }}</p>
+
+              <ul class="news">
+                <template v-for="(item, i) in articles">
+                  <li v-if="i" :key="i" class="wow fadeInDown" :data-wow-delay="(0.1 * i).toFixed(1) + 's'"
+                    @click="toArtice(item, modules[5].form)">
+                    <div class="pic-wrap">
+                      <img class="pic" :src="item.titleImg" alt="">
+                      <div class="pic-cover"></div>
+                    </div>
+                    <div class="texts">
+                      <h6>{{ item.title }}</h6>
+                      <div class="des" v-html="item.mainBody"></div>
+                      <p class="meta">{{ item.releaseTime }} {{ item.classificationName && ' | ' +
+                        item.classificationName
+                        }}</p>
+                    </div>
+                  </li>
+                </template>
+              </ul>
+            </template>
+            <ul class="news-carousel">
+              <li v-if="articles1.length">
+                <img class="pic" src="https://huorantech.com/images/iasf/8.png" alt="">
+                <div class="texts">
+                  <h6 @click="toAll(modules[6].form)">{{ getColumnTitle(modules[6].form) }} <i
+                      class="el-icon-arrow-right"></i></h6>
+                  <div class="des-wrap">
+                    <p class="meta">{{ curArticle1.source }}</p>
+                    <div class="des" @click="toArtice(curArticle1, modules[6].form)">{{ curArticle1.title }}</div>
                   </div>
+                  <p class="date">{{ curArticle1.releaseTime }}</p>
+                </div>
+                <div class="action">
+                  <i class="el-icon-arrow-left dir" @click.stop="prevCarousel(1)"></i>
+                  <ul class="inds">
+                    <li v-for="i in articles1.length > 3 ? 4 : articles1.length" :key="i"
+                      :class="{ active: curInd1 == i - 1 }" @click.stop="switchCarousel(1, i - 1)"></li>
+                  </ul>
+                  <i class="el-icon-arrow-right dir" @click.stop="nextCarousel(1)"></i>
+                </div>
+              </li>
+              <li v-if="articles2.length">
+                <img class="pic" src="https://huorantech.com/images/iasf/9.png" alt="">
+                <div class="texts">
+                  <h6 @click="toAll(modules[7].form)">{{ getColumnTitle(modules[7].form) }} <i
+                      class="el-icon-arrow-right"></i></h6>
                   <div class="des-wrap">
-                    <p class="meta">{{ curArticle3.classificationName }}</p>
-                    <div class="des" @click="toArtice(curArticle3, modules[8].form)">{{ curArticle3.title }}</div>
+                    <p class="meta">{{ curArticle2.classificationName }}</p>
+                    <div class="des" @click="toArtice(curArticle2, modules[7].form)">{{ curArticle2.title }}</div>
                   </div>
+                  <p class="date">{{ curArticle2.releaseTime }}</p>
                 </div>
-              </div>
-              <div class="action">
-                <i class="el-icon-arrow-left dir" @click.stop="prevCarousel(3)"></i>
-                <ul class="inds">
-                  <li v-for="i in articles3.length > 3 ? 4 : articles3.length" :key="i"
-                    :class="{ active: curInd3 == i - 1 }" @click.stop="switchCarousel(3, i - 1)"></li>
-                </ul>
-                <i class="el-icon-arrow-right dir" @click.stop="nextCarousel(3)"></i>
-              </div>
-            </li>
-          </ul>
+                <div class="action">
+                  <i class="el-icon-arrow-left dir" @click.stop="prevCarousel(2)"></i>
+                  <ul class="inds">
+                    <li v-for="i in articles2.length > 3 ? 4 : articles2.length" :key="i"
+                      :class="{ active: curInd2 == i - 1 }" @click.stop="switchCarousel(2, i - 1)"></li>
+                  </ul>
+                  <i class="el-icon-arrow-right dir" @click.stop="nextCarousel(2)"></i>
+                </div>
+              </li>
+              <li v-if="articles3.length">
+                <img class="pic" src="https://huorantech.com/images/iasf/10.png" alt="">
+                <div class="texts">
+                  <h6 @click="toAll(modules[8].form)">{{ getColumnTitle(modules[8].form) }} <i
+                      class="el-icon-arrow-right"></i></h6>
+                  <div class="activity">
+                    <div v-if="curArticle3.activityStartTime" class="date-y">
+                      <p class="d">{{ curArticle3.activityStartTime.split(' ')[0].split('-')[2] }}</p>
+                      <p class="y">{{ curArticle3.activityStartTime.split(' ')[0].split('-')[0] + '-' +
+                        curArticle3.activityStartTime.split(' ')[0].split('-')[1] }}</p>
+                    </div>
+                    <div class="des-wrap">
+                      <p class="meta">{{ curArticle3.classificationName }}</p>
+                      <div class="des" @click="toArtice(curArticle3, modules[8].form)">{{ curArticle3.title }}</div>
+                    </div>
+                  </div>
+                </div>
+                <div class="action">
+                  <i class="el-icon-arrow-left dir" @click.stop="prevCarousel(3)"></i>
+                  <ul class="inds">
+                    <li v-for="i in articles3.length > 3 ? 4 : articles3.length" :key="i"
+                      :class="{ active: curInd3 == i - 1 }" @click.stop="switchCarousel(3, i - 1)"></li>
+                  </ul>
+                  <i class="el-icon-arrow-right dir" @click.stop="nextCarousel(3)"></i>
+                </div>
+              </li>
+            </ul>
+          </div>
         </div>
-      </div>
 
-      <div class="block people-block">
-        <div class="inner">
-          <h2 class="b-title wow fadeInUp">{{ modules[9].form.title }}</h2>
-          <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[9].form.des }}</p>
-          <ul v-if="articles4.length" class="people">
-            <li v-for="(item, i) in articles4" :key="i" @click="toArtice(item, modules[10].form)"
-              class="wow fadeInDown">
-              <img class="pic" :src="item.titleImg" alt="">
-              <div class="texts">
-                <h6>{{ item.title }}</h6>
-                <p class="job">{{ item.post }}</p>
-                <p class="hobby">{{ item.hobby }}</p>
-                <div class="text" v-html="item.mainBody"></div>
-              </div>
-            </li>
-          </ul>
-          <div class="all-link" @click="toAll(modules[10].form)">
-            <span>{{ $t('column.all') }} <img class="icon" src="@/assets/images/arrow.png" alt=""></span>
+        <div class="block people-block">
+          <div class="inner">
+            <h2 class="b-title wow fadeInUp">{{ modules[9].form.title }}</h2>
+            <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[9].form.des }}</p>
+            <ul v-if="articles4.length" class="people">
+              <li v-for="(item, i) in articles4" :key="i" @click="toArtice(item, modules[10].form)"
+                class="wow fadeInDown">
+                <img class="pic" :src="item.titleImg" alt="">
+                <div class="texts">
+                  <h6>{{ item.title }}</h6>
+                  <p class="job">{{ item.post }}</p>
+                  <p class="hobby">{{ item.hobby }}</p>
+                  <div class="text" v-html="item.mainBody"></div>
+                </div>
+              </li>
+            </ul>
+            <div class="all-link" @click="toAll(modules[10].form)">
+              <span>{{ $t('column.all') }} <img class="icon" src="@/assets/images/arrow.png" alt=""></span>
+            </div>
           </div>
         </div>
-      </div>
 
-      <div class="block talent-block">
-        <div class="inner">
-          <h2 class="b-title">{{ modules[11].form.title }}</h2>
-          <p class="intro" data-wow-delay="0.5s">{{ modules[11].form.des }}</p>
-          <div class="talent">
-            <div class="left">
-              <h6>{{ modules[12].form.title }}</h6>
-              <p class="sub-title">{{ modules[12].form.subTitle }}</p>
-              <div class="text" v-html="modules[12].form.des"></div>
-              <el-button v-if="isLink(modules[12].form.link.linkName)" style="background-color: #026BE1;" type="primary"
-                round @click="openLink(modules[12].form)">诚邀海内外人才加入我们 ></el-button>
+        <div class="block talent-block">
+          <div class="inner">
+            <h2 class="b-title">{{ modules[11].form.title }}</h2>
+            <p class="intro" data-wow-delay="0.5s">{{ modules[11].form.des }}</p>
+            <div class="talent">
+              <div class="left">
+                <h6>{{ modules[12].form.title }}</h6>
+                <p class="sub-title">{{ modules[12].form.subTitle }}</p>
+                <div class="text" v-html="modules[12].form.des"></div>
+                <el-button v-if="isLink(modules[12].form.link.linkName)" style="background-color: #026BE1;"
+                  type="primary" round @click="openLink(modules[12].form)">诚邀海内外人才加入我们 ></el-button>
+              </div>
+              <img :src="modules[12].form.pic" alt="" class="pic">
             </div>
-            <img :src="modules[12].form.pic" alt="" class="pic">
           </div>
         </div>
-      </div>
 
-      <div class="about">
-        <div class="about-bg">
-          <div class="inner">
-            <div class="left">
-              <h6>{{ modules[13].form.title }}</h6>
-              <div class="text" v-html="modules[13].form.des"></div>
-              <img src="@/assets/images/arrow-white.png" alt=""
-                :class="{ 'arrow': isLink(modules[13].form.link.linkName) }" @click="openLink(modules[13].form)">
+        <div class="about">
+          <div class="about-bg">
+            <div class="inner">
+              <div class="left">
+                <h6>{{ modules[13].form.title }}</h6>
+                <div class="text" v-html="modules[13].form.des"></div>
+                <img src="@/assets/images/arrow-white.png" alt=""
+                  :class="{ 'arrow': isLink(modules[13].form.link.linkName) }" @click="openLink(modules[13].form)">
+              </div>
+              <img class="pic" :src="modules[13].form.pic" alt="">
             </div>
-            <img class="pic" :src="modules[13].form.pic" alt="">
           </div>
         </div>
-      </div>
 
-      <div class="block" style="margin-top: 100px">
-        <div class="inner">
-          <ul class="entry">
-            <li :class="{ 'cursor-pointer': isLink(modules[14].form.link.linkName) }" @click="openLink(modules[14].form)">
-              <img class="icon" :src="modules[14].form.pic" alt="">
-              <p class="text">{{ modules[14].form.title }}</p>
-            </li>
-            <li :class="{ 'cursor-pointer': isLink(modules[15].form.link.linkName) }" @click="openLink(modules[15].form)">
-              <img class="icon" :src="modules[15].form.pic" alt="">
-              <p class="text">{{ modules[15].form.title }}</p>
-            </li>
-            <li :class="{ 'cursor-pointer': isLink(modules[16].form.link.linkName) }" @click="openLink(modules[16].form)">
-              <img class="icon" :src="modules[16].form.pic" alt="">
-              <p class="text">{{ modules[16].form.title }}</p>
-            </li>
-            <li :class="{ 'cursor-pointer': isLink(modules[17].form.link.linkName) }" @click="openLink(modules[17].form)">
-              <img class="icon" :src="modules[17].form.pic" alt="">
-              <p class="text">{{ modules[17].form.title }}</p>
-            </li>
-            <li :class="{ 'cursor-pointer': isLink(modules[18].form.link.linkName) }" @click="openLink(modules[18].form)">
-              <img class="icon" :src="modules[18].form.pic" alt="">
-              <p class="text">{{ modules[18].form.title }}</p>
-            </li>
-          </ul>
+        <div class="block" style="margin-top: 100px">
+          <div class="inner">
+            <ul class="entry">
+              <li :class="{ 'cursor-pointer': isLink(modules[14].form.link.linkName) }"
+                @click="openLink(modules[14].form)">
+                <img class="icon" :src="modules[14].form.pic" alt="">
+                <p class="text">{{ modules[14].form.title }}</p>
+              </li>
+              <li :class="{ 'cursor-pointer': isLink(modules[15].form.link.linkName) }"
+                @click="openLink(modules[15].form)">
+                <img class="icon" :src="modules[15].form.pic" alt="">
+                <p class="text">{{ modules[15].form.title }}</p>
+              </li>
+              <li :class="{ 'cursor-pointer': isLink(modules[16].form.link.linkName) }"
+                @click="openLink(modules[16].form)">
+                <img class="icon" :src="modules[16].form.pic" alt="">
+                <p class="text">{{ modules[16].form.title }}</p>
+              </li>
+              <li :class="{ 'cursor-pointer': isLink(modules[17].form.link.linkName) }"
+                @click="openLink(modules[17].form)">
+                <img class="icon" :src="modules[17].form.pic" alt="">
+                <p class="text">{{ modules[17].form.title }}</p>
+              </li>
+              <li :class="{ 'cursor-pointer': isLink(modules[18].form.link.linkName) }"
+                @click="openLink(modules[18].form)">
+                <img class="icon" :src="modules[18].form.pic" alt="">
+                <p class="text">{{ modules[18].form.title }}</p>
+              </li>
+            </ul>
+          </div>
         </div>
       </div>
-    </div>
 
-    <ul class="tools">
-      <template v-for="(item, i) in modules[19].list">
-        <li v-if="item.isEnable" :key="i" @click="toLink(item, i)">{{ item.title }}</li>
-      </template>
-    </ul>
+      <ul class="tools">
+        <template v-for="(item, i) in modules[19].list">
+          <li v-if="item.isEnable" :key="i" @click="toLink(item, i)">{{ item.title }}</li>
+        </template>
+      </ul>
+    </template>
   </div>
 </template>