huoran
/
FE_huoran_client
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
master
yujialong 5 months ago
parent bf541588f6
commit 12890811ea
3 changed files with 565 additions and 550 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 61
      src/pages/article/index.vue
  2. 619
      src/pages/column/index.vue
  3. 435
      src/pages/iasf/index.vue

61
src/pages/article/index.vue
Unescape View File

@ -1,35 +1,38 @@
<template> <template>
<div v-show="loaded" class="wrap"> <div class="wrap">
<!-- 人物详情不展示banner --> <div v-show="loaded">
<div v-if="form.articleTemplate !== 23 && !isPeople" class="banner" <!-- 人物详情不展示banner -->
:style="{ backgroundImage: form.bannerImg ? ('url(' + form.bannerImg + ')') : '' }"> <div v-if="form.articleTemplate !== 23 && !isPeople" class="banner"
{{ form.columnName }} :style="{ backgroundImage: form.bannerImg ? ('url(' + form.bannerImg + ')') : '' }">
</div> {{ form.columnName }}
<div class="content"> </div>
<Breadcrumb ref="breadcrumb" :data.sync="routes" /> <div class="content">
<div class="article"> <Breadcrumb ref="breadcrumb" :data.sync="routes" />
<div class="left"> <div class="article">
<template v-if="!isPeople"> <div class="left">
<h2>{{ form.title }}</h2> <template v-if="!isPeople">
<div class="meta">{{ form.source && form.source + ' | ' }} {{ form.author && form.author + ' | ' }} {{ <h2>{{ form.title }}</h2>
form.releaseTime }}</div> <div class="meta">{{ form.source && form.source + ' | ' }} {{ form.author && form.author + ' | ' }} {{
<div class="meta">{{ form.edit && $t('column.edit') + '：' + form.edit }} {{ form.audit && ' | ' + form.releaseTime }}</div>
$t('column.auditor') + '：' + form.audit }} {{ form.label && ' | ' + $t('column.label') + '：' + form.label <div class="meta">{{ form.edit && $t('column.edit') + '：' + form.edit }} {{ form.audit && ' | ' +
}}</div> $t('column.auditor') + '：' + form.audit }} {{ form.label && ' | ' + $t('column.label') + '：' +
</template> form.label
<p v-if="form.summary" class="brief">{{ form.summary }}</p> }}</div>
<div class="des" id="mainBody" v-html="form.mainBody"></div> </template>
<div v-if="form.fileList && form.fileList.length" class="annex"> <p v-if="form.summary" class="brief">{{ form.summary }}</p>
<h6>{{ $t('column.attachmentDownload') }}</h6> <div class="des" id="mainBody" v-html="form.mainBody"></div>
<ul class="files"> <div v-if="form.fileList && form.fileList.length" class="annex">
<li v-for="(file, i) in form.fileList" :key="i"> <h6>{{ $t('column.attachmentDownload') }}</h6>
<span class="name">{{ file.fileName }}</span> <ul class="files">
<span class="download" @click="download(file)">{{ $t('column.download') }}</span> <li v-for="(file, i) in form.fileList" :key="i">
</li> <span class="name">{{ file.fileName }}</span>
</ul> <span class="download" @click="download(file)">{{ $t('column.download') }}</span>
</li>
</ul>
</div>
</div> </div>
<RightColumns ref="right" :party="isParty" />
</div> </div>
<RightColumns ref="right" :party="isParty" />
</div> </div>
</div> </div>
</div> </div>

619
src/pages/column/index.vue
Unescape View File

@ -1,338 +1,341 @@
<template> <template>
<div v-show="loaded" v-loading="loading" <div :class="['wrap', { activity: info.listStyleId === 15, party: info.listStyleId === 68 }]">
:class="['wrap', { activity: info.listStyleId === 15, party: info.listStyleId === 68 }]"> <div v-show="loaded" v-loading="loading">
<div class="banner fadeInUp"> <div class="banner fadeInUp">
<img width="100%" height="280" :src="info.columnBanner" alt="" /> <img width="100%" height="280" :src="info.columnBanner" alt="" />
<div class="texts"> <div class="texts">
<p class="text">{{ info.columnName }}</p> <p class="text">{{ info.columnName }}</p>
<p class="sub">{{ info.subtitle }}</p> <p class="sub">{{ info.subtitle }}</p>
</div>
</div> </div>
</div> <div class="column-wrap">
<div class="column-wrap"> <div class="article">
<div class="article"> <div class="left">
<div class="left"> <!-- 文章：侧边栏+搜索+新闻列表 -->
<!-- 文章：侧边栏+搜索+新闻列表 --> <div v-if="info.listStyleId === 10" class="forms">
<div v-if="info.listStyleId === 10" class="forms"> <div class="item">
<div class="item"> <span class="label">{{ $t('column.classification') }}：</span>
<span class="label">{{ $t('column.classification') }}：</span> <el-select v-model="form.classificationId" @change="filter">
<el-select v-model="form.classificationId" @change="filter"> <el-option :label="$t('column.all')" :value="null"></el-option>
<el-option :label="$t('column.all')" :value="null"></el-option> <el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
<el-option v-for="item in classifications" :key="item.id" :label="item.classificationName" :value="item.id">
:value="item.id"> </el-option>
</el-option> </el-select>
</el-select> </div>
</div> <div class="item">
<div class="item"> <span class="label">{{ $t('column.label') }}：</span>
<span class="label">{{ $t('column.label') }}：</span> <el-select ref="search" v-model="lableId" multiple @change="filter">
<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 v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id"> </el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div class="search"> <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"> <!-- <i class="icon">
<img src="@/assets/images/search-white.png" alt="" /> <img src="@/assets/images/search-white.png" alt="" />
</i> --> </i> -->
</div>
</div> </div>
</div> <!-- 侧导航+新闻列表(含文章概述) -->
<!-- 侧导航+新闻列表(含文章概述) --> <div v-if="info.listStyleId === 12" class="forms">
<div v-if="info.listStyleId === 12" class="forms"> <div class="item">
<div class="item"> <span class="label">{{ $t('column.classification') }}：</span>
<span class="label">{{ $t('column.classification') }}：</span> <el-select v-model="form.classificationId" @change="filter">
<el-select v-model="form.classificationId" @change="filter"> <el-option :label="$t('column.all')" :value="null"></el-option>
<el-option :label="$t('column.all')" :value="null"></el-option> <el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
<el-option v-for="item in classifications" :key="item.id" :label="item.classificationName" :value="item.id">
:value="item.id"> </el-option>
</el-option> </el-select>
</el-select> </div>
</div> <div class="item">
<div class="item"> <span class="label">{{ $t('column.label') }}：</span>
<span class="label">{{ $t('column.label') }}：</span> <el-select ref="search" v-model="lableId" multiple @change="filter">
<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 v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id"> </el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div class="search"> <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"> <!-- <i class="icon">
<img src="@/assets/images/search-white.png" alt="" /> <img src="@/assets/images/search-white.png" alt="" />
</i> --> </i> -->
</div>
</div> </div>
</div> <!-- 会议活动：筛选+会议活动列表 -->
<!-- 会议活动：筛选+会议活动列表 --> <div v-if="info.listStyleId === 15" class="forms">
<div v-if="info.listStyleId === 15" class="forms"> <ul class="switch">
<ul class="switch"> <li v-for="(item, i) in convokeTypes" :key="i" :class="{ active: item.id === form.convokeType }"
<li v-for="(item, i) in convokeTypes" :key="i" :class="{ active: item.id === form.convokeType }" @click="switchChange(item)">
@click="switchChange(item)"> {{ item.name }}
{{ item.name }} </li>
</li> </ul>
</ul> <div class="item">
<div class="item"> <span class="label">{{ $t('column.classification') }}：</span>
<span class="label">{{ $t('column.classification') }}：</span> <el-select v-model="form.classificationId" @change="filter">
<el-select v-model="form.classificationId" @change="filter"> <el-option :label="$t('column.all')" :value="null"></el-option>
<el-option :label="$t('column.all')" :value="null"></el-option> <el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
<el-option v-for="item in classifications" :key="item.id" :label="item.classificationName" :value="item.id">
:value="item.id"> </el-option>
</el-option> </el-select>
</el-select> </div>
</div> </div>
</div>
<div class="contents"> <div class="contents">
<el-tree <el-tree
v-if="columns.length && columns.find(e => e.children.length) && !isFilter && showNav && info.listStyleId !== 15" 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" 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" 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)"> @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 class="custom-tree-node" slot-scope="{ node, data }" style="padding-left: 10px;">
<span :title="node.label">{{ node.label }}</span> <span :title="node.label">{{ node.label }}</span>
</span> </span>
</el-tree> </el-tree>
<template v-if="articles.length && !loading"> <template v-if="articles.length && !loading">
<!-- 列表样式选的是列表详情，则直接显示最新一篇文章的详情 --> <!-- 列表样式选的是列表详情，则直接显示最新一篇文章的详情 -->
<div v-if="info.listStyleId === 77" class="detail"> <div v-if="info.listStyleId === 77" class="detail">
<template v-if="article.articleTemplate != 72 && article.articleTemplate != 80"> <template v-if="article.articleTemplate != 72 && article.articleTemplate != 80">
<h2>{{ article.title }}</h2> <h2>{{ article.title }}</h2>
<!-- <div class="meta">{{ article.source && article.source + ' | ' }} {{ article.author && article.author + ' | ' }} {{ article.releaseTime }}</div> <!-- <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> --> <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> </template>
<p v-if="article.summary" class="brief">{{ article.summary }}</p> <p v-if="article.summary" class="brief">{{ article.summary }}</p>
<div class="des" v-html="article.mainBody"></div> <div class="des" v-html="article.mainBody"></div>
<div v-if="article.fileList && article.fileList.length" class="annex"> <div v-if="article.fileList && article.fileList.length" class="annex">
<h6>{{ $t('column.attachmentDownload') }}</h6> <h6>{{ $t('column.attachmentDownload') }}</h6>
<ul class="files"> <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="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>
</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>
</li> </li>
</ul> </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> </div>
</template>
</div>
<template v-else> <template v-else>
<div class="article-wrap"> <template v-if="info.listStyleId === 12">
<ul :class="['articles', { media: info.listStyleId === 74 }]"> <div class="article-wrap">
<li v-for="(item, i) in articles" :key="i" <ul class="articles">
:class="{ 'news-notice': info.listStyleId === 55, 'org': info.listStyleId === 68 }" <li v-for="(item, i) in articles" :key="i" :class="{ 'news-notice': info.listStyleId === 55 }"
class="overDetail" @click="toArtice(item)"> class="readDetail" @click="toArtice(item)">
<template v-if="info.listStyleId === 55"> <template v-if="info.listStyleId === 55">
<div class="releaseTime"> <div class="releaseTime">
<p class="d">{{ item.date }}</p> <p class="d">{{ item.date }}</p>
<p class="m">{{ item.month }}</p> <p class="m">{{ item.month }}</p>
</div> </div>
<div class="news-title">{{ item.title }}</div> <div class="news-title">{{ item.title }}</div>
</template> </template>
<template v-else> <template v-else>
<img v-if="info.listStyleId !== 74" class="pic" :src="item.titleImg" alt="" <img class="pic" :src="item.titleImg" alt=""
onerror="javascript:this.src='./images/1.png?id=1';" /> onerror="javascript:this.src='./images/1.png?id=1';" />
<div class="texts">
<template v-else-if="item.fileList"> <p v-if="(item.listStyleId === 10 || item.listStyleId === 15) && item.classificationName"
<!-- <el-image class="media-pic" 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)'}" :style="{backgroundImage: 'url(https://huorantech.com/iasf/sysFiles/preview/1706961813193707521)'}"
src="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']"> :preview-src-list="['https://huorantech.com/iasf/sysFiles/preview/1706961813193707521']">
</el-image> --> </el-image> -->
<video <video
v-if="Util.isVideo(item.fileList[0].fileName.substring(item.fileList[0].fileName.lastIndexOf('.') + 1))" 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" class="media-video" controls x5-playsinline x5-video-player-type="h5"
:poster="isIphone ? 'https://huorantech.com/images/about/12.png' : ''" preload> :poster="isIphone ? 'https://huorantech.com/images/about/12.png' : ''" preload>
<source :src="item.fileList[0].filePath" type="video/mp4"> <source :src="item.fileList[0].filePath" type="video/mp4">
您的浏览器不支持 video 标签。 您的浏览器不支持 video 标签。
</video> </video>
<el-image v-else class="media-pic" :src="item.fileList[0].filePath" <el-image v-else class="media-pic" :src="item.fileList[0].filePath"
:preview-src-list="[item.fileList[0].filePath]"> :preview-src-list="[item.fileList[0].filePath]">
</el-image> </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>
</template> </template>
<span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName
&& ' | ' + <div class="texts">
item.labelName }}</span> <p v-if="(item.listStyleId === 10 || item.listStyleId === 15) && item.classificationName"
<template v-if="item.listStyleId === 15 || item.listStyleId === 16"> class="type">
<div v-if="item.keynoteSpeaker" class="meta m-b-10"> {{ item.classificationName }}
<img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }} </p>
</div> <h6 class="titleDes" :title="item.title">{{ item.title }}</h6>
<div v-if="item.activityStartTime" class="meta m-b-10"> <template
<img class="icon" src="@/assets/images/time.png" alt="" /> v-if="item.listStyleId === 11 || item.listStyleId == 12 || item.listStyleId == 68">
{{ item.activityStartTime }} <span class="meta">{{ item.releaseTime }}</span>
</div> <div class="des" v-html="item.mainBody"></div>
<div v-if="item.offlineLocation" class="meta m-b-10"> </template>
<img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation <span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName
}} && ' | ' +
</div> item.labelName }}</span>
<div v-if="item.onlineLocation" class="meta"> <template v-if="item.listStyleId === 15 || item.listStyleId === 16">
<img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }} <div v-if="item.keynoteSpeaker" class="meta m-b-10">
</div> <img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }}
</template> </div>
<el-button v-if="item.listStyleId === 15 || item.listStyleId == 68" type="primary" <div v-if="item.activityStartTime" class="meta m-b-10">
class="readDetailBtn">{{ <img class="icon" src="@/assets/images/time.png" alt="" />
$t('column.readDetail') }}</el-button> {{ item.activityStartTime }}
</div> </div>
</template> <div v-if="item.offlineLocation" class="meta m-b-10">
</li> <img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation
</ul> }}
<div v-if="total > articles.length" class="pagination"> </div>
<el-pagination background @current-change="currentChange" :current-page="page" <div v-if="item.onlineLocation" class="meta">
:page-size="pageSize" layout="total, prev, pager, next" :total="total"></el-pagination> <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>
</div> </template>
</template> </template>
</template> </template>
</template> <div v-else class="none">
<div v-else class="none"> <img src="@/assets/images/none.png" alt="">
<img src="@/assets/images/none.png" alt=""> <p class="text">{{ $t('column.comming') }}</p>
<p class="text">{{ $t('column.comming') }}</p> </div>
</div> </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> </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> </div>
</div> </div>

435
src/pages/iasf/index.vue
Unescape View File

@ -1,245 +1,254 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<!-- :interval="6000" --> <template v-if="modules.length">
<el-carousel :class="['carousel']" id="part1" :interval="6000" <el-carousel :class="['carousel']" id="part1" :interval="6000"
:arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :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'"> :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <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="" <img :class="[{ 'cursor-pointer': isLink(item.link.linkName) }]" width="100%" :src="item.pic" alt=""
@click="openLink(item)"> @click="openLink(item)">
<div class="texts"> <div class="texts">
<h6>{{ item.title }}</h6> <h6>{{ item.title }}</h6>
<p class="text">{{ item.des }}</p> <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> </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>
<div class="block news-wrap"> <div class="block news-wrap">
<div class="inner"> <div class="inner">
<h2 class="b-title wow fadeInUp">{{ modules[4].form.title }}</h2> <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> <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)"> <div class="all-link" @click="toAll(modules[5].form)">
<span>{{ $t('column.seeMore') }} <img class="icon" src="@/assets/images/arrow.png" alt=""></span> <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> </div>
<template v-if="articles.length">
<ul class="news"> <div class="news-banner wow fadeInDown" data-wow-delay="0.5s"
<template v-for="(item, i) in articles"> @click="toArtice(articles[0], modules[5].form)">
<li v-if="i" :key="i" class="wow fadeInDown" :data-wow-delay="(0.1 * i).toFixed(1) + 's'" <div class="pic-wrap">
@click="toArtice(item, modules[5].form)"> <img class="pic" width="100%" height="100%" :src="articles[0].titleImg" alt="">
<div class="pic-wrap"> <div class="pic-cover"></div>
<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> </div>
<p class="date">{{ curArticle1.releaseTime }}</p> <div class="right">
</div> <h6>{{ articles[0].title }}</h6>
<div class="action"> <div class="des" v-html="articles[0].mainBody"></div>
<i class="el-icon-arrow-left dir" @click.stop="prevCarousel(1)"></i> <p class="meta">{{ articles[0].releaseTime }} {{ articles[0].classificationName && ' | ' +
<ul class="inds"> articles[0].classificationName }}</p>
<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> </div>
<p class="date">{{ curArticle2.releaseTime }}</p>
</div> </div>
<div class="action">
<i class="el-icon-arrow-left dir" @click.stop="prevCarousel(2)"></i> <ul class="news">
<ul class="inds"> <template v-for="(item, i) in articles">
<li v-for="i in articles2.length > 3 ? 4 : articles2.length" :key="i" <li v-if="i" :key="i" class="wow fadeInDown" :data-wow-delay="(0.1 * i).toFixed(1) + 's'"
:class="{ active: curInd2 == i - 1 }" @click.stop="switchCarousel(2, i - 1)"></li> @click="toArtice(item, modules[5].form)">
</ul> <div class="pic-wrap">
<i class="el-icon-arrow-right dir" @click.stop="nextCarousel(2)"></i> <img class="pic" :src="item.titleImg" alt="">
</div> <div class="pic-cover"></div>
</li> </div>
<li v-if="articles3.length"> <div class="texts">
<img class="pic" src="https://huorantech.com/images/iasf/10.png" alt=""> <h6>{{ item.title }}</h6>
<div class="texts"> <div class="des" v-html="item.mainBody"></div>
<h6 @click="toAll(modules[8].form)">{{ getColumnTitle(modules[8].form) }} <i <p class="meta">{{ item.releaseTime }} {{ item.classificationName && ' | ' +
class="el-icon-arrow-right"></i></h6> item.classificationName
<div class="activity"> }}</p>
<div v-if="curArticle3.activityStartTime" class="date-y"> </div>
<p class="d">{{ curArticle3.activityStartTime.split(' ')[0].split('-')[2] }}</p> </li>
<p class="y">{{ curArticle3.activityStartTime.split(' ')[0].split('-')[0] + '-' + </template>
curArticle3.activityStartTime.split(' ')[0].split('-')[1] }}</p> </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> </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"> <div class="des-wrap">
<p class="meta">{{ curArticle3.classificationName }}</p> <p class="meta">{{ curArticle2.classificationName }}</p>
<div class="des" @click="toArtice(curArticle3, modules[8].form)">{{ curArticle3.title }}</div> <div class="des" @click="toArtice(curArticle2, modules[7].form)">{{ curArticle2.title }}</div>
</div> </div>
<p class="date">{{ curArticle2.releaseTime }}</p>
</div> </div>
</div> <div class="action">
<div class="action"> <i class="el-icon-arrow-left dir" @click.stop="prevCarousel(2)"></i>
<i class="el-icon-arrow-left dir" @click.stop="prevCarousel(3)"></i> <ul class="inds">
<ul class="inds"> <li v-for="i in articles2.length > 3 ? 4 : articles2.length" :key="i"
<li v-for="i in articles3.length > 3 ? 4 : articles3.length" :key="i" :class="{ active: curInd2 == i - 1 }" @click.stop="switchCarousel(2, i - 1)"></li>
:class="{ active: curInd3 == i - 1 }" @click.stop="switchCarousel(3, i - 1)"></li> </ul>
</ul> <i class="el-icon-arrow-right dir" @click.stop="nextCarousel(2)"></i>
<i class="el-icon-arrow-right dir" @click.stop="nextCarousel(3)"></i> </div>
</div> </li>
</li> <li v-if="articles3.length">
</ul> <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>
<div class="block people-block"> <div class="block people-block">
<div class="inner"> <div class="inner">
<h2 class="b-title wow fadeInUp">{{ modules[9].form.title }}</h2> <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> <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[9].form.des }}</p>
<ul v-if="articles4.length" class="people"> <ul v-if="articles4.length" class="people">
<li v-for="(item, i) in articles4" :key="i" @click="toArtice(item, modules[10].form)" <li v-for="(item, i) in articles4" :key="i" @click="toArtice(item, modules[10].form)"
class="wow fadeInDown"> class="wow fadeInDown">
<img class="pic" :src="item.titleImg" alt=""> <img class="pic" :src="item.titleImg" alt="">
<div class="texts"> <div class="texts">
<h6>{{ item.title }}</h6> <h6>{{ item.title }}</h6>
<p class="job">{{ item.post }}</p> <p class="job">{{ item.post }}</p>
<p class="hobby">{{ item.hobby }}</p> <p class="hobby">{{ item.hobby }}</p>
<div class="text" v-html="item.mainBody"></div> <div class="text" v-html="item.mainBody"></div>
</div> </div>
</li> </li>
</ul> </ul>
<div class="all-link" @click="toAll(modules[10].form)"> <div class="all-link" @click="toAll(modules[10].form)">
<span>{{ $t('column.all') }} <img class="icon" src="@/assets/images/arrow.png" alt=""></span> <span>{{ $t('column.all') }} <img class="icon" src="@/assets/images/arrow.png" alt=""></span>
</div>
</div> </div>
</div> </div>
</div>
<div class="block talent-block"> <div class="block talent-block">
<div class="inner"> <div class="inner">
<h2 class="b-title">{{ modules[11].form.title }}</h2> <h2 class="b-title">{{ modules[11].form.title }}</h2>
<p class="intro" data-wow-delay="0.5s">{{ modules[11].form.des }}</p> <p class="intro" data-wow-delay="0.5s">{{ modules[11].form.des }}</p>
<div class="talent"> <div class="talent">
<div class="left"> <div class="left">
<h6>{{ modules[12].form.title }}</h6> <h6>{{ modules[12].form.title }}</h6>
<p class="sub-title">{{ modules[12].form.subTitle }}</p> <p class="sub-title">{{ modules[12].form.subTitle }}</p>
<div class="text" v-html="modules[12].form.des"></div> <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" <el-button v-if="isLink(modules[12].form.link.linkName)" style="background-color: #026BE1;"
round @click="openLink(modules[12].form)">诚邀海内外人才加入我们 ></el-button> type="primary" round @click="openLink(modules[12].form)">诚邀海内外人才加入我们 ></el-button>
</div>
<img :src="modules[12].form.pic" alt="" class="pic">
</div> </div>
<img :src="modules[12].form.pic" alt="" class="pic">
</div> </div>
</div> </div>
</div>
<div class="about"> <div class="about">
<div class="about-bg"> <div class="about-bg">
<div class="inner"> <div class="inner">
<div class="left"> <div class="left">
<h6>{{ modules[13].form.title }}</h6> <h6>{{ modules[13].form.title }}</h6>
<div class="text" v-html="modules[13].form.des"></div> <div class="text" v-html="modules[13].form.des"></div>
<img src="@/assets/images/arrow-white.png" alt="" <img src="@/assets/images/arrow-white.png" alt=""
:class="{ 'arrow': isLink(modules[13].form.link.linkName) }" @click="openLink(modules[13].form)"> :class="{ 'arrow': isLink(modules[13].form.link.linkName) }" @click="openLink(modules[13].form)">
</div>
<img class="pic" :src="modules[13].form.pic" alt="">
</div> </div>
<img class="pic" :src="modules[13].form.pic" alt="">
</div> </div>
</div> </div>
</div>
<div class="block" style="margin-top: 100px"> <div class="block" style="margin-top: 100px">
<div class="inner"> <div class="inner">
<ul class="entry"> <ul class="entry">
<li :class="{ 'cursor-pointer': isLink(modules[14].form.link.linkName) }" @click="openLink(modules[14].form)"> <li :class="{ 'cursor-pointer': isLink(modules[14].form.link.linkName) }"
<img class="icon" :src="modules[14].form.pic" alt=""> @click="openLink(modules[14].form)">
<p class="text">{{ modules[14].form.title }}</p> <img class="icon" :src="modules[14].form.pic" alt="">
</li> <p class="text">{{ modules[14].form.title }}</p>
<li :class="{ 'cursor-pointer': isLink(modules[15].form.link.linkName) }" @click="openLink(modules[15].form)"> </li>
<img class="icon" :src="modules[15].form.pic" alt=""> <li :class="{ 'cursor-pointer': isLink(modules[15].form.link.linkName) }"
<p class="text">{{ modules[15].form.title }}</p> @click="openLink(modules[15].form)">
</li> <img class="icon" :src="modules[15].form.pic" alt="">
<li :class="{ 'cursor-pointer': isLink(modules[16].form.link.linkName) }" @click="openLink(modules[16].form)"> <p class="text">{{ modules[15].form.title }}</p>
<img class="icon" :src="modules[16].form.pic" alt=""> </li>
<p class="text">{{ modules[16].form.title }}</p> <li :class="{ 'cursor-pointer': isLink(modules[16].form.link.linkName) }"
</li> @click="openLink(modules[16].form)">
<li :class="{ 'cursor-pointer': isLink(modules[17].form.link.linkName) }" @click="openLink(modules[17].form)"> <img class="icon" :src="modules[16].form.pic" alt="">
<img class="icon" :src="modules[17].form.pic" alt=""> <p class="text">{{ modules[16].form.title }}</p>
<p class="text">{{ modules[17].form.title }}</p> </li>
</li> <li :class="{ 'cursor-pointer': isLink(modules[17].form.link.linkName) }"
<li :class="{ 'cursor-pointer': isLink(modules[18].form.link.linkName) }" @click="openLink(modules[18].form)"> @click="openLink(modules[17].form)">
<img class="icon" :src="modules[18].form.pic" alt=""> <img class="icon" :src="modules[17].form.pic" alt="">
<p class="text">{{ modules[18].form.title }}</p> <p class="text">{{ modules[17].form.title }}</p>
</li> </li>
</ul> <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> </div>
</div>
<ul class="tools"> <ul class="tools">
<template v-for="(item, i) in modules[19].list"> <template v-for="(item, i) in modules[19].list">
<li v-if="item.isEnable" :key="i" @click="toLink(item, i)">{{ item.title }}</li> <li v-if="item.isEnable" :key="i" @click="toLink(item, i)">{{ item.title }}</li>
</template> </template>
</ul> </ul>
</template>
</div> </div>
</template> </template>

Write Preview
Loading…
Cancel
Save