Browse Source

新增:产品购买页面及下单页面

master
科技小王子 7 months ago
parent
commit
6fa46770a4
  1. 4
      pages/case/components/CardList.vue
  2. 2
      pages/components/ProductList.vue
  3. 14
      pages/item/components/PageBanner.vue

4
pages/case/components/CardList.vue

@ -3,7 +3,7 @@
<el-row :gutter="24" class="flex"> <el-row :gutter="24" class="flex">
<template v-for="(item,index) in list" :key="index"> <template v-for="(item,index) in list" :key="index">
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb-5 min-w-xs"> <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb-5 min-w-xs">
<el-card shadow="hover" :body-style="{ padding: '0px' }" class="hover:bg-gray-50 cursor-pointer">
<el-card shadow="hover" :body-style="{ padding: '0px' }" class="hover:bg-gray-50 cursor-pointer" @click="openSpmUrl(`/item`,item,item.appId,true)">
<el-image :src="item.appIcon" fit="contain" :lazy="true" class="w-full md:h-[150px] h-[199px] cursor-pointer" /> <el-image :src="item.appIcon" fit="contain" :lazy="true" class="w-full md:h-[150px] h-[199px] cursor-pointer" />
<div class="flex-1 px-4 py-5 sm:p-6 !p-4"> <div class="flex-1 px-4 py-5 sm:p-6 !p-4">
<div class="text-gray-700 dark:text-white text-base font-semibold flex items-center gap-1.5"> <div class="text-gray-700 dark:text-white text-base font-semibold flex items-center gap-1.5">
@ -13,7 +13,7 @@
<span class="text-gray-500">{{ item.comments }} </span> <span class="text-gray-500">{{ item.comments }} </span>
</div> </div>
<div class="button-group flex justify-center mt-3"> <div class="button-group flex justify-center mt-3">
<el-button class="w-full" :icon="ElIconView" @click="openSpmUrl(`/item`,item,item.appId,true)">查看详情</el-button>
<el-button class="w-full" :icon="ElIconView" @click.stop="openSpmUrl(`/item`,item,item.appId,true)">查看详情</el-button>
<el-button v-if="item.price && item.price > 0" class="w-full" :icon="ElIconShoppingCart">购买</el-button> <el-button v-if="item.price && item.price > 0" class="w-full" :icon="ElIconShoppingCart">购买</el-button>
<el-button v-else class="w-full" :icon="ElIconSetting" @click="openSpmUrl(`https://${item.tenantId}.websoft.top`,item,item.appId,true)">控制台</el-button> <el-button v-else class="w-full" :icon="ElIconSetting" @click="openSpmUrl(`https://${item.tenantId}.websoft.top`,item,item.appId,true)">控制台</el-button>
</div> </div>

2
pages/components/ProductList.vue

@ -13,7 +13,7 @@
<el-row :gutter="24" class="flex"> <el-row :gutter="24" class="flex">
<template v-for="(item,index) in list" :key="index"> <template v-for="(item,index) in list" :key="index">
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb-5 min-w-xs"> <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb-5 min-w-xs">
<el-card shadow="hover" :body-style="{ padding: '0px' }" class="hover:bg-gray-50 cursor-pointer">
<el-card shadow="hover" :body-style="{ padding: '0px' }" class="hover:bg-gray-50 cursor-pointer" @click="openSpmUrl(`/item`, item,item.productId,true)">
<el-image <el-image
:src="`${item.image}`" :src="`${item.image}`"
fit="fill" :lazy="true" class="w-full md:h-[150px] h-[199px] cursor-pointer"/> fit="fill" :lazy="true" class="w-full md:h-[150px] h-[199px] cursor-pointer"/>

14
pages/item/components/PageBanner.vue

@ -44,19 +44,19 @@
<div class="btn"> <div class="btn">
<el-space class="mt-4"> <el-space class="mt-4">
<el-button <el-button
:icon="ElIconView"
:icon="ElIconBottom"
size="large" size="large"
class="hidden-sm-and-down"
@click="openSpmUrl(form.demoUrl)"
@click="openSpmUrl(`/product/create`,form,form.productId)"
> >
演示地址
立即开通
</el-button> </el-button>
<el-button <el-button
:icon="ElIconBottom"
:icon="ElIconView"
size="large" size="large"
@click="openSpmUrl(form.buyUrl)"
class="hidden-sm-and-down"
@click="openSpmUrl(form.demoUrl)"
> >
下载源码
演示地址
</el-button> </el-button>
<el-button <el-button
:icon="ElIconHomeFilled" :icon="ElIconHomeFilled"

Loading…
Cancel
Save