产品中心等

src/const/modules.js

@@ -7956,6 +7956,313 @@ export default {
         },
         des: `深圳自由电子激光装置聚焦国家重大需求、国际科学前沿和地区产业引领的战略目标进行布局的关键，聚焦关键核心“卡脖子”技术背后前沿科学基础问题，努力实现深圳战略性新兴产业技术瓶颈及其相关根源性科学问题的重大突破。我们将以“产业/应用/科研需求”为导向，进一步深入挖掘产业（企业）、科研院所、高校用户的“用光”需求，继续深入优化装置设计，服务。`
       }
+    },
+
+		{
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: '应用方向',
+        des: '支撑大湾区综合性国家科学中心建设的公益性科研事业单位'
+      }
+    },
+    {
+      type: 'forms',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        }
+      ],
+      form: {
+        title: '',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        }
+      },
+      list: [
+        {
+          title: '集成电路',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '锂电池',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '第三代半导体',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '先进材料',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '先进制造',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '汽车制造',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '量子材料',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '生物医药',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '疾病诊疗',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '大健康',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+				
+        {
+          title: '新能源',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '能源催化',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '现代农业',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '节能环保',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '海洋装备',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '核能',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+      ]
+    },
+		{
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: '产业案例',
+        des: '支撑大湾区综合性国家科学中心建设的公益性科研事业单位'
+      }
+    },{
+      type: 'column',
+      form: {
+        site: '',
+        column: '',
+        articleNum: '',
+        columnTitle: 1,
+        columnTitleCustom: ''
+      }
     },
   ],
   researchTeam: [

src/pages/article/add/index.vue

@@ -160,8 +160,7 @@
       <!-- 期刊详情 or 论文 -->
       <template v-if="isJournal || isThesis">
         <div class="item-line">
-          <el-form-item v-if="!isThesis"
+          <el-form-item prop="doi"
-                        prop="doi"
                         label="DOI">
             <el-input placeholder="请输入DOI"
                       v-model.trim="form.doi"
@@ -218,15 +217,7 @@
                     :rows="3"></el-input>
         </el-form-item>
       </template>
-      <el-form-item v-if="isPublication"
+      <div class="item-line">
-                    prop="mainBody"
-                    label="正文">
-        <Editor api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda'
-                v-model="form.mainBody"
-                :init="editorConfig" />
-      </el-form-item>
-      <div v-else-if="!isPublication"
-           class="item-line">
         <el-form-item prop="source"
                       label="来源">
           <el-input placeholder="请输入来源"
@@ -408,7 +399,7 @@
             </div>
           </el-upload>
         </el-form-item>
-        <el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 25"
+        <el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 25 || form.articleTemplate === 69"
                       prop="bannerImg"
                       label="Banner图(选填)"
                       style="flex: 1;">
@@ -430,7 +421,8 @@
             </div>
           </el-upload>
         </el-form-item>
-        <el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 23 || form.articleTemplate === 25"
+      </template>
+      <el-form-item v-if="form.articleTemplate !== 24 && form.articleTemplate !== 26"
                     prop="mainBody"
                     label="正文">
         <Editor api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda'
@@ -469,23 +461,6 @@
                   :init="editorConfig" />
         </el-form-item>
       </template>
-        <el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 23 || form.articleTemplate === 25"
-                      prop="file"
-                      label="文件上传">
-          <el-upload :before-upload="fileBeforeUpload"
-                     :on-remove="handleRemove"
-                     :on-success="uploadSuccessFile"
-                     :action="this.api.upload"
-                     :file-list="form.fileList"
-                     :headers="headers"
-                     :data="{
-              quote: form.title,
-              site: site.siteName,
-              uploader: userName
-            }">
-            <el-button>上传</el-button>
-          </el-upload>
-        </el-form-item>
       <template v-if="form.articleTemplate === 24">
         <el-form-item prop="connectionType"
                       label="连接类型">
@@ -559,7 +534,23 @@
           </el-switch>
         </el-form-item>
       </template>
-      </template>
+      <el-form-item v-if="form.articleTemplate !== 24 && form.articleTemplate !== 26"
+                    prop="file"
+                    label="文件上传">
+        <el-upload :before-upload="fileBeforeUpload"
+                   :on-remove="handleRemove"
+                   :on-success="uploadSuccessFile"
+                   :action="this.api.upload"
+                   :file-list="form.fileList"
+                   :headers="headers"
+                   :data="{
+              quote: form.title,
+              site: site.siteName,
+              uploader: userName
+            }">
+          <el-button>上传</el-button>
+        </el-upload>
+      </el-form-item>
     </el-form>
     <div class="btns">
       <el-button type="primary"
@@ -1050,6 +1041,8 @@ export default {
         if (!form.templateStatus) {
           form.articleTemplate = (data.typeId === 1 || data.typeId === 4) ? data.detailStyleId : 23
         }
+        console.log("🚀 ~ file: index.vue:1057 ~ this.$post ~ form:", form)
+
         this.handleRules()
         this.getClassification()
         this.$nextTick(() => {

src/pages/column/page/industrial.vue

@@ -3,9 +3,11 @@
     <div class="actions">
       <p class="page-name">页面设置/产业应用</p>
       <div>
-        <el-button type="primary" @click="preview">预览</el-button>
+        <el-button type="primary"
+                   @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
-        <el-button type="primary" @click="save(1)">发布</el-button>
+        <el-button type="primary"
+                   @click="save(1)">发布</el-button>
         <el-button @click="back">放弃编辑</el-button>
       </div>
     </div>
@@ -13,36 +15,51 @@
     <div class="modules">
       <div class="relative">
         <div class="single-banner">
-          <img class="banner-img" :src="modules[0].form.pic" alt="" />
+          <img class="banner-img"
+               :src="modules[0].form.pic"
+               alt="" />
           <div class="texts">
             <h6 class="banner-title">{{ modules[0].form.title }}</h6>
           </div>
         </div>
-        <div class="cover" @click="toSet(0)">点击更换banner与链接</div>
+        <div class="cover"
+             @click="toSet(0)">点击更换banner与链接</div>
       </div>
 
       <div class="block history gray">
         <div class="inner c-wrap">
-          <h2 class="wow fadeInLeft" style="margin-left: 57px">{{ modules[1].form.title }}</h2>
+          <h2 class="wow fadeInLeft"
-          <div class="texts wow fadeInDown" data-wow-delay="0.5s">
+              style="margin-left: 57px">{{ modules[1].form.title }}</h2>
+          <div class="texts wow fadeInDown"
+               data-wow-delay="0.5s">
             <div class="left">
               <h2>{{ modules[1].form.subTitle }}</h2>
-              <div class="des" v-html="modules[1].form.des"></div>
+              <div class="des"
+                   v-html="modules[1].form.des"></div>
             </div>
-            <img class="bg" width="562" height="506" :src="modules[1].form.pic" alt="">
+            <img class="bg"
+                 width="562"
+                 height="506"
+                 :src="modules[1].form.pic"
+                 alt="">
           </div>
-          <div class="cover" @click="toSet(1)">点击更改图片、标题概述与链接</div>
+          <div class="cover"
+               @click="toSet(1)">点击更改图片、标题概述与链接</div>
         </div>
       </div>
 
       <div class="block land">
         <div class="inner">
-          <img class="pic" :src="modules[2].form.pic" alt="">
+          <img class="pic"
+               :src="modules[2].form.pic"
+               alt="">
           <div class="right">
             <h6>{{ modules[2].form.title }}</h6>
-            <div class="text" v-html="modules[2].form.des"></div>
+            <div class="text"
+                 v-html="modules[2].form.des"></div>
           </div>
-          <div class="cover" @click="toSet(2)">点击更改图片、标题与概述</div>
+          <div class="cover"
+               @click="toSet(2)">点击更改图片、标题与概述</div>
         </div>
       </div>
 
@@ -50,34 +67,140 @@
         <div class="inner">
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[3].form.title }}</h2>
-            <p class="intro" v-html="modules[3].form.des"></p>
+            <p class="intro"
-            <div class="cover" @click="toSet(3)">点击更换标题与描述</div>
+               v-html="modules[3].form.des"></p>
+            <div class="cover"
+                 @click="toSet(3)">点击更换标题与描述</div>
           </div>
           <ul class="plan">
             <li>
               <div class="left">
                 <h6>{{ modules[4].form.title }}</h6>
-                <div class="text" v-html="modules[4].form.des"></div>
+                <div class="text"
-                <img src="@/assets/images/arrow.png" alt="">
+                     v-html="modules[4].form.des"></div>
+                <img src="@/assets/images/arrow.png"
+                     alt="">
               </div>
-              <img class="pic" :src="modules[4].form.pic" alt="">
+              <img class="pic"
-              <div class="cover" @click="toSet(4)">点击更换标题、描述、链接与图片</div>
+                   :src="modules[4].form.pic"
+                   alt="">
+              <div class="cover"
+                   @click="toSet(4)">点击更换标题、描述、链接与图片</div>
             </li>
             <li>
               <div class="left">
                 <h6>{{ modules[5].form.title }}</h6>
-                <div class="text" v-html="modules[5].form.des"></div>
+                <div class="text"
-                <img src="@/assets/images/arrow.png" alt="">
+                     v-html="modules[5].form.des"></div>
+                <img src="@/assets/images/arrow.png"
+                     alt="">
               </div>
-              <img class="pic" :src="modules[5].form.pic" alt="">
+              <img class="pic"
-              <div class="cover" @click="toSet(5)">点击更换标题、描述、链接与图片</div>
+                   :src="modules[5].form.pic"
+                   alt="">
+              <div class="cover"
+                   @click="toSet(5)">点击更换标题、描述、链接与图片</div>
             </li>
           </ul>
         </div>
       </div>
+
+      <div class="block">
+        <div class="inner app-inner">
+          <div class="c-wrap">
+            <h2 class="b-title wow fadeInUp">{{ modules[6].form.title }}</h2>
+            <p class="intro wow fadeInUp"
+               data-wow-delay="0.5s">{{ modules[6].form.des }}</p>
+            <div class="cover"
+                 @click="toSet(6)">点击更换标题与描述</div>
+          </div>
+          <ul class="app">
+            <li v-for="(item, i) in modules[7].list"
+                :key="i"
+                class="wow fadeInDown"
+                :data-wow-delay="(0.2 * i).toFixed(1) + 's'">
+              <img class="bg"
+                   :src="require('@/assets/images/industrial/app' + (i + 1) + '.png')"
+                   alt="">
+              <img class="icon"
+                   :src="require('@/assets/images/industrial/app' + (i + 1) + '-1.png')"
+                   alt="">
+              <p class="text">{{ item.title }}</p>
+              <div class="cover"
+                   @click="toSet(7, i)">点击更标题与链接</div>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="block news-block">
+        <div class="inner">
+          <div class="c-wrap">
+            <h2 class="b-title">{{ modules[8].form.title }}</h2>
+            <p class="intro">{{ modules[8].form.des }}</p>
+            <div class="cover"
+                 @click="toSet(8)">点击更换标题与描述</div>
+          </div>
+          <ul class="news">
+            <li>
+              <img src="http://10.10.11.7/images/home/3.png"
+                   alt="">
+              <div class="texts">
+                <span class="meta">2022-07-24 | 综合新闻</span>
+                <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
+              </div>
+            </li>
+            <li>
+              <img src="http://10.10.11.7/images/home/3.png"
+                   alt="">
+              <div class="texts">
+                <span class="meta">2022-07-24 | 综合新闻</span>
+                <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
+              </div>
+            </li>
+            <li>
+              <img src="http://10.10.11.7/images/home/3.png"
+                   alt="">
+              <div class="texts">
+                <span class="meta">2022-07-24 | 综合新闻</span>
+                <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
+              </div>
+            </li>
+            <li>
+              <img src="http://10.10.11.7/images/home/3.png"
+                   alt="">
+              <div class="texts">
+                <span class="meta">2022-07-24 | 综合新闻</span>
+                <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
+              </div>
+            </li>
+            <li>
+              <img src="http://10.10.11.7/images/home/3.png"
+                   alt="">
+              <div class="texts">
+                <span class="meta">2022-07-24 | 综合新闻</span>
+                <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
+              </div>
+            </li>
+            <li>
+              <img src="http://10.10.11.7/images/home/3.png"
+                   alt="">
+              <div class="texts">
+                <span class="meta">2022-07-24 | 综合新闻</span>
+                <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
+              </div>
+            </li>
+            <div class="cover"
+                 @click="toSet(9)">点击更换标题与描述</div>
+          </ul>
+        </div>
+      </div>
     </div>
 
-    <Module ref="module" :data.sync="curData" :visible.sync="diaVisible" @moduleSubmit="moduleSubmit" />
+    <Module ref="module"
+            :data.sync="curData"
+            :visible.sync="diaVisible"
+            @moduleSubmit="moduleSubmit" />
   </div>
 </template>
 
@@ -86,12 +209,12 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.industrial
     }
   },
-  mounted() {
+  mounted () {
     this.$store.commit('user/setCrumbs', [
       {
         name: '站点管理',
@@ -117,7 +240,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../../styles/page/page.scss";
+@import '../../../styles/page/page.scss';
 .history {
     h2 {
         font-size: 1.8rem;
@@ -130,7 +253,7 @@ export default {
         margin-top: 20px;
         background-color: #fff;
         border-radius: 100px 0px 0px 0px;
-    transition: .3s;
+        transition: 0.3s;
         &:hover {
             transform: scale(1.05);
         }
@@ -171,7 +294,7 @@ export default {
         height: 405px;
         padding: 50px;
         margin-top: 1rem;
-    background: rgba(242,246,248,0.45);
+        background: rgba(242, 246, 248, 0.45);
         border-radius: 0px 100px 0px 0px;
     }
 }
@@ -212,4 +335,80 @@ export default {
         }
     }
 }
+
+.app-inner {
+    width: 1558px;
+}
+.app {
+    display: flex;
+    flex-wrap: wrap;
+    li {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        width: 368px;
+        height: 252px;
+        margin: 0 14px 14px 0;
+        transition: 0.3s;
+        &:hover {
+            transform: scale(1.05);
+            .icon {
+                transform: rotateY(180deg);
+            }
+        }
+        &:nth-child(4n) {
+            margin-right: 0;
+        }
+    }
+    .bg {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+    .icon {
+        position: relative;
+    }
+    .text {
+        position: relative;
+        margin-top: 20px;
+        font-size: 32px;
+        color: #fff;
+    }
+}
+.news {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    li {
+        width: calc((100% - 34px) / 3);
+        margin: 0 17px 20px 0;
+        background-color: #fff;
+        &:nth-child(3n) {
+            margin-right: 0;
+        }
+    }
+    img {
+        width: 100%;
+        height: 220px;
+    }
+    .texts {
+        padding: 20px 24px;
+        background-color: #fff;
+    }
+    h6 {
+        margin-top: 8px;
+        font-size: 1rem;
+        color: #333;
+        text-shadow: 0px 0px 20px rgba(176, 176, 176, 0.21);
+    }
+    .meta {
+        font-size: 0.9rem;
+        color: #666;
+        text-shadow: 0px 0px 20px rgba(176, 176, 176, 0.21);
+    }
+}
 </style>