|
@@ -18,6 +18,7 @@ import router from '@designer-hub/assets/src/assets/svgs/router'
|
|
import { isVideoUrl } from 'wot-design-uni/components/common/util'
|
|
import { isVideoUrl } from 'wot-design-uni/components/common/util'
|
|
import { useUserStore } from '@/store'
|
|
import { useUserStore } from '@/store'
|
|
import { AnalysisEventType, useAnalysis } from '@/composables/analysis'
|
|
import { AnalysisEventType, useAnalysis } from '@/composables/analysis'
|
|
|
|
+import BottomAppBar from '@/components/bottom-app-bar.vue'
|
|
import { usePermissions } from '@/composables/permissions'
|
|
import { usePermissions } from '@/composables/permissions'
|
|
const dealerPanelState = ref(false)
|
|
const dealerPanelState = ref(false)
|
|
const { clickByPermission } = usePermissions()
|
|
const { clickByPermission } = usePermissions()
|
|
@@ -126,7 +127,7 @@ onShareTimeline(() => ({
|
|
<NavbarEvo transparent></NavbarEvo>
|
|
<NavbarEvo transparent></NavbarEvo>
|
|
<div class="flex flex-col gap-6 relative top--14 px-3.5">
|
|
<div class="flex flex-col gap-6 relative top--14 px-3.5">
|
|
<Card>
|
|
<Card>
|
|
- <div class="flex flex-col gap-4">
|
|
|
|
|
|
+ <div class="flex flex-col gap-3">
|
|
<div class="flex gap-5">
|
|
<div class="flex gap-5">
|
|
<wd-img
|
|
<wd-img
|
|
round
|
|
round
|
|
@@ -135,28 +136,14 @@ onShareTimeline(() => ({
|
|
custom-class="border border-[#f2f2f2] border-solid"
|
|
custom-class="border border-[#f2f2f2] border-solid"
|
|
:src="data?.logoUrl"
|
|
:src="data?.logoUrl"
|
|
></wd-img>
|
|
></wd-img>
|
|
- <div class="flex flex-col gap-2.5">
|
|
|
|
- <div class="flex gap-2 items-center">
|
|
|
|
|
|
+ <div class="flex flex-col gap-1.5">
|
|
|
|
+ <div class="flex gap-1 items-center">
|
|
<div class="text-black/90 text-lg font-normal font-['PingFang_SC']">
|
|
<div class="text-black/90 text-lg font-normal font-['PingFang_SC']">
|
|
<!-- IMOLA瓷砖 -->
|
|
<!-- IMOLA瓷砖 -->
|
|
{{ data?.materialsName }}
|
|
{{ data?.materialsName }}
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
- <!-- <div-->
|
|
|
|
- <!-- class="w-[52px] h-[17px] px-2 bg-[#ef4343] rounded-[3px] justify-center items-center gap-2.5 inline-flex"-->
|
|
|
|
- <!-- >-->
|
|
|
|
- <!-- <div-->
|
|
|
|
- <!-- class="text-white text-[10px] font-normal font-['PingFang_SC'] leading-normal"-->
|
|
|
|
- <!-- >-->
|
|
|
|
- <!-- <!– 自营品牌 –>-->
|
|
|
|
- <!-- {{-->
|
|
|
|
- <!-- materialBrandLevels.find(({ value }) => value === String(data.materialsType))-->
|
|
|
|
- <!-- ?.label-->
|
|
|
|
- <!-- }}-->
|
|
|
|
- <!-- </div>-->
|
|
|
|
- <!-- </div>-->
|
|
|
|
</div>
|
|
</div>
|
|
- <div class="text-black/40 text-xs font-normal font-['PingFang_SC'] leading-[10.18px]">
|
|
|
|
|
|
+ <div class="text-black/40 text-xs font-normal font-['PingFang_SC'] leading-[10px]">
|
|
{{
|
|
{{
|
|
materialBrandTypes.find(({ value }) => value === String(data?.brandType))?.label
|
|
materialBrandTypes.find(({ value }) => value === String(data?.brandType))?.label
|
|
}}
|
|
}}
|
|
@@ -167,13 +154,11 @@ onShareTimeline(() => ({
|
|
}}
|
|
}}
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
- <span
|
|
|
|
- class="text-black/40 text-xs font-normal font-['PingFang_SC'] leading-[10.18px]"
|
|
|
|
- >
|
|
|
|
|
|
+ <span class="text-black/40 text-xs font-normal font-['PingFang_SC'] leading-[10px]">
|
|
经营品牌:
|
|
经营品牌:
|
|
</span>
|
|
</span>
|
|
<span
|
|
<span
|
|
- class="text-black/40 text-xs font-normal font-['PingFang_SC'] uppercase leading-[10.18px]"
|
|
|
|
|
|
+ class="text-black/40 text-xs font-normal font-['PingFang_SC'] uppercase leading-[10px]"
|
|
>
|
|
>
|
|
<!-- imola / chedit -->
|
|
<!-- imola / chedit -->
|
|
{{
|
|
{{
|
|
@@ -182,26 +167,6 @@ onShareTimeline(() => ({
|
|
}}
|
|
}}
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
- <!-- <div class="flex gap-2.5">-->
|
|
|
|
- <!-- <div-->
|
|
|
|
- <!-- class="w-[77px] h-5 px-2 py-px bg-neutral-100 rounded-[3px] justify-center items-center gap-2.5 inline-flex"-->
|
|
|
|
- <!-- >-->
|
|
|
|
- <!-- <div-->
|
|
|
|
- <!-- class="text-black/60 text-[10px] font-normal font-['PingFang_SC'] leading-normal"-->
|
|
|
|
- <!-- >-->
|
|
|
|
- <!-- 积分比例:{{ data?.pointsExchangeRate }}%-->
|
|
|
|
- <!-- </div>-->
|
|
|
|
- <!-- </div>-->
|
|
|
|
- <!-- <div-->
|
|
|
|
- <!-- class="w-[92px] h-5 px-2 py-px bg-neutral-100 rounded-[3px] justify-center items-center gap-2.5 inline-flex"-->
|
|
|
|
- <!-- >-->
|
|
|
|
- <!-- <div-->
|
|
|
|
- <!-- class="text-black/60 text-[10px] font-normal font-['PingFang_SC'] leading-normal"-->
|
|
|
|
- <!-- >-->
|
|
|
|
- <!-- 门店打卡:{{ data?.clockPoints }}积分-->
|
|
|
|
- <!-- </div>-->
|
|
|
|
- <!-- </div>-->
|
|
|
|
- <!-- </div>-->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<template
|
|
<template
|
|
@@ -260,20 +225,13 @@ onShareTimeline(() => ({
|
|
v-if="(materialHomePageData.brandAdvantageUrl ?? '') !== ''"
|
|
v-if="(materialHomePageData.brandAdvantageUrl ?? '') !== ''"
|
|
class="rounded-2xl overflow-hidden aspect-[1.72/1] whitespace-pre-wrap"
|
|
class="rounded-2xl overflow-hidden aspect-[1.72/1] whitespace-pre-wrap"
|
|
>
|
|
>
|
|
- <!-- <wd-img
|
|
|
|
- width="100%"
|
|
|
|
- height="100%"
|
|
|
|
- :src="materialHomePageData.brandAdvantageUrl"
|
|
|
|
- mode="aspectFill"
|
|
|
|
- custom-class=""
|
|
|
|
- ></wd-img> -->
|
|
|
|
<template v-if="isVideoUrl(materialHomePageData.brandAdvantageUrl)">
|
|
<template v-if="isVideoUrl(materialHomePageData.brandAdvantageUrl)">
|
|
- <video class="w-full h-full" :src="materialHomePageData.brandAdvantageUrl"></video>
|
|
|
|
|
|
+ <video class="w-full h-194px" :src="materialHomePageData.brandAdvantageUrl"></video>
|
|
</template>
|
|
</template>
|
|
<template v-else>
|
|
<template v-else>
|
|
<wd-img
|
|
<wd-img
|
|
width="100%"
|
|
width="100%"
|
|
- height="100%"
|
|
|
|
|
|
+ height="194"
|
|
:src="materialHomePageData.brandAdvantageUrl"
|
|
:src="materialHomePageData.brandAdvantageUrl"
|
|
mode="aspectFill"
|
|
mode="aspectFill"
|
|
custom-class=""
|
|
custom-class=""
|
|
@@ -328,22 +286,15 @@ onShareTimeline(() => ({
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
-
|
|
|
|
- <!-- <wd-button
|
|
|
|
- custom-class="w-full! rounded-lg!"
|
|
|
|
- :disabled="(data?.agreementFileUrl ?? '') === ''"
|
|
|
|
- :loading="downloading"
|
|
|
|
- @click="clickByPermission('download', () => handleDownload())"
|
|
|
|
- >
|
|
|
|
- {{ downloading ? '下载中...' : '下载所有素材包' }}
|
|
|
|
- </wd-button> -->
|
|
|
|
- <wd-button
|
|
|
|
- custom-class="w-full! rounded-lg!"
|
|
|
|
- :disabled="(data?.agreementFileUrl ?? '') === ''"
|
|
|
|
- @click="clickByPermission('download', () => (dealerPanelState = true))"
|
|
|
|
- >
|
|
|
|
- 下载所有素材包
|
|
|
|
- </wd-button>
|
|
|
|
|
|
+ <BottomAppBar fixed>
|
|
|
|
+ <wd-button
|
|
|
|
+ custom-class="w-full! rounded-lg!"
|
|
|
|
+ :disabled="(data?.agreementFileUrl ?? '') === ''"
|
|
|
|
+ @click="clickByPermission('download', () => (dealerPanelState = true))"
|
|
|
|
+ >
|
|
|
|
+ 下载所有素材包
|
|
|
|
+ </wd-button>
|
|
|
|
+ </BottomAppBar>
|
|
</div>
|
|
</div>
|
|
<wd-overlay :show="dealerPanelState" @click="dealerPanelState = false">
|
|
<wd-overlay :show="dealerPanelState" @click="dealerPanelState = false">
|
|
<view class="wrapper flex flex-col justify-end h-full">
|
|
<view class="wrapper flex flex-col justify-end h-full">
|