-
GxDL算力云
+ FAST亼算云
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 92c5931..44ad7e2 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -19,7 +19,7 @@
+ @click="router.push(item.link_url)">
![]()
-
+ {{ item.title }}
@@ -179,39 +179,39 @@ const fetchBannerList = async () => { }; // 请求轮播 const getOneList = async () => { - try { - const res: any = await getApiOneList(); - // 处理返回的数据 - if (res && Array.isArray(res) && res.length > 0) { - oneList.value = res; - } else { - // API返回空数据或无效数据，使用默认图片 - oneList.value = [{ id: 0, image_url: defaultBanner }]; - } - } catch (error: any) { - console.error('轮播图请求失败:', error); + // try { + // const res: any = await getApiOneList(); + // // 处理返回的数据 + // if (res && Array.isArray(res) && res.length > 0) { + // oneList.value = res; + // } else { + // // API返回空数据或无效数据，使用默认图片 + // oneList.value = [{ id: 0, image_url: defaultBanner }]; + // } + // } catch (error: any) { + // console.error('轮播图请求失败:', error); // 请求失败时使用默认图片 oneList.value = [ { img: youhuiquan, title: '算力免费领', description: '完成认证/问卷获得算力券', - path: '/active/newUser' + link_url: '/active/newUser' }, { img: yaoqinghaoyou, title: '邀约优算友', description: '邀请好友可获得算力券', - path: '/active/invite' + link_url: '/active/invite' }, { img: goumaijilu, title: '开业重磅福利', description: '购算力，享豪礼', - path: '/active/newUser' + link_url: '/active/newUser' } ] - } + // } }; // 请求GPU列表 const getGPUList = async () => { @@ -231,17 +231,17 @@ const getAdvantageList = async () => { const res: any = await getAdvantage(); const list = res || []; // 给每个 item 添加 img 字段 - // list.forEach((item: any, index: number) => { - // if (index === 0) { - // item.img = one; - // } else if (index === 1) { - // item.img = two; - // } else if (index === 2) { - // item.img = three; - // } else { - // item.img = firth; - // } - // }); + list.forEach((item: any, index: number) => { + if (index === 0) { + item.img = one; + } else if (index === 1) { + item.img = two; + } else if (index === 2) { + item.img = three; + } else { + item.img = firth; + } + }); advantageList.value = list; } catch (error: any) { diff --git a/src/views/instanceCreate/index.vue b/src/views/instanceCreate/index.vue index 7f4a0c0..61f9ffd 100644 --- a/src/views/instanceCreate/index.vue +++ b/src/views/instanceCreate/index.vue @@ -23,7 +23,15 @@
+ 租用时长*:
+
+
+ {{ item.label
+ }}
+
+
+
GPU数量([])
const instanceName = ref('')
const checked = ref(false)
const totalMoney = ref(0)
+const priceCount = ref(1)
const voucherId = ref('')
// 响应式数据
const billingType = ref('PayOnTime')
@@ -204,14 +213,26 @@ async function fetchTotalCost() {
const res: any = await getTotalCost({
billingMethod: billingType.value,
gpuNum: gpuCount.value,
- host_id: HostId.value
+ host_id: HostId.value,
+ price_count:priceCount.value
})
totalMoney.value = res.amount
computingPowerPoint.value = res.computingPowerPoint
}
-
+const dayList = ref([{ id: 1, label: '1日' }, { id: 2, label: '2日' }, { id: 3, label: '3日' }, { id: 4, label: '4日' }, { id: 5, label: '5日' }, { id: 6, label: '6日' }])
+const weekList = ref([{ id: 1, label: '1周' }, { id: 2, label: '2周' }, { id: 3, label: '3周' }])
+const weekMonth = ref([{ id: 1, label: '1个月' }, { id: 2, label: '2个月' }, { id: 3, label: '3个月' }, { id: 3, label: '4个月' }, { id: 3, label: '5个月' }, { id: 3, label: '6个月' }, { id: 3, label: '7个月' }, { id: 3, label: '8个月' }, { id: 3, label: '9个月' }, { id: 3, label: '10个月' }, { id: 3, label: '11个月' }])
+const priceCounts = computed(() => {
+ if (billingType.value === 'PayOnDay') {
+ return dayList.value
+ } else if (billingType.value === 'PayOnWeek') {
+ return weekList.value
+ } else if (billingType.value === 'PayOnMonth') {
+ return weekMonth.value
+ }
+})
// 监听依赖项变化
-watch([billingType, gpuCount], () => {
+watch([billingType, gpuCount,priceCount], () => {
fetchTotalCost()
getSingleHost()
}) // 组件加载时也执行一次
diff --git a/src/views/layout/index.vue b/src/views/layout/index.vue
index 8757fa3..c5aa9e9 100644
--- a/src/views/layout/index.vue
+++ b/src/views/layout/index.vue
@@ -1,7 +1,7 @@
-
GxDL算力云
+ FAST亼算云