From ece5b7b7d24f85a3253cf722291e69ca7a406192 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期二, 16 八月 2022 13:05:18 +0800
Subject: [PATCH] 完善大屏
---
src/views/index/index.vue | 475 +++++++++++++++++++++++-----------------------------------
1 files changed, 191 insertions(+), 284 deletions(-)
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index 179814f..9804aa1 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -3,21 +3,32 @@
<!-- 琛ㄥご -->
<IndexHeader></IndexHeader>
<!-- 杞挱鍥� -->
- <Banner ref="Banner"></Banner>
+ <Banner ref="Banner" :bannerList="bannerList"></Banner>
+
+ <div class="bannerLink" @click="jump"></div>
<!-- 杞挱鍥炬帶鍒跺櫒 -->
- <ul class="bannerControl">
- <li v-for="i in 4" :key="i" @click="toggleBanner(i)">
- <button class="inner" :class="{ active: activeBanner == i }"></button>
- </li>
- </ul>
+ <div class="bannerControl">
+ <ul>
+ <li
+ v-for="(item, index) in bannerList"
+ :key="index"
+ @click="toggleBanner(index)"
+ >
+ <button
+ class="inner"
+ :class="{ active: activeBanner == index }"
+ ></button>
+ </li>
+ </ul>
+ </div>
<div class="overCard">
<div class="heart">
<!-- 鎺ㄨ崘鍗＄墖 -->
<commendCard :commendCardData="commendCardData"></commendCard>
<!-- 鐢ㄦ埛card -->
- <userCard></userCard>
+ <userCard :userCardArr="userCardArr"></userCard>
</div>
</div>
@@ -27,26 +38,29 @@
<div class="tabs">
<div
class="tabItem"
- :class="{ active: activeCommend === 0 }"
- @click="activeCommend = 0"
+ :class="{ active: activeCommend === 3 }"
+ @click="selecTab(3)"
>
- <img src="/images/index/绠楁硶.png" alt="" />
+ <img src="/images/index/sdk.png" alt="" />
<div class="label">绠楁硶</div>
</div>
<div
class="tabItem"
- :class="{ active: activeCommend === 1 }"
- @click="activeCommend = 1"
+ :class="{ active: activeCommend === 4 }"
+ @click="selecTab(4)"
>
- <img src="/images/index/搴旂敤.png" alt="" />
+ <img src="/images/index/app.png" alt="" />
<div class="label">搴旂敤</div>
</div>
</div>
</div>
<!-- tab鍐呭 -->
<div class="commendTabsContent">
- <commendContent :commendData="commendData"></commendContent>
+ <commendContent
+ :commendData="commendData"
+ @refresh="getRecommend"
+ ></commendContent>
</div>
<!-- 鐑棬浜у搧 -->
@@ -56,15 +70,27 @@
class="productItem"
v-for="(item, index) in productData"
:key="index"
- :class="{ short: item.type == 1 || item.type == 2 }"
+ :class="{ short: item.typeId == 4 || item.typeId == 1 }"
>
<productLeft :data="item"></productLeft>
- <rightRrid v-if="item.type == 0" :data="item"></rightRrid>
- <rightColumn v-if="item.type == 1" :data="item"></rightColumn>
- <rightForm v-if="item.type == 2" :data="item"></rightForm>
- <rightTabs v-if="item.type == 3" :data="item"></rightTabs>
+ <rightRrid v-if="item.typeId == 3" :data="item"></rightRrid>
+ <rightColumn v-if="item.typeId == 4" :data="item"></rightColumn>
+ <rightForm v-if="item.typeId == 1" :data="item"></rightForm>
+ <rightTabs v-if="item.typeId == 2" :data="item"></rightTabs>
</div>
+
+ <!-- <div
+ class="productItem"
+ v-for="(item, index) in productData1"
+ :key="index + '1'"
+ :class="{ short: item.typeId == 4 || item.typeId == 1 }"
+ >
+ <productLeft :data="item"></productLeft>
+ <rightForm v-if="item.typeId == 1" :data="item"></rightForm>
+ <rightTabs v-if="item.typeId == 2" :data="item"></rightTabs>
+ </div> -->
</div>
+
<Connect></Connect>
<!-- 椤靛熬 -->
@@ -86,6 +112,13 @@
import Connect from "@/components/Connect";
import Footer from "@/components/Footer";
+import {
+ getIndexPics,
+ getIndexModelRecommend,
+ getModelList,
+} from "@/api/product";
+import { getUserOrderInfo } from "@/api/order";
+
export default {
name: "Index",
components: {
@@ -102,164 +135,46 @@
Connect,
Footer,
},
-
+ created() {
+ this.getBanner();
+ this.getRecommend();
+ this.getModule();
+ this.getUserBuyInfo();
+ },
data() {
return {
commendCardData: [
{
- img: "/images/index/鍏ㄦ皯浜戣绠�.png",
+ img: "/images/index/compute.png",
title: "鍏ㄦ皯浜戣绠�",
- des: "浜戞湇鍔＄壒鎯狅紝闄愭椂3鎶樿捣锛屼綆鑷�659鍏�/3骞�",
+ des: "浜戞湇鍔＄壒鎯狅紝闄愭椂3鎶樿捣",
router: "/",
},
{
- img: "/images/index/鍞墠鍜ㄨ.png",
- title: "鍞墠鍜ㄨ",
- des: "鑷寸數0315-2233066锛岄鍙栨偍鐨勪笓灞炴潈鐩�",
+ img: "/images/index/beforeSell.png",
+ title: "鍞悗鍜ㄨ",
+ des: "鑷寸數18953384058锛岄鍙栨偍鐨勪笓灞炴潈鐩�",
router: "/",
},
{
- img: "/images/index/璇曠敤涓績.png",
- title: "璇曠敤涓績",
- des: "绠楁硶鍏嶈垂璇曠敤锛屼负鎮ㄦ彁渚� 0 闂ㄦ瀹炶返鏈轰細",
- router: "/trialCenter",
+ img: "/images/index/trialCenter.png",
+ title: "搴旂敤鍟嗗煄",
+ des: "绠楁硶鎸夐渶瀹夎锛岀伒娲婚厤缃�",
+ router: "/product",
},
], //鎺ㄨ崘鍗＄墖鏁版嵁
- activeBanner: 1, //閫変腑鐨刡anner
- activeCommend: 0, //閫変腑鐨勬帹鑽恡abs
- commendData: [
- {
- img: "/images/index/15鎴村彛缃�.png",
- title: "鎴村彛缃�",
- des: "瀵圭伀杞﹂┚椹惰埍鐨勭洃鎺ц棰戣繘琛屾娴嬶紝褰撻┚椹朵汉鍛樺嚭鐜拌洞浼忕幇璞℃椂锛屽皢缁撴灉璁板綍涓嬫潵",
- priceNew: "540.00",
- priceOld: "900.00",
- },
- {
- img: "/images/index/1浠板崸妫�娴�.png",
- title: "浠板崸妫�娴�",
- des: "瀵圭伀杞﹂┚椹惰埍鐨勭洃鎺ц棰戣繘琛屾娴嬶紝褰撻┚椹朵汉鍛樺嚭鐜拌洞浼忕幇璞℃椂锛屽皢缁撴灉璁板綍涓嬫潵",
- priceNew: "540.00",
- priceOld: "900.00",
- },
- {
- img: "/images/index/11婊炵暀.png",
- title: "婊炵暀",
- des: "瀵圭伀杞﹂┚椹惰埍鐨勭洃鎺ц棰戣繘琛屾娴嬶紝褰撻┚椹朵汉鍛樺嚭鐜拌洞浼忕幇璞℃椂锛屽皢缁撴灉璁板綍涓嬫潵",
- priceNew: "540.00",
- priceOld: "900.00",
- },
- {
- img: "/images/index/34璺屽��.png",
- title: "璺屽��",
- des: "瀵圭伀杞﹂┚椹惰埍鐨勭洃鎺ц棰戣繘琛屾娴嬶紝褰撻┚椹朵汉鍛樺嚭鐜拌洞浼忕幇璞℃椂锛屽皢缁撴灉璁板綍涓嬫潵",
- priceNew: "540.00",
- priceOld: "900.00",
- },
- ], //鎺ㄨ崘tab鐨勬暟鎹�
- productData: [
- {
- router: "/product",
- type: 0,
- img: "/images/index/AI鐖嗘.png",
- title: "AI鐖嗘",
- des: "绮惧績鎸戦�夌殑鐑棬绠楁硶鍙婂簲鐢紝鎬绘湁涓�娆鹃�傚悎浣�",
- product: [
- {
- icon: "/images/index/20鐫″矖.png",
- title: "鐫″矖",
- des: "瀵圭伀杞﹂┚椹惰埍鐨勭洃鎺ц棰戣繘琛屾娴嬶紝褰撻┚椹朵汉鍛樺嚭鐜拌洞浼忕幇璞℃椂锛屽皢缁撴灉璁板綍涓嬫潵",
- priceNew: "540.00",
- priceOld: "900.00",
- },
- {
- icon: "/images/index/13婊炵暀.png",
- title: "婊炵暀",
- des: "瀵圭伀杞﹂┚椹惰埍鐨勭洃鎺ц棰戣繘琛屾娴嬶紝褰撻┚椹朵汉鍛樺嚭鐜拌洞浼忕幇璞℃椂锛屽皢缁撴灉璁板綍涓嬫潵",
- priceNew: "540.00",
- priceOld: "900.00",
- },
- {
- icon: "/images/index/1浠板崸妫�娴�.png",
- title: "浠板崸妫�娴�",
- des: "瀵圭伀杞﹂┚椹惰埍鐨勭洃鎺ц棰戣繘琛屾娴嬶紝褰撻┚椹朵汉鍛樺嚭鐜拌洞浼忕幇璞℃椂锛屽皢缁撴灉璁板綍涓嬫潵",
- priceNew: "540.00",
- priceOld: "900.00",
- },
- {
- icon: "/images/index/34璺屽��.png",
- title: "璺屽��",
- des: "瀵圭伀杞﹂┚椹惰埍鐨勭洃鎺ц棰戣繘琛屾娴嬶紝褰撻┚椹朵汉鍛樺嚭鐜拌洞浼忕幇璞℃椂锛屽皢缁撴灉璁板綍涓嬫潵",
- priceNew: "540.00",
- priceOld: "900.00",
- },
- {
- icon: "/images/index/15鎴村彛缃�.png",
- title: "鎴村彛缃�",
- des: "瀵圭伀杞﹂┚椹惰埍鐨勭洃鎺ц棰戣繘琛屾娴嬶紝褰撻┚椹朵汉鍛樺嚭鐜拌洞浼忕幇璞℃椂锛屽皢缁撴灉璁板綍涓嬫潵",
- priceNew: "540.00",
- priceOld: "900.00",
- },
- {
- icon: "/images/index/28鐜╂墜鏈�.png",
- title: "鐜╂墜鏈�",
- des: "瀵圭伀杞﹂┚椹惰埍鐨勭洃鎺ц棰戣繘琛屾娴嬶紝褰撻┚椹朵汉鍛樺嚭鐜拌洞浼忕幇璞℃椂锛屽皢缁撴灉璁板綍涓嬫潵",
- priceNew: "540.00",
- priceOld: "900.00",
- },
- ],
- },
-
+ activeBanner: 0, //閫変腑鐨刡anner
+ activeCommend: 3, //閫変腑鐨勬帹鑽恡abs
+ commendData: [], //鎺ㄨ崘tab鐨勬暟鎹�
+ productData: [],
+ userCardArr: [],
+ productData1: [
{
router: "/",
- type: 1,
- img: "/images/index/绠＄悊涓績.png",
- title: "绠＄悊涓績",
- des: "鎬т环姣旇秴楂樼殑绠＄悊涓績锛屽垰闇�浜у搧涓�閿喘榻愶紝涓嶄粎鐪侀挶杩樼渷蹇�",
- product: [
- {
- icon: "/images/index/姣斿搴撶鐞�.png",
- title: "姣斿搴撶鐞�",
- des: "瀵规墍鏈夎仈缃戠殑璁惧杩涜鍏ㄦ柟浣嶇鐞�",
- menu: [
- "鏀寔璁惧鐨勫熀鏈俊鎭�佺‖浠朵俊鎭�佽祫婧愭儏鍐点�佸畨瑁呯殑绠楁硶/搴旂敤绛夊姛鑳界洃绠�",
- "鏀寔瀵硅澶囪繘琛岄噸鍚�佺郴缁熸竻鐞嗙瓑鎿嶄綔",
- ],
- priceNew: "540.00",
- priceOld: "900.00",
- },
- {
- icon: "/images/index/鏁版嵁鎺ㄩ��.png",
- title: "鏁版嵁鎺ㄩ��",
- des: "瀵规墍鏈夎仈缃戠殑璁惧杩涜鍏ㄦ柟浣嶇鐞�",
- menu: [
- "鏀寔璁惧鐨勫熀鏈俊鎭�佺‖浠朵俊鎭�佽祫婧愭儏鍐点�佸畨瑁呯殑绠楁硶/搴旂敤绛夊姛鑳界洃绠�",
- "鏀寔瀵硅澶囪繘琛岄噸鍚�佺郴缁熸竻鐞嗙瓑鎿嶄綔",
- "鏀寔瀵硅澶囪繘琛岄噸鍚�佺郴缁熸竻鐞嗙瓑鎿嶄綔",
- ],
- priceNew: "540.00",
- priceOld: "900.00",
- },
- {
- icon: "/images/index/缁熻鏌ヨ.png",
- title: "缁熻鏌ヨ",
- des: "瀵规墍鏈夎仈缃戠殑璁惧杩涜鍏ㄦ柟浣嶇鐞�",
- menu: [
- "鏀寔璁惧鐨勫熀鏈俊鎭�佺‖浠朵俊鎭�佽祫婧愭儏鍐点�佸畨瑁呯殑绠楁硶/搴旂敤绛夊姛鑳界洃绠�",
- "鏀寔瀵硅澶囪繘琛岄噸鍚�佺郴缁熸竻鐞嗙瓑鎿嶄綔",
- ],
- priceNew: "540.00",
- priceOld: "900.00",
- },
- ],
- },
-
- {
- router: "/",
- type: 2,
- img: "/images/index/浜戞湇鍔�.png",
- title: "浜戞湇鍔�",
- des: "涓�閿喘涔帮紝寮�鍚疉I搴旂敤涔嬫梾",
+ typeId: 1,
+ pic: "/images/index/modelbgc2.png",
+ name: "浜戞湇鍔�",
+ desc: "涓�閿喘涔帮紝寮�鍚疉I搴旂敤涔嬫梾",
product: {
title: "AI-0",
menu: [
@@ -296,168 +211,136 @@
{
router: "/",
- type: 3,
- img: "/images/index/杈圭紭璁＄畻璁惧.png",
- title: "杈圭紭璁＄畻璁惧",
- des: "涓�绉嶉儴缃插湪杩戝満渚х殑楂樺彲鐢ㄧ殑杞‖涓�浣撲骇鍝侊紝鎻愬崌搴旂敤绋嬪簭鐨勫揩閫熷搷搴旇兘鍔涖�佽妭鐪佸甫瀹芥祦閲忔垚鏈�",
+ typeId: 2,
+ pic: "/images/index/modelbgc.png",
+ name: "杈圭紭璁＄畻璁惧",
+ desc: "涓�绉嶉儴缃插湪杩戝満渚х殑楂樺彲鐢ㄧ殑杞‖涓�浣撲骇鍝侊紝鎻愬崌搴旂敤绋嬪簭鐨勫揩閫熷搷搴旇兘鍔涖�佽妭鐪佸甫瀹芥祦閲忔垚鏈�",
product: [
{
- name: "杈圭紭璁＄畻璁惧1",
- title: "LE-V-S003 楂樻�ц兘杈圭紭璁＄畻涓绘満",
- des: "涓撲负楂樻�ц兘瑙嗛搴旂敤鎵撻�狅紝寮烘倣鐨勫弻蹇楀己澶勭悊鍣紝杞绘澗搴斿楂樼畻鍔涘簲鐢ㄥ満鏅殑闇�姹傘��",
+ name: "楂樻�ц兘杈圭紭璁＄畻璁惧",
+ title: "NVIDIA Jetson Xavier NX AI杈圭紭璁＄畻鐩掑瓙",
+ des: "绯荤粺灏哄灏忓阀锛屽畨瑁呯伒娲伙紝鎺ュ彛涓板瘜锛屽叿澶囩伒娲荤殑鎵╁睍鑳藉姏銆傚彲骞挎硾搴旂敤浜庡埗閫犮�侀搧璺�佺潱瀵熴�佺幆淇濄�佹櫤鎱у煄甯傘�佸尰鐤椾繚鍋ュ拰鐢熷懡绉戝銆佹櫤鑳芥満鍣ㄧ瓑棰嗗煙銆�",
content: [
{
key: "鐗圭偣",
value: [
- "鎼浇涓ら楂樻�ц兘蹇楀己澶勭悊鍣紝鍙彁渚涢珮杈�64T鐨勫嚩鐚涚畻鍔�",
- "Server绯诲垪锛屽叿澶囧崟鍙颁笌闆嗙兢鏈嶅姟",
- "鏀寔绠楀姏铏氭嫙鍖栫鎺э紝楂樼ǔ瀹氭�у崟鏈虹儹澶�",
+ "杞‖涓�浣擄紝棰勮浜嗚礉鎬濈鑷爺鐨勭埥鐏典紒涓氱骇AI鎿嶄綔绯荤粺",
+ "寮�绠卞嵆鐢紝鍔╁姏浼佷笟蹇�熷紑鍚疉I搴旂敤鐨勬瀯寤�",
+ "寮�鏀惧吋瀹癸紝閫傞厤褰撳墠涓绘祦纭欢骞冲彴x86銆丄RM銆丄I鑺墖绛�",
+ "宸ヤ笟绾ц璁★紝楂樻姉闇囷紝閫傚簲涓ラ叿宸ヤ笟鐜",
],
},
{
key: "閰嶇疆",
value: [
- "鑻辩壒灏� 蹇楀己 Silver 4114 10鏍稿鐞嗗櫒 x 2",
- "64GB 鍐呭瓨 (16GB x 4) + 480GB SSD 瀛樺偍 + 8TB HDD 瀛樺偍 鍗冨厗 LAN x 4",
+ "CPU:6-core NVIDIA Carmel ARM庐v8.2 64-bit CPU 6MB L2 + 4MB L3",
+ "GPU:384-core NVIDIA VoltaTM GPU with 48 Tensor Cores",
],
},
],
- img: "/images/index/璁惧鍥�.png",
+ img: "/images/index/equipment.png",
},
{
- name: "杈圭紭璁＄畻璁惧2",
- title: "LE-V-S003 楂樻�ц兘杈圭紭璁＄畻涓绘満",
- des: "涓撲负楂樻�ц兘瑙嗛搴旂敤鎵撻�狅紝寮烘倣鐨勫弻蹇楀己澶勭悊鍣紝杞绘澗搴斿楂樼畻鍔涘簲鐢ㄥ満鏅殑闇�姹傘��",
+ name: "浣庡姛鑰楄竟缂樿绠楄澶�",
+ title: "Jetson AGX Xavier AI杈圭紭璁＄畻鐩掑瓙",
+ des: "姝や骇鍝佹惌杞絁etson AGX Xavier鏍稿績妯″潡锛岄瑁呬簡璐濇�濈鑷爺鐨勨�旂埥鐏典紒涓氱骇AI鎿嶄綔绯荤粺锛岃兘浠�30W鐨勪綆鍔熻�楁彁渚涢珮杈�321Tops鐨勫疄鏃舵帹鐞嗚兘鍔涖��",
content: [
{
key: "鐗圭偣",
value: [
- "鎼浇涓ら楂樻�ц兘蹇楀己澶勭悊鍣紝鍙彁渚涢珮杈�64T鐨勫嚩鐚涚畻鍔�",
- "Server绯诲垪锛屽叿澶囧崟鍙颁笌闆嗙兢鏈嶅姟",
- "鏀寔绠楀姏铏氭嫙鍖栫鎺э紝楂樼ǔ瀹氭�у崟鏈虹儹澶�",
+ "杞‖涓�浣擄紝棰勮浜嗚礉鎬濈鑷爺鐨勭埥鐏典紒涓氱骇AI鎿嶄綔绯荤粺",
+ "寮�绠卞嵆鐢紝鍔╁姏浼佷笟蹇�熷紑鍚疉I搴旂敤鐨勬瀯寤�",
+ "寮�鏀惧吋瀹癸紝閫傞厤褰撳墠涓绘祦纭欢骞冲彴x86銆丄RM銆丄I鑺墖绛�",
+ "宸ヤ笟绾ц璁★紝楂樻姉闇囷紝閫傚簲涓ラ叿宸ヤ笟鐜",
],
},
{
key: "閰嶇疆",
value: [
- "鑻辩壒灏� 蹇楀己 Silver 4114 10鏍稿鐞嗗櫒 x 2",
- "64GB 鍐呭瓨 (16GB x 4) + 480GB SSD 瀛樺偍 + 8TB HDD 瀛樺偍 鍗冨厗 LAN x 4",
+ "CPU:Volta 512 CUDA Cores + 64 Tensor Cores + 2 NVDLA10TFLOPs(FP16) 32TOPs(INT8)",
+ "GPU:8x Carmel ARM V8.2",
],
},
],
- img: "/images/index/璁惧鍥�.png",
- },
- {
- name: "杈圭紭璁＄畻璁惧3",
- title: "LE-V-S003 楂樻�ц兘杈圭紭璁＄畻涓绘満",
- des: "涓撲负楂樻�ц兘瑙嗛搴旂敤鎵撻�狅紝寮烘倣鐨勫弻蹇楀己澶勭悊鍣紝杞绘澗搴斿楂樼畻鍔涘簲鐢ㄥ満鏅殑闇�姹傘��",
- content: [
- {
- key: "鐗圭偣",
- value: [
- "鎼浇涓ら楂樻�ц兘蹇楀己澶勭悊鍣紝鍙彁渚涢珮杈�64T鐨勫嚩鐚涚畻鍔�",
- "Server绯诲垪锛屽叿澶囧崟鍙颁笌闆嗙兢鏈嶅姟",
- "鏀寔绠楀姏铏氭嫙鍖栫鎺э紝楂樼ǔ瀹氭�у崟鏈虹儹澶�",
- ],
- },
-
- {
- key: "閰嶇疆",
- value: [
- "鑻辩壒灏� 蹇楀己 Silver 4114 10鏍稿鐞嗗櫒 x 2",
- "64GB 鍐呭瓨 (16GB x 4) + 480GB SSD 瀛樺偍 + 8TB HDD 瀛樺偍 鍗冨厗 LAN x 4",
- ],
- },
- ],
- img: "/images/index/璁惧鍥�.png",
- },
- {
- name: "杈圭紭璁＄畻璁惧4",
- title: "LE-V-S003 楂樻�ц兘杈圭紭璁＄畻涓绘満",
- des: "涓撲负楂樻�ц兘瑙嗛搴旂敤鎵撻�狅紝寮烘倣鐨勫弻蹇楀己澶勭悊鍣紝杞绘澗搴斿楂樼畻鍔涘簲鐢ㄥ満鏅殑闇�姹傘��",
- content: [
- {
- key: "鐗圭偣",
- value: [
- "鎼浇涓ら楂樻�ц兘蹇楀己澶勭悊鍣紝鍙彁渚涢珮杈�64T鐨勫嚩鐚涚畻鍔�",
- "Server绯诲垪锛屽叿澶囧崟鍙颁笌闆嗙兢鏈嶅姟",
- "鏀寔绠楀姏铏氭嫙鍖栫鎺э紝楂樼ǔ瀹氭�у崟鏈虹儹澶�",
- ],
- },
-
- {
- key: "閰嶇疆",
- value: [
- "鑻辩壒灏� 蹇楀己 Silver 4114 10鏍稿鐞嗗櫒 x 2",
- "64GB 鍐呭瓨 (16GB x 4) + 480GB SSD 瀛樺偍 + 8TB HDD 瀛樺偍 鍗冨厗 LAN x 4",
- ],
- },
- ],
- img: "/images/index/璁惧鍥�.png",
- },
- {
- name: "杈圭紭璁＄畻璁惧5",
- title: "LE-V-S003 楂樻�ц兘杈圭紭璁＄畻涓绘満",
- des: "涓撲负楂樻�ц兘瑙嗛搴旂敤鎵撻�狅紝寮烘倣鐨勫弻蹇楀己澶勭悊鍣紝杞绘澗搴斿楂樼畻鍔涘簲鐢ㄥ満鏅殑闇�姹傘��",
- content: [
- {
- key: "鐗圭偣",
- value: [
- "鎼浇涓ら楂樻�ц兘蹇楀己澶勭悊鍣紝鍙彁渚涢珮杈�64T鐨勫嚩鐚涚畻鍔�",
- "Server绯诲垪锛屽叿澶囧崟鍙颁笌闆嗙兢鏈嶅姟",
- "鏀寔绠楀姏铏氭嫙鍖栫鎺э紝楂樼ǔ瀹氭�у崟鏈虹儹澶�",
- ],
- },
-
- {
- key: "閰嶇疆",
- value: [
- "鑻辩壒灏� 蹇楀己 Silver 4114 10鏍稿鐞嗗櫒 x 2",
- "64GB 鍐呭瓨 (16GB x 4) + 480GB SSD 瀛樺偍 + 8TB HDD 瀛樺偍 鍗冨厗 LAN x 4",
- ],
- },
- ],
- img: "/images/index/璁惧鍥�.png",
- },
- {
- name: "杈圭紭璁＄畻璁惧6",
- title: "LE-V-S003 楂樻�ц兘杈圭紭璁＄畻涓绘満",
- des: "涓撲负楂樻�ц兘瑙嗛搴旂敤鎵撻�狅紝寮烘倣鐨勫弻蹇楀己澶勭悊鍣紝杞绘澗搴斿楂樼畻鍔涘簲鐢ㄥ満鏅殑闇�姹傘��",
- content: [
- {
- key: "鐗圭偣",
- value: [
- "鎼浇涓ら楂樻�ц兘蹇楀己澶勭悊鍣紝鍙彁渚涢珮杈�64T鐨勫嚩鐚涚畻鍔�",
- "Server绯诲垪锛屽叿澶囧崟鍙颁笌闆嗙兢鏈嶅姟",
- "鏀寔绠楀姏铏氭嫙鍖栫鎺э紝楂樼ǔ瀹氭�у崟鏈虹儹澶�",
- ],
- },
-
- {
- key: "閰嶇疆",
- value: [
- "鑻辩壒灏� 蹇楀己 Silver 4114 10鏍稿鐞嗗櫒 x 2",
- "64GB 鍐呭瓨 (16GB x 4) + 480GB SSD 瀛樺偍 + 8TB HDD 瀛樺偍 鍗冨厗 LAN x 4",
- ],
- },
- ],
- img: "/images/index/璁惧鍥�.png",
+ img: "/images/index/equipment.png",
},
],
},
], // 鐑棬浜у搧鏁版嵁
timer: null, //鍚戜笂鍥炴粴鍔ㄧ敾
ConnectTimer: null, // 鎺у埗寮瑰眰鐨勫畾鏃跺櫒
+ bannerList: [],
};
},
methods: {
+ getUserBuyInfo() {
+ getUserOrderInfo({}).then((res) => {
+ this.userCardArr = [
+ {
+ num: res.data.needPay,
+ label: "寰呬粯娆�",
+ },
+ /* {
+ num: res.data.needRenewal,
+ label: "寰呯画璐�",
+ },
+ {
+ num: "_",
+ label: "娑堟伅涓績",
+ }, */
+ ];
+ });
+ },
// 鍒囨崲banner
toggleBanner(i) {
this.activeBanner = i;
this.$refs["Banner"].toggleBanner(i);
},
+ //鑾峰彇杞挱鍥�
+ async getBanner() {
+ const res = await getIndexPics();
+ if (res.success) {
+ this.bannerList = res.data.lists;
+ }
+ },
+ //杞挱鍥捐烦杞繛鎺�
+ jump() {
+ if (this.bannerList[this.activeBanner].url) {
+ window.open(this.bannerList[this.activeBanner].url);
+ }
+ },
+ //鑾峰彇鎺ㄨ崘鍒楄〃
+ async getRecommend() {
+ const res = await getIndexModelRecommend({ typeId: this.activeCommend });
+ this.commendData = res.data.productList;
+ },
+ // 鑾峰彇浜у搧鍒楄〃
+ async getModule() {
+ const res = await getModelList();
+ if (res && res.success) {
+ this.productData = res.data.modelList;
+ }
+ },
+ //閫夋嫨鎺ㄨ崘tab
+ selecTab(id) {
+ this.activeCommend = id;
+ this.getRecommend();
+ },
+ },
+ beforeRouteLeave(to, from, next) {
+ let userInfo = sessionStorage.getItem("userInfo");
+ if (
+ !userInfo &&
+ to.path !== "/login" &&
+ to.path !== "/register" &&
+ to.path !== "/connectUs"
+ ) {
+ next({ path: "/login" });
+ } else {
+ next();
+ }
},
};
</script>
@@ -469,14 +352,22 @@
.bannerControl {
position: absolute;
width: 1280px;
- height: 24px;
+ height: calc(28.18vw - 92px);
+ min-height: 278px;
bottom: 80px;
- top: 462px;
+ top: 62px;
left: 0;
right: 0;
transform: none;
margin: 0 auto;
z-index: 2;
+
+ ul {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ }
li {
display: inline-block;
@@ -505,12 +396,28 @@
}
}
+ .bannerLink {
+ top: 60px;
+ position: absolute;
+ width: 100%;
+ height: calc(28.18vw - 132px);
+ min-height: 236px;
+ cursor: pointer;
+ z-index: 3;
+ }
+
.overCard {
position: absolute;
- top: 394px;
+ height: calc(28.18vw + 38px);
+ min-height: 408px;
width: 100%;
+ top: 62px;
.heart {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
display: flex;
width: 1280px;
margin: 0 auto;
@@ -570,7 +477,7 @@
}
.product {
- background: url("/images/index/鑳屾櫙.png");
+ background: url("/images/index/background.png");
overflow: hidden;
min-width: 1280px;
--
Gitblit v1.8.0