Merge branch 'feature/feature-20250430-h5' of https://e.coding.yili.com/yldc/ylst/ylst-survey-h5 into feature/feature-20250430-h5
This commit is contained in:
@@ -24,6 +24,13 @@ watch(
|
|||||||
}, 500);
|
}, 500);
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
function slideChange() {
|
||||||
|
setTimeout(() => {
|
||||||
|
// 获取高度
|
||||||
|
swiper.value.$el.style.height = questionComat.value[active.value].$el.scrollHeight + 30 + 'px';
|
||||||
|
swiper.value.resize();
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
function handleDragEnd() {
|
function handleDragEnd() {
|
||||||
isDrag.value = false;
|
isDrag.value = false;
|
||||||
// setTimeout(() => {
|
// setTimeout(() => {
|
||||||
@@ -52,6 +59,8 @@ function handleDragEnd() {
|
|||||||
<van-swipe :loop="false" @drag-start="handleDragStart" @drag-end="handleDragEnd" ref="swiper">
|
<van-swipe :loop="false" @drag-start="handleDragStart" @drag-end="handleDragEnd" ref="swiper">
|
||||||
<van-swipe-item v-for="question in surveys" :key="question?.sn">
|
<van-swipe-item v-for="question in surveys" :key="question?.sn">
|
||||||
<question-list
|
<question-list
|
||||||
|
@slideChange="slideChange"
|
||||||
|
:parentRef="swiper"
|
||||||
:survey="question"
|
:survey="question"
|
||||||
style="max-width: 100vw; overflow: hidden"
|
style="max-width: 100vw; overflow: hidden"
|
||||||
ref="questionComat"
|
ref="questionComat"
|
||||||
|
|||||||
@@ -8,13 +8,22 @@ import YlSwiper from '@/components/YlSwiper/Index.vue';
|
|||||||
import EmptyContainer from '@/views/Survey/components/EmptyContainer.vue';
|
import EmptyContainer from '@/views/Survey/components/EmptyContainer.vue';
|
||||||
import emptyImg from '@/assets/img/emptyImg.png';
|
import emptyImg from '@/assets/img/emptyImg.png';
|
||||||
import { isDrag } from '../hooks/useDragEvent';
|
import { isDrag } from '../hooks/useDragEvent';
|
||||||
|
import { defineEmits } from 'vue/dist/vue';
|
||||||
|
|
||||||
const survey = defineModel<SurveyItem>('survey');
|
const survey = defineModel<SurveyItem>('survey');
|
||||||
|
const parentRef = defineModel<any>('parentRef');
|
||||||
// 获取问卷分析数据
|
// 获取问卷分析数据
|
||||||
const { questionAnalysis } = useFetchAnalysis(survey.value?.sn as string);
|
const { questionAnalysis } = useFetchAnalysis(survey.value?.sn as string);
|
||||||
const { currentSurvey } = fetchSingleSurvey(survey.value?.sn as string);
|
const { currentSurvey } = fetchSingleSurvey(survey.value?.sn as string);
|
||||||
|
|
||||||
const disableInsight = ref(true);
|
const disableInsight = ref(true);
|
||||||
|
|
||||||
|
// 定义事件
|
||||||
|
const emit = defineEmits(['slideChange']);
|
||||||
|
const slideChange = function (swiper) {
|
||||||
|
parentRef.value.resize();
|
||||||
|
emit('slideChange', { swiper, activeIndex: swiper.activeIndex });
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -33,6 +42,7 @@ const disableInsight = ref(true);
|
|||||||
<section class="analysis-info">
|
<section class="analysis-info">
|
||||||
<!-- 方式一:使用默认插槽,手动添加 swiper-slide 元素 -->
|
<!-- 方式一:使用默认插槽,手动添加 swiper-slide 元素 -->
|
||||||
<yl-swiper
|
<yl-swiper
|
||||||
|
@slideChange="slideChange"
|
||||||
:pagination="!isDrag"
|
:pagination="!isDrag"
|
||||||
:slides-per-view="1"
|
:slides-per-view="1"
|
||||||
:centered-slides="true"
|
:centered-slides="true"
|
||||||
|
|||||||
Reference in New Issue
Block a user