feat(router): 优化模板预览页面的头部样式
- 为模板预览页面添加绿色背景的头部 - 调整搜索页面模板标题的显示逻辑 - 优化 AD 页面按钮的点击事件 - 移除 Analysis 页面的 nextTick 包装
This commit is contained in:
@@ -54,9 +54,11 @@ watch(
|
|||||||
if (!series.value.data?.length) return;
|
if (!series.value.data?.length) return;
|
||||||
console.log(`series.value.data`, series.value.data);
|
console.log(`series.value.data`, series.value.data);
|
||||||
|
|
||||||
nextTick(() => {
|
// nextTick(() => {
|
||||||
|
// setTimeout(() => {
|
||||||
useSetPieChart(pieChart, series, { title: false, legend: false });
|
useSetPieChart(pieChart, series, { title: false, legend: false });
|
||||||
});
|
// }, 1000);
|
||||||
|
// });
|
||||||
},
|
},
|
||||||
{ immediate: true }
|
{ immediate: true }
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -68,7 +68,11 @@ const router = createRouter({
|
|||||||
path: '/templatePreview',
|
path: '/templatePreview',
|
||||||
name: 'templatePreview',
|
name: 'templatePreview',
|
||||||
meta: {
|
meta: {
|
||||||
title: '模板预览'
|
title: '模板预览',
|
||||||
|
header: {
|
||||||
|
bgc: 'green',
|
||||||
|
pureBGC: false
|
||||||
|
}
|
||||||
},
|
},
|
||||||
component: () => import('@/views/Design/Preview.vue')
|
component: () => import('@/views/Design/Preview.vue')
|
||||||
},
|
},
|
||||||
@@ -104,7 +108,9 @@ const router = createRouter({
|
|||||||
{
|
{
|
||||||
path: '/search',
|
path: '/search',
|
||||||
name: 'search',
|
name: 'search',
|
||||||
meta: {},
|
meta: {
|
||||||
|
|
||||||
|
},
|
||||||
component: () => import('@/views/HomeSearch/Index.vue')
|
component: () => import('@/views/HomeSearch/Index.vue')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -60,10 +60,12 @@ function handleButtonClick() {
|
|||||||
"
|
"
|
||||||
>
|
>
|
||||||
<!-- 立即进入 -->
|
<!-- 立即进入 -->
|
||||||
<el-button style="width: 95%; height: 50px; border-radius: 15px" color="#70b937">
|
<el-button
|
||||||
<el-text style="color: white" @click="handleButtonClick">{{
|
style="width: 95%; height: 50px; border-radius: 15px"
|
||||||
bannerInfo.button_name
|
color="#70b937"
|
||||||
}}</el-text>
|
@click="handleButtonClick"
|
||||||
|
>
|
||||||
|
<el-text style="color: white">{{ bannerInfo.button_name }}</el-text>
|
||||||
</el-button>
|
</el-button>
|
||||||
</section>
|
</section>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@@ -4,12 +4,13 @@ import MarketItem from '@/components/TemplateMarketItem/Index.vue';
|
|||||||
import { templates } from '../../Hooks/useSurveySearch';
|
import { templates } from '../../Hooks/useSurveySearch';
|
||||||
import { consoleSurveys, useTemplate } from '@/api/home';
|
import { consoleSurveys, useTemplate } from '@/api/home';
|
||||||
import { saveQuestions, snQuestions } from '@/api/design';
|
import { saveQuestions, snQuestions } from '@/api/design';
|
||||||
import { useRouter } from 'vue-router';
|
import { useRoute, useRouter } from 'vue-router';
|
||||||
import { useCounterStore } from '@/stores/counter';
|
import { useCounterStore } from '@/stores/counter';
|
||||||
import { storeToRefs } from 'pinia';
|
import { storeToRefs } from 'pinia';
|
||||||
import { computed } from 'vue';
|
import { computed } from 'vue';
|
||||||
|
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
const route = useRoute();
|
||||||
|
|
||||||
// 获取 Store 实例
|
// 获取 Store 实例
|
||||||
const counterStore = useCounterStore();
|
const counterStore = useCounterStore();
|
||||||
@@ -19,6 +20,9 @@ const limit = defineModel<number>('limit');
|
|||||||
const currentTemplate = computed(() => templates.value.slice(0, limit.value));
|
const currentTemplate = computed(() => templates.value.slice(0, limit.value));
|
||||||
function handleTemplateClick(template: any) {
|
function handleTemplateClick(template: any) {
|
||||||
// ?sn=4O5xanLV&is_template=1&source=4O5xanLV&title=报名签到&parentCode=1&scene_code_info=11&user=苗闻博"e_nums=3
|
// ?sn=4O5xanLV&is_template=1&source=4O5xanLV&title=报名签到&parentCode=1&scene_code_info=11&user=苗闻博"e_nums=3
|
||||||
|
|
||||||
|
const isSearch = route.path.includes('/search');
|
||||||
|
|
||||||
router.push({
|
router.push({
|
||||||
path: '/templatePreview',
|
path: '/templatePreview',
|
||||||
query: {
|
query: {
|
||||||
@@ -26,7 +30,8 @@ function handleTemplateClick(template: any) {
|
|||||||
user: template.creater_user,
|
user: template.creater_user,
|
||||||
is_template: 1,
|
is_template: 1,
|
||||||
source: template.sn,
|
source: template.sn,
|
||||||
title: template.title,
|
// H5TITLE 是为搜索页面传入的参数做兼容
|
||||||
|
title: isSearch ? template.h5_title : template.title,
|
||||||
parentCode: template.parentCode,
|
parentCode: template.parentCode,
|
||||||
scene_code_info: template.scene_code_info,
|
scene_code_info: template.scene_code_info,
|
||||||
quote_nums: template.quote_nums
|
quote_nums: template.quote_nums
|
||||||
|
|||||||
Reference in New Issue
Block a user