|
@@ -7,182 +7,6 @@
|
|
|
<!-- 任务、消息、提醒、超期 -->
|
|
|
<Panel :data-list="panelList"
|
|
|
@click="gotoNewRw"></Panel>
|
|
|
- <div style="display:flex;justify-content: space-between;">
|
|
|
- <!-- 新闻 -->
|
|
|
- <div :class="vesselBankFlag === 'V' ? 'news-list v-width' : 'news-list'"
|
|
|
- ref="newsList">
|
|
|
- <div class="list-title">
|
|
|
- <div class="list-title-name">{{ $t('home.news') }}</div>
|
|
|
- <div class="list-title-more"
|
|
|
- @click="goNews">
|
|
|
- {{ $t('home.more') }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="new-list-box"
|
|
|
- style="height: calc(100% - 44px); overflow: hidden; position: relative;">
|
|
|
- <img v-show="newList.length === 0"
|
|
|
- class="noMore"
|
|
|
- src="@/assets/newhome/nomore.png" />
|
|
|
- <div v-show="newList.length > 0"
|
|
|
- class="new-list-body"
|
|
|
- v-for="(item, index) in newList"
|
|
|
- :key="index"
|
|
|
- @click="goNewsDetail(item.id)">
|
|
|
- <div class="new-list-img">
|
|
|
- <div class="newsTJ"
|
|
|
- v-show="item.systemFlag && item.systemFlag * 1 == 1">
|
|
|
- <img src="@/assets/newhome/recommend.png" />
|
|
|
- </div>
|
|
|
- <img v-lazy="$store.getters.baseInfo.fileUrl + item.coverUrl" />
|
|
|
- </div>
|
|
|
- <div style="padding:0 15px;width:80%">
|
|
|
- <div class="new-list-title">
|
|
|
- <span>{{ item.title }}</span>
|
|
|
- </div>
|
|
|
- <div class="new-list-content">
|
|
|
- <span>{{ item.newContent }}</span>
|
|
|
- </div>
|
|
|
- <div class="new-list-date">
|
|
|
- <span>{{ item.issueDate.substr(0, 16) }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- end 新闻 -->
|
|
|
- <!-- 通知通函 -->
|
|
|
- <div ref="noticeList"
|
|
|
- :class="
|
|
|
- vesselBankFlag === 'V' ? 'notice-list v-width' : 'notice-list'
|
|
|
- ">
|
|
|
- <div class="list-title">
|
|
|
- <div class="list-title-name">{{ $t('home.notification') }}</div>
|
|
|
- <div class="list-title-more"
|
|
|
- @click="goNoticeMore('0')">
|
|
|
- {{ $t('home.more') }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="padding: 10px;overflow: hidden;height: calc(100% - 44px); position: relative;">
|
|
|
- <img v-show="noticeList.length === 0"
|
|
|
- class="noMore"
|
|
|
- src="@/assets/newhome/nomore.png" />
|
|
|
- <div v-show="noticeList.length > 0"
|
|
|
- class="home-tzthList"
|
|
|
- v-for="(item, index) in noticeList"
|
|
|
- :key="index"
|
|
|
- @click="goNotice(item)">
|
|
|
- <div style="width:90%">
|
|
|
- <div class="home-tzthList-type">
|
|
|
- <div class="home-tzthList-type-title"><span>{{ item.circularTypeName + $t('common.colon') }}</span></div>
|
|
|
- <div class="home-tzthList-type-theme"><span>{{ item.theme }}</span></div>
|
|
|
- </div>
|
|
|
- <div class="home-tzthList-people">
|
|
|
- <div class="home-tzthList-Personnel"
|
|
|
- style="display:flex">
|
|
|
- <span>{{
|
|
|
- $t('home.sendPersonnel') +
|
|
|
- $t('common.colon')
|
|
|
- }}</span>
|
|
|
- <span>
|
|
|
- {{$ph( item.sender) }}
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="home-tzthList-timer">
|
|
|
- <span>{{ item.dateOfIssue }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="home-tzthList-timer-left"
|
|
|
- @click.stop="downloadNotification(item)"
|
|
|
- v-if="item.attachmentPath">
|
|
|
- <img src="../../assets/images/page/home/down.png">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- end 通知通函 -->
|
|
|
- </div>
|
|
|
- <!-- 船舶动态 -->
|
|
|
- <div class="ship-list"
|
|
|
- style="margin-top: 10px;"
|
|
|
- v-if="isShowShipList">
|
|
|
- <div class="list-title">
|
|
|
- <div class="list-title-name">
|
|
|
- {{ $t('home.dynamicTrajectory') }}
|
|
|
- </div>
|
|
|
- <div class="list-title-more">
|
|
|
- <div @click="toMap"
|
|
|
- style="color: #666666;margin-right: 20px">
|
|
|
- <img src="@/assets/images/page/home/travel.png" />
|
|
|
- <span>{{ $t('home.dynamicTrajectory') }}</span>
|
|
|
- </div>
|
|
|
- <ws-dropdown>
|
|
|
- <span class="el-dropdown-link">
|
|
|
- <img class="shortcut-entrance-right"
|
|
|
- src="@/assets/images/page/home/set.png" />
|
|
|
- </span>
|
|
|
- <ws-dropdown-menu slot="dropdown">
|
|
|
- <ws-dropdown-item>
|
|
|
- <div @click="toHide(1)">{{ $t('home.hide') }}</div>
|
|
|
- </ws-dropdown-item>
|
|
|
- </ws-dropdown-menu>
|
|
|
- </ws-dropdown>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="padding: 0 20px;height:105px;min-width:1000px;position: relative;">
|
|
|
- <img v-show="shipList.length === 0"
|
|
|
- class="noMore"
|
|
|
- src="@/assets/newhome/nomore.png" />
|
|
|
- <vue-seamless-scroll v-show="shipList.length > 0"
|
|
|
- :data="shipList"
|
|
|
- :class-option="optionSingleHeightTime"
|
|
|
- class="seamless-warp">
|
|
|
- <div style="display:flex">
|
|
|
- <div class="ship-list-body"
|
|
|
- v-for="(item, index) in shipList"
|
|
|
- :key="index">
|
|
|
- <div class="shipList-box">
|
|
|
- <img class="shipList-icon"
|
|
|
- src="@/assets/images/page/home/circle.png" />
|
|
|
- <div style="display:flex">
|
|
|
- <div class="shipList-name">{{ item.vesselName }}</div>
|
|
|
- <div :class="getNaviStatusBg(item.navistatus)"
|
|
|
- class="ship-list-status bg0">
|
|
|
- {{ getNaviStatusStr(item.navistatus) || '-' }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="shipList-address">
|
|
|
- {{
|
|
|
- (getLanguage == 'en' ? 'destination:' : '目的地:') +
|
|
|
- (item.dest_std ? item.dest_std : '-')
|
|
|
- }}
|
|
|
- </div>
|
|
|
- <div class="shipList-time">
|
|
|
- {{
|
|
|
- (getLanguage == 'en'
|
|
|
- ? 'Prearrival time:'
|
|
|
- : '预到时间:') + (item.eta_std ? item.eta_std : '-')
|
|
|
- }}
|
|
|
- </div>
|
|
|
- <div style="clear:both"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </vue-seamless-scroll>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- end 船舶动态 -->
|
|
|
- <div class="chart"
|
|
|
- v-if="showEchart">
|
|
|
- <!-- 维修保养 -->
|
|
|
- <maintenance></maintenance>
|
|
|
- <!-- 船舶证书 -->
|
|
|
- <shipCertificate></shipCertificate>
|
|
|
- <!-- 备件物料管理 -->
|
|
|
- <sparePartsMaterial></sparePartsMaterial>
|
|
|
- <!-- 采购管理 -->
|
|
|
- <procurement></procurement>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="mapXY"></div>
|