From 06d3a2e6ee3de5124a90a97574bad5d4015e4b85 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Wed, 22 May 2024 13:46:23 +0800
Subject: [PATCH] fix

---
 src/mixins/article/index.js |   35 +-
 src/pages/article/index.vue |    4 +-
 src/pages/column/index.vue  | 1616 +++++++++++++++++------------------
 src/setting.js              |    4 +-
 4 files changed, 800 insertions(+), 859 deletions(-)

diff --git a/src/mixins/article/index.js b/src/mixins/article/index.js
index 86415b1..d250889 100644
--- a/src/mixins/article/index.js
+++ b/src/mixins/article/index.js
@@ -1,26 +1,26 @@
 import Setting from '@/setting'
 import Util from '@/libs/util'
 export default {
-  data() {
+  data () {
     return {
       id: +this.$route.query.id
     }
   },
   computed: {
-    site() {
+    site () {
       return this.$route.query.siteId || this.$store.state.content.site
     }
   },
-  mounted() {
-    
+  mounted () {
+
   },
   methods: {
     // 点击栏目回调
-    columnTo(to) {
-      const { typeId,menuVisible } = to
+    columnTo (to) {
+      const { typeId, menuVisible } = to
       // 跳转链接
       if (typeId === 2) {
-        if ( menuVisible === 1 && to.children.find(i=>i.menuVisible ===1)) return
+        if (menuVisible === 1 && to.children.find(i => i.menuVisible === 1)) return
         let href = to.linkAddress
         const cType = to.connectionType
         if (cType !== 2) { // 非站外链接
@@ -41,9 +41,9 @@ export default {
         if (to.isOpen) {
           var userAgent = navigator.userAgent;
           var isSafari = /Safari/.test(userAgent) && !/Chrome/.test(userAgent);
-          if(isSafari) {
+          if (isSafari) {
             window.location.href = href
-          }else {
+          } else {
             window.open(href)
           }
         } else {
@@ -51,12 +51,12 @@ export default {
         }
       } else if (typeId !== 4 || (typeId === 4 && !to.children.length)) {
         // 常规栏目跳转到column页，长页栏目直接获取path
-        this.$router.push(`/${typeId === 3 ? to.path : 'column'}?id=${to.id}&siteId=${this.site}`).catch(err => {})
+        this.$router.push(`/${typeId === 3 ? to.path : 'column'}?id=${to.id}&siteId=${this.site}`).catch(err => { })
       }
     },
     // 跳转文章页面
-    toArtice(item) {
-			if (item.listStyleId === 74) return false
+    toArtice (item) {
+      if (item.listStyleId === 74) return false
       if (item.articleTemplate === 24) { // 链接
         let href = item.linkAddress
         const cType = item.connectionType
@@ -78,16 +78,21 @@ export default {
         if (item.isOpen) {
           var userAgent = navigator.userAgent;
           var isSafari = /Safari/.test(userAgent) && !/Chrome/.test(userAgent);
-          if(isSafari) {
+          if (isSafari) {
             window.location.href = href
-          }else {
+          } else {
             window.open(href)
           }
         } else {
           location.href = href
         }
       } else {
-        this.$router.push(`/article?articleId=${item.id}&siteId=${this.site}&id=${item.columnId}`)
+        const path = `/article?articleId=${item.id}&siteId=${this.site}&id=${item.columnId}`
+        if (this.site == 2) {
+          window.open(this.$router.resolve(path).href)
+        } else {
+          this.$router.push(path)
+        }
       }
     }
   }
diff --git a/src/pages/article/index.vue b/src/pages/article/index.vue
index 06e4100..1d52c64 100644
--- a/src/pages/article/index.vue
+++ b/src/pages/article/index.vue
@@ -241,14 +241,14 @@ export default {
             object-fit: cover;
         }
         ul {
-            // padding-left: 40px;
+            padding-left: 40px;
             list-style: disc;
             li {
                 list-style: inherit;
             }
         }
         ol {
-            // padding-left: 40px;
+            padding-left: 40px;
             list-style: decimal;
             li {
                 list-style: inherit;
diff --git a/src/pages/column/index.vue b/src/pages/column/index.vue
index 0274f1e..513a708 100644
--- a/src/pages/column/index.vue
+++ b/src/pages/column/index.vue
@@ -1,11 +1,7 @@
 <template>
-  <div v-show="loaded"
-       :class="['wrap', { activity: info.listStyleId === 15, party: info.listStyleId === 68 }]">
+  <div v-show="loaded" :class="['wrap', { activity: info.listStyleId === 15, party: info.listStyleId === 68 }]">
     <div class="banner">
-      <img width="100%"
-           height="280"
-           :src="info.columnBanner"
-           alt="" />
+      <img width="100%" height="280" :src="info.columnBanner" alt="" />
       <div class="texts">
         <p class="text">{{ info.columnName }}</p>
         <p class="sub">{{ info.subtitle }}</p>
@@ -15,37 +11,24 @@
       <div class="article">
         <div class="left">
           <!-- 文章：侧边栏+搜索+新闻列表 -->
-          <div v-if="info.listStyleId === 10"
-               class="forms">
+          <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-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 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" />
+              <input type="text" :placeholder="$t('column.titlePlaceholder')" v-model="form.title" />
 
               <!-- <i class="icon">
                 <img src="@/assets/images/search-white.png" alt="" />
@@ -53,111 +36,76 @@
             </div>
           </div>
           <!-- 侧导航+新闻列表(含文章概述) -->
-          <div v-if="info.listStyleId === 12"
-               class="forms">
+          <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-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 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" />
+              <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 v-if="info.listStyleId === 15"
-               class="forms">
+          <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)">
+              <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-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 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;">
+            <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 === 73"
-                   class="detail">
+              <div v-if="info.listStyleId === 73" class="detail">
 
                 <template v-if="article.articleTemplate != 72">
                   <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>
+                <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">
+                    <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>
+                      <span class="download" @click="download(file)">{{ $t('column.download') }}</span>
                     </li>
                   </ul>
                 </div>
@@ -167,11 +115,8 @@
                 <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)">
+                      <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>
@@ -180,76 +125,54 @@
                           <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';" />
+                          <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">
+                              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>
+                              <div class="des" v-html="item.mainBody"></div>
                             </template>
-                            <span v-if="item.listStyleId === 10 "
-                                  class="meta">{{ item.releaseTime }} {{ item.labelName && ' | ' +
-                        item.labelName }}</span>
+                            <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 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="" />
+                              <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 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 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>
+                            <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 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)">
+                      <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>
@@ -259,8 +182,8 @@
                         </template>
                         <template v-else>
                           <div class="texts leftBox">
-                            <p v-if="(item.listStyleId === 10 || item.listStyleId === 15|| item.listStyleId === 11) && item.classificationName"
-                               class="type">
+                            <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>
@@ -271,63 +194,43 @@
                                 </template>
                               </span>
                             </template>
-                            <span v-if="item.listStyleId === 10 "
-                                  class="meta">{{ item.releaseTime }} {{ item.labelName && ' | ' +
-                        item.labelName }}</span>
+                            <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 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="" />
+                              <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 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 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';" />
+                          <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 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)">
+                    <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>
@@ -336,11 +239,8 @@
                           <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';" />
+                          <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"
@@ -348,118 +248,85 @@
                                       src="https://new.iasf.ac.cn/iasf/sysFiles/preview/1706961813193707521"
                                       :preview-src-list="['https://new.iasf.ac.cn/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://new.iasf.ac.cn/images/about/12.png' : ''"
-                                   preload>
-                              <source :src="item.fileList[0].filePath"
-                                      type="video/mp4">
+                            <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://new.iasf.ac.cn/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 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">
+                              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">
+                            <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>
+                              <div class="des" v-html="item.mainBody"></div>
                             </template>
-                            <span v-if="item.listStyleId === 10 "
-                                  class="meta">{{ item.releaseTime }} {{ item.labelName && ' | ' +
-                        item.labelName }}</span>
+                            <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 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="" />
+                              <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 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 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>
+                            <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 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>
                 </template>
               </template>
             </template>
-            <div v-else
-                 class="none">
-              <img src="@/assets/images/none.png"
-                   alt="">
+            <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 !== 73 && info.listStyleId !== 74"> -->
         <template v-if="info.listStyleId !== 73 && info.listStyleId !== 74">
-          <div v-if="site == 2"
-               class="right">
+          <div v-if="site == 2" class="right">
             <p class="l-title">{{ $t('column.latestNews') }}</p>
             <ul class="list">
-              <li v-for="(item, i) in site2News"
-                  :key="i"
-                  :title="item.title"
-                  @click="toArtice(item)">
+              <li v-for="(item, i) in site2News" :key="i" :title="item.title" @click="toArtice(item)">
                 <p class="text">{{ item.title }}</p>
                 <span class="date">{{ item.releaseTime }}</span>
               </li>
             </ul>
           </div>
           <!-- 选择了“列表样式”，不用显示右侧部分 -->
-          <div v-else
-               class="right">
+          <div v-else 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)">
+              <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>
@@ -467,25 +334,20 @@
 
             <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)">
+              <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 v-else
-             class="right"></div>
+        <div v-else class="right"></div>
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import Setting from '@/setting';
 import Util from '@/libs/util';
 import Breadcrumb from '@/components/breadcrumb';
 import mixins from '@/mixins/article';
@@ -906,686 +768,758 @@ export default {
 
 <style lang="scss" scoped>
 .banner {
-    position: relative;
+  position: relative;
+  height: 24rem;
+  color: #fff;
+
+  img {
     height: 24rem;
-    color: #fff;
-    img {
-        height: 24rem;
-        object-fit: cover;
-    }
-    .texts {
-        position: absolute;
-        top: 160px;
-        left: 267px;
-    }
+    object-fit: cover;
+  }
 
-    .text {
-        font-size: 2.16rem;
-        font-weight: 600;
-        @include ellipsis;
-    }
+  .texts {
+    position: absolute;
+    top: 160px;
+    left: 267px;
+  }
 
-    .sub {
-        margin-top: 0.5rem;
-        font-size: 1.6rem;
-    }
+  .text {
+    font-size: 2.16rem;
+    font-weight: 600;
+    @include ellipsis;
+  }
+
+  .sub {
+    margin-top: 0.5rem;
+    font-size: 1.6rem;
+  }
 }
+
 .el-tree-node__content {
-    padding-left: 10px !important;
+  padding-left: 10px !important;
 }
+
 .l-title {
-    font-weight: 600;
+  font-weight: 600;
 }
 
 .column-wrap {
-    padding: 2rem 0;
-    background: url(../../assets/images/column-bg.png) 0 0 / auto no-repeat,
-        url(../../assets/images/column-bg2.png) bottom right/auto auto no-repeat;
-    background-color: #f9fafa;
+  padding: 2rem 0;
+  background: url(../../assets/images/column-bg.png) 0 0 / auto no-repeat,
+    url(../../assets/images/column-bg2.png) bottom right/auto auto no-repeat;
+  background-color: #f9fafa;
 }
 
 .article {
-    display: flex;
-    justify-content: space-between;
-    width: 1200px;
-    margin: 0 auto;
+  display: flex;
+  justify-content: space-between;
+  width: 1200px;
+  margin: 0 auto;
 
-    .left {
-        width: 83%;
+  .left {
+    width: 83%;
+  }
+
+  .article-wrap {
+    width: 100%;
+  }
+
+  .switch {
+    display: inline-flex;
+    align-items: center;
+    margin-right: 2.5rem;
+
+    li {
+      padding: 0 0.75rem;
+      margin-right: 0.5rem;
+      line-height: 1.8rem;
+      font-size: 1rem;
+      color: #333;
+      background: #f7f7f7;
+      cursor: pointer;
     }
 
-    .article-wrap {
-        width: 100%;
+    .active {
+      color: #fff;
+      background: linear-gradient(126deg, #1150ac 0%, #17beff 100%);
     }
+  }
 
-    .switch {
-        display: inline-flex;
-        align-items: center;
-        margin-right: 2.5rem;
-
-        li {
-            padding: 0 0.75rem;
-            margin-right: 0.5rem;
-            line-height: 1.8rem;
-            font-size: 1rem;
-            color: #333;
-            background: #f7f7f7;
-            cursor: pointer;
-        }
+  .forms {
+    display: flex;
+    align-items: center;
+    padding: 1.5rem;
+    margin-bottom: 1rem;
+    background-color: #fff;
 
-        .active {
-            color: #fff;
-            background: linear-gradient(126deg, #1150ac 0%, #17beff 100%);
-        }
+    .item {
+      display: inline-flex;
+      align-items: center;
+      margin-right: 1.5rem;
     }
 
-    .forms {
-        display: flex;
-        align-items: center;
-        padding: 1.5rem;
-        margin-bottom: 1rem;
-        background-color: #fff;
-
-        .item {
-            display: inline-flex;
-            align-items: center;
-            margin-right: 1.5rem;
-        }
+    .label {
+      font-size: 0.912rem;
+      color: #333;
+      white-space: nowrap;
+    }
 
-        .label {
-            font-size: 0.912rem;
-            color: #333;
-            white-space: nowrap;
-        }
+    /deep/.el-input__inner {
+      width: 100%;
+      height: 2.4rem;
+      line-height: 2.4rem;
+      border: 0;
+      background: #f7f7f7;
+    }
 
-        /deep/.el-input__inner {
-            width: 100%;
-            height: 2.4rem;
-            line-height: 2.4rem;
-            border: 0;
-            background: #f7f7f7;
-        }
+    .search {
+      display: inline-flex;
+      width: 34%;
+      margin-top: 0.1rem;
 
-        .search {
-            display: inline-flex;
-            width: 34%;
-            margin-top: 0.1rem;
-
-            input {
-                width: 100%;
-                height: 2.4rem;
-                padding: 0 0.75rem;
-                font-size: 1rem;
-                color: #333;
-                background: #f7f7f7;
-                border: 0;
-                border-radius: 6px;
-
-                &:focus {
-                    outline: none;
-                }
-            }
-        }
+      input {
+        width: 100%;
+        height: 2.4rem;
+        padding: 0 0.75rem;
+        font-size: 1rem;
+        color: #333;
+        background: #f7f7f7;
+        border: 0;
+        border-radius: 6px;
 
-        .icon {
-            display: inline-flex;
-            justify-content: center;
-            align-items: center;
-            width: 3.1rem;
-            height: 2.4rem;
-            background: #1583ff;
-            border-radius: 0px 6px 6px 0px;
-            cursor: pointer;
+        &:focus {
+          outline: none;
         }
+      }
     }
 
-    .contents {
-        display: flex;
+    .icon {
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
+      width: 3.1rem;
+      height: 2.4rem;
+      background: #1583ff;
+      border-radius: 0px 6px 6px 0px;
+      cursor: pointer;
     }
+  }
 
-    /deep/.columns {
-        & + .detail {
-            padding-left: 10px;
-        }
-        width: 22%;
-        margin-right: 0.6rem;
-        overflow: auto;
-        span {
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
+  .contents {
+    display: flex;
+  }
 
-        &:after {
-            content: '';
-            position: absolute;
-            top: 0;
-            right: 0;
-            width: 2px;
-            height: 100%;
-            background-color: #e1e6f2;
-        }
+  /deep/.columns {
+    &+.detail {
+      padding-left: 10px;
+    }
 
-        .el-tree-node__content {
-            position: relative;
-            height: 2.4rem;
-            padding-left: 2rem;
-            margin-bottom: 1px;
-            font-size: 1.04rem;
-            color: #666;
-            background-color: #fff;
-            border-top: 1px solid #f8f9f9;
-            cursor: pointer;
-
-            &:hover {
-                color: #0c84eb;
-            }
-        }
+    width: 22%;
+    margin-right: 0.6rem;
+    overflow: auto;
 
-        .el-tree-node__label {
-            font-size: 1.28rem;
-            color: #666;
-            line-height: 22px;
-        }
+    span {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
 
-        .el-tree-node__expand-icon.expanded {
-            transform: rotate(180deg);
-        }
+    &:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      right: 0;
+      width: 2px;
+      height: 100%;
+      background-color: #e1e6f2;
+    }
 
-        .el-tree-node__expand-icon {
-            position: absolute;
-            right: 10px;
-        }
+    .el-tree-node__content {
+      position: relative;
+      height: 2.4rem;
+      padding-left: 2rem;
+      margin-bottom: 1px;
+      font-size: 1.04rem;
+      color: #666;
+      background-color: #fff;
+      border-top: 1px solid #f8f9f9;
+      cursor: pointer;
+
+      &:hover {
+        color: #0c84eb;
+      }
+    }
 
-        .is-current > .el-tree-node__content {
-            background-color: #e5edf8;
-            border-top: 0;
-
-            &:after {
-                content: '';
-                z-index: 2;
-                position: absolute;
-                top: 0;
-                right: 0;
-                width: 2px;
-                height: 100%;
-                background-color: #083a93;
-            }
+    .el-tree-node__label {
+      font-size: 1.28rem;
+      color: #666;
+      line-height: 22px;
+    }
 
-            .el-tree-node__label,
-            .custom-tree-node {
-                font-weight: 600;
-                color: #1150ac;
-            }
-        }
+    .el-tree-node__expand-icon.expanded {
+      transform: rotate(180deg);
     }
 
-    .articles {
-        .readDetail {
-            padding: 10px 20px;
-            justify-content: flex-start;
-            align-items: center;
-            .texts {
-                padding-left: 1.5rem;
-                .titleDes {
-                    margin-bottom: 10px;
-                    font-size: 1.2rem;
-                    margin-top: 0;
-                }
-                .des {
-                    margin-top: 10px;
-                }
-            }
-            .titleDes {
-                margin-top: 0.8rem;
-                -webkit-line-clamp: 1;
-            }
-            .readDetailBtn {
-                margin-top: 10px;
-            }
-            .texts {
-                flex-grow: 1;
-            }
-        }
-        .overDetail {
-            .texts {
-                width: 70%;
-            }
-        }
-        li {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 20px;
-            background-color: #fff;
-            cursor: pointer;
-        }
+    .el-tree-node__expand-icon {
+      position: absolute;
+      right: 10px;
+    }
 
-        .texts {
-            width: 60%;
-            padding-left: 30px;
-        }
+    .is-current>.el-tree-node__content {
+      background-color: #e5edf8;
+      border-top: 0;
 
-        .type {
-            margin-bottom: 15px;
-            font-size: 1.024rem;
-            color: #333;
-        }
+      &:after {
+        content: '';
+        z-index: 2;
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 2px;
+        height: 100%;
+        background-color: #083a93;
+      }
 
-        h6 {
-            margin-bottom: 10px;
-            font-size: 1.368rem;
-            color: #000;
-            @include mul-ellipsis(2);
-        }
+      .el-tree-node__label,
+      .custom-tree-node {
+        font-weight: 600;
+        color: #1150ac;
+      }
+    }
+  }
 
-        .meta {
-            display: flex;
-            align-items: center;
-            font-size: 0.88rem;
-            line-height: 1;
-            font-family: PingFangSC-Medium;
-            color: #333;
-        }
+  .articles {
+    .readDetail {
+      padding: 10px 20px;
+      justify-content: flex-start;
+      align-items: center;
+
+      .texts {
+        padding-left: 1.5rem;
 
-        .icon {
-            margin-right: 10px;
+        .titleDes {
+          margin-bottom: 10px;
+          font-size: 1.2rem;
+          margin-top: 0;
         }
 
         .des {
-            margin-top: 10px;
-            @include mul-ellipsis(2);
+          margin-top: 10px;
         }
+      }
 
-        .pic {
-            width: 30%;
-            height: auto;
-            object-fit: cover;
-        }
+      .titleDes {
+        margin-top: 0.8rem;
+        -webkit-line-clamp: 1;
+      }
+
+      .readDetailBtn {
+        margin-top: 10px;
+      }
+
+      .texts {
+        flex-grow: 1;
+      }
     }
-    .media {
-        display: flex;
-        flex-wrap: wrap;
-        margin-left: 10px;
-        li {
-            flex-direction: column;
-            width: calc(33% - 30px);
-            margin-right: 30px;
-            background-color: transparent;
-            &:nth-child(3n) {
-                margin-right: 0;
-            }
-        }
-        .media-video {
-            width: 100%;
-            height: 155px;
-        }
-        /deep/.media-pic {
-            width: 100%;
-            height: 155px;
-            img {
-                object-fit: cover;
-            }
-        }
-        .texts {
-            width: 100% !important;
-            padding-left: 0;
-        }
-        h6 {
-            margin-top: 10px;
-            margin-bottom: 0;
-            font-size: 1rem;
-            text-align: center;
-            -webkit-line-clamp: 1;
-        }
+
+    .overDetail {
+      .texts {
+        width: 70%;
+      }
     }
-    .news-notice {
-        .releaseTime {
-            width: 88px;
-            height: 88px;
-            padding: 10px 0 16px;
-            margin-right: 24px;
-            color: #fff;
-            text-align: center;
-            background: #0b5086;
-        }
-        .d {
-            font-size: 2rem;
-            font-family: DINCondensed-Bold, DINCondensed;
-            font-weight: bold;
-            line-height: 43px;
-        }
-        .m {
-            font-size: 0.9rem;
-            line-height: 20px;
-        }
-        .news-title {
-            width: calc(100% - 110px);
-            font-size: 1.1rem;
-            color: #333;
-            line-height: 1.6;
-            @include mul-ellipsis(2);
-        }
+
+    li {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 20px;
+      background-color: #fff;
+      cursor: pointer;
     }
-    .org {
-        padding: 15px;
+
+    .texts {
+      width: 60%;
+      padding-left: 30px;
     }
-    .right {
-        width: 17%;
-        padding-left: 20px;
-        overflow: hidden;
+
+    .type {
+      margin-bottom: 15px;
+      font-size: 1.024rem;
+      color: #333;
     }
 
-    .list {
-        margin-bottom: 1rem;
+    h6 {
+      margin-bottom: 10px;
+      font-size: 1.368rem;
+      color: #000;
+      @include mul-ellipsis(2);
+    }
 
-        li {
-            padding: 0.8rem 0;
-            border-bottom: 1px solid #d8d8d8;
-        }
+    .meta {
+      display: flex;
+      align-items: center;
+      font-size: 0.88rem;
+      line-height: 1;
+      font-family: PingFangSC-Medium;
+      color: #333;
+    }
 
-        .text {
-            margin-bottom: 5px;
-            font-size: 0.98rem;
-            cursor: pointer;
+    .icon {
+      margin-right: 10px;
+    }
 
-            &:hover {
-                color: $main-color;
-            }
-        }
+    .des {
+      margin-top: 10px;
+      @include mul-ellipsis(2);
+    }
 
-        .date {
-            font-size: 0.78rem;
-            color: #999;
-        }
+    .pic {
+      width: 30%;
+      height: auto;
+      object-fit: cover;
     }
-}
+  }
 
-.activity {
-    .column-wrap {
-        padding: 0;
-        background: none;
+  .media {
+    display: flex;
+    flex-wrap: wrap;
+    margin-left: 10px;
+
+    li {
+      flex-direction: column;
+      width: calc(33% - 30px);
+      margin-right: 30px;
+      background-color: transparent;
+
+      &:nth-child(3n) {
+        margin-right: 0;
+      }
     }
 
-    .article-wrap {
-        width: 100%;
+    .media-video {
+      width: 100%;
+      height: 155px;
     }
 
-    .article {
-        .forms {
-            padding: 30px 0;
-        }
+    /deep/.media-pic {
+      width: 100%;
+      height: 155px;
 
-        .articles li {
-            flex-direction: row-reverse;
-            justify-content: flex-end;
-            padding-bottom: 38px;
-            margin-bottom: 38px;
-            border-bottom: 1px solid #ddd;
-        }
+      img {
+        object-fit: cover;
+      }
+    }
 
-        .right {
-            padding-top: 30px;
-        }
+    .texts {
+      width: 100% !important;
+      padding-left: 0;
+    }
+
+    h6 {
+      margin-top: 10px;
+      margin-bottom: 0;
+      font-size: 1rem;
+      text-align: center;
+      -webkit-line-clamp: 1;
+    }
+  }
+
+  .news-notice {
+    .releaseTime {
+      width: 88px;
+      height: 88px;
+      padding: 10px 0 16px;
+      margin-right: 24px;
+      color: #fff;
+      text-align: center;
+      background: #0b5086;
+    }
+
+    .d {
+      font-size: 2rem;
+      font-family: DINCondensed-Bold, DINCondensed;
+      font-weight: bold;
+      line-height: 43px;
+    }
+
+    .m {
+      font-size: 0.9rem;
+      line-height: 20px;
+    }
+
+    .news-title {
+      width: calc(100% - 110px);
+      font-size: 1.1rem;
+      color: #333;
+      line-height: 1.6;
+      @include mul-ellipsis(2);
+    }
+  }
+
+  .org {
+    padding: 15px;
+  }
+
+  .right {
+    width: 17%;
+    padding-left: 20px;
+    overflow: hidden;
+  }
+
+  .list {
+    margin-bottom: 1rem;
+
+    li {
+      padding: 0.8rem 0;
+      border-bottom: 1px solid #d8d8d8;
+    }
+
+    .text {
+      margin-bottom: 5px;
+      font-size: 0.98rem;
+      cursor: pointer;
+
+      &:hover {
+        color: $main-color;
+      }
+    }
+
+    .date {
+      font-size: 0.78rem;
+      color: #999;
     }
+  }
 }
-.party {
-    /deep/.columns {
-        .el-tree-node__content {
-            &:hover {
-                color: $partyTheme;
-            }
-        }
-        .is-current > .el-tree-node__content {
-            background-color: $lightPartyTheme;
-            &:after {
-                background-color: $partyTheme;
-            }
 
-            .el-tree-node__label,
-            .custom-tree-node {
-                color: $partyTheme;
-            }
-        }
+.activity {
+  .column-wrap {
+    padding: 0;
+    background: none;
+  }
+
+  .article-wrap {
+    width: 100%;
+  }
+
+  .article {
+    .forms {
+      padding: 30px 0;
     }
-    .article {
-        .readDetailBtn {
-            width: 100px;
-            padding: 10px 20px;
-            margin-top: 10px;
-            background-color: $partyTheme;
-            border-color: $partyTheme;
-        }
+
+    .articles li {
+      flex-direction: row-reverse;
+      justify-content: flex-end;
+      padding-bottom: 38px;
+      margin-bottom: 38px;
+      border-bottom: 1px solid #ddd;
+    }
+
+    .right {
+      padding-top: 30px;
+    }
+  }
+}
+
+.party {
+  /deep/.columns {
+    .el-tree-node__content {
+      &:hover {
+        color: $partyTheme;
+      }
     }
-    /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
-        background-color: $partyTheme !important;
+
+    .is-current>.el-tree-node__content {
+      background-color: $lightPartyTheme;
+
+      &:after {
+        background-color: $partyTheme;
+      }
+
+      .el-tree-node__label,
+      .custom-tree-node {
+        color: $partyTheme;
+      }
+    }
+  }
+
+  .article {
+    .readDetailBtn {
+      width: 100px;
+      padding: 10px 20px;
+      margin-top: 10px;
+      background-color: $partyTheme;
+      border-color: $partyTheme;
     }
+  }
+
+  /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
+    background-color: $partyTheme !important;
+  }
 }
+
 .detail {
-    flex: 1;
-    max-width: 77%;
-    padding: 10px 15px;
-    background-color: #fff;
-    overflow: auto;
-    h2 {
-        margin-bottom: 1rem;
-        font-size: 1.9rem;
-        color: #1c1c1c;
+  flex: 1;
+  max-width: 77%;
+  padding: 10px 15px;
+  background-color: #fff;
+  overflow: auto;
+
+  h2 {
+    margin-bottom: 1rem;
+    font-size: 1.9rem;
+    color: #1c1c1c;
+  }
+
+  .meta {
+    margin: 1rem 0;
+    font-size: 0.88rem;
+    color: #9b9b9b;
+  }
+
+  .brief {
+    padding-bottom: 1.5rem;
+    margin-bottom: 1rem;
+    font-size: 1.2rem;
+    line-height: 1.33;
+    color: #606060;
+    border-bottom: 1px solid #d8d8d8;
+  }
+
+  /deep/.des {
+    a {
+      color: rgb(0, 0, 238);
+      word-wrap: break-word;
     }
-    .meta {
-        margin: 1rem 0;
-        font-size: 0.88rem;
-        color: #9b9b9b;
-    }
-    .brief {
-        padding-bottom: 1.5rem;
-        margin-bottom: 1rem;
-        font-size: 1.2rem;
-        line-height: 1.33;
-        color: #606060;
-        border-bottom: 1px solid #d8d8d8;
-    }
-    /deep/.des {
-        a {
-            color: rgb(0, 0, 238);
-            word-wrap: break-word;
-        }
-        img {
-            max-width: 100%;
-            object-fit: cover;
-        }
-        ul {
-            padding-left: 40px;
-            list-style: disc;
-            li {
-                list-style: inherit;
-            }
-        }
-        ol {
-            padding-left: 40px;
-            list-style: decimal;
-            li {
-                list-style: inherit;
-            }
-        }
+
+    img {
+      max-width: 100%;
+      object-fit: cover;
     }
-    .annex {
-        margin-top: 30px;
-        h6 {
-            padding-left: 8px;
-            margin-bottom: 20px;
-            font-size: 16px;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            line-height: 1;
-            color: #333;
-            border-left: 4px solid #1583ff;
-        }
-        li {
-            display: flex;
-            align-items: center;
-            margin-bottom: 10px;
-        }
-        .name {
-            margin-right: 8px;
-            font-size: 14px;
-        }
-        .download {
-            color: #1583ff;
-            cursor: pointer;
-        }
+
+    ul {
+      padding-left: 40px;
+      list-style: disc;
+
+      li {
+        list-style: inherit;
+      }
     }
+
+    ol {
+      padding-left: 40px;
+      list-style: decimal;
+
+      li {
+        list-style: inherit;
+      }
+    }
+  }
+
+  .annex {
+    margin-top: 30px;
+
+    h6 {
+      padding-left: 8px;
+      margin-bottom: 20px;
+      font-size: 16px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      line-height: 1;
+      color: #333;
+      border-left: 4px solid #1583ff;
+    }
+
+    li {
+      display: flex;
+      align-items: center;
+      margin-bottom: 10px;
+    }
+
+    .name {
+      margin-right: 8px;
+      font-size: 14px;
+    }
+
+    .download {
+      color: #1583ff;
+      cursor: pointer;
+    }
+  }
 }
+
 .none {
-    display: inline-flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    flex: 1;
-    text-align: center;
-    .text {
-        margin-top: 20px;
-        font-size: 0.9rem;
-        color: #333;
-    }
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+  text-align: center;
+
+  .text {
+    margin-top: 20px;
+    font-size: 0.9rem;
+    color: #333;
+  }
 }
 
 @media (max-width: 1200px) {
-    .banner {
-        height: 15rem !important;
-        img {
-            height: 15rem !important;
-        }
-        .texts {
-            top: 6rem;
-            left: 3rem;
-        }
+  .banner {
+    height: 15rem !important;
+
+    img {
+      height: 15rem !important;
+    }
+
+    .texts {
+      top: 6rem;
+      left: 3rem;
     }
-    .article {
+  }
+
+  .article {
+    flex-direction: column;
+    width: 90%;
+
+    .columns {
+      width: 40%;
+    }
+
+    .left {
+      width: 100%;
+
+      .forms {
         flex-direction: column;
-        width: 90%;
-        .columns {
-            width: 40%;
-        }
-        .left {
-            width: 100%;
-
-            .forms {
-                flex-direction: column;
-                justify-content: center;
-                align-items: center;
-
-                .item,
-                .search {
-                    margin: 20px 0 0 0;
-                }
-
-                .item:first-child {
-                    margin: 0;
-                }
-
-                div {
-                    width: 100%;
-                }
-            }
+        justify-content: center;
+        align-items: center;
+
+        .item,
+        .search {
+          margin: 20px 0 0 0;
         }
 
-        .article-wrap {
-            width: 90%;
-            margin: 0 auto;
+        .item:first-child {
+          margin: 0;
         }
 
-        .articles {
-            li:not(.news-notice) {
-                flex-direction: column;
-                align-items: flex-start;
-                padding: 1rem;
-                margin-top: 1rem;
-                .pic {
-                    width: 100%;
-                    margin: 10px 0;
-                }
-            }
-            .readDetail {
-                align-items: flex-start;
-                .texts {
-                    width: 100%;
-                    padding-left: 0;
-                }
-            }
+        div {
+          width: 100%;
         }
-        .media {
-            li {
-                padding: 0;
-            }
+      }
+    }
+
+    .article-wrap {
+      width: 90%;
+      margin: 0 auto;
+    }
+
+    .articles {
+      li:not(.news-notice) {
+        flex-direction: column;
+        align-items: flex-start;
+        padding: 1rem;
+        margin-top: 1rem;
+
+        .pic {
+          width: 100%;
+          margin: 10px 0;
         }
+      }
+
+      .readDetail {
+        align-items: flex-start;
 
-        .right {
-            width: 95%;
-            margin: 20px auto;
+        .texts {
+          width: 100%;
+          padding-left: 0;
         }
+      }
     }
+
+    .media {
+      li {
+        padding: 0;
+      }
+    }
+
+    .right {
+      width: 95%;
+      margin: 20px auto;
+    }
+  }
 }
 
 @media (max-width: 640px) {
-    .banner {
-        height: 12rem !important;
-        img {
-            height: 12rem !important;
-        }
-        .texts {
-            left: 2rem;
-            bottom: 2rem;
-            .text {
-                font-size: 1.5rem;
-            }
-        }
+  .banner {
+    height: 12rem !important;
+
+    img {
+      height: 12rem !important;
     }
-    .article {
-        .contents {
-            flex-direction: column;
-            padding: 0 15px;
-        }
-        .columns,
-        .article-wrap {
-            width: 100%;
-            margin-right: 0;
+
+    .texts {
+      left: 2rem;
+      bottom: 2rem;
+
+      .text {
+        font-size: 1.5rem;
+      }
+    }
+  }
+
+  .article {
+    .contents {
+      flex-direction: column;
+      padding: 0 15px;
+    }
+
+    .columns,
+    .article-wrap {
+      width: 100%;
+      margin-right: 0;
+    }
+
+    .articles {
+      li {
+        .leftBox {
+          padding-left: 0;
+
+          .titleDes {
+            line-height: 1.368rem;
+          }
         }
-        .articles {
-            li {
-                .leftBox {
-                    padding-left: 0;
-                    .titleDes {
-                        line-height: 1.368rem;
-                    }
-                }
-            }
+      }
+    }
+
+    .media {
+      margin-left: 0;
+
+      li {
+        width: calc(50% - 20px);
+        margin-right: 20px;
+
+        &:nth-child(2n) {
+          margin-right: 0;
         }
-        .media {
-            margin-left: 0;
-            li {
-                width: calc(50% - 20px);
-                margin-right: 20px;
-                &:nth-child(2n) {
-                    margin-right: 0;
-                }
-                &:nth-child(3n) {
-                    margin-right: 20px;
-                }
-            }
+
+        &:nth-child(3n) {
+          margin-right: 20px;
         }
+      }
     }
-    .forms {
-        .switch {
-            width: 100%;
-            flex-direction: column;
-            margin-right: 0;
-            li {
-                width: 90%;
-                margin: 0 auto;
-                margin-top: 10px;
-            }
-        }
+  }
+
+  .forms {
+    .switch {
+      width: 100%;
+      flex-direction: column;
+      margin-right: 0;
+
+      li {
+        width: 90%;
+        margin: 0 auto;
+        margin-top: 10px;
+      }
     }
+  }
 }
 </style>
diff --git a/src/setting.js b/src/setting.js
index 64d4a3f..25de7e9 100644
--- a/src/setting.js
+++ b/src/setting.js
@@ -3,7 +3,9 @@
  * */
 const isDev = process.env.NODE_ENV === 'development' // 开发环境
 let host = `${location.origin}/`
-
+if (isDev) {
+  host = 'http://192.168.31.51:10000/'
+}
 const Setting = {
   /**
   * 基础配置