This commit is contained in:
李志鹏
2025-10-23 15:11:35 +08:00
8 changed files with 84 additions and 35 deletions

View File

@@ -1,14 +1,16 @@
<script setup lang="ts">
import { onMounted, onUnmounted, reactive, toRefs } from "vue";
import { onMounted, onUnmounted, reactive, toRefs, computed } from "vue";
import HeaderTitle from '@/components/HeaderTitle.vue'
import { useRouter } from 'vue-router'
import imgReturn from '@/assets/images/workshop/posture/posture_1.png'
import { useGenerateStore } from '@/stores'
const router = useRouter()
//const props = defineProps({
//})
const emit = defineEmits([
'view-type'
])
const generateStore = useGenerateStore()
let data = reactive({
modelList:
[
@@ -38,11 +40,11 @@ let data = reactive({
},
],
selectedModelId: null,
selectModel:computed(()=>generateStore.userData.model),
})
const setSelectedModelId = (item)=>{
data.selectedModelId = item.id;
generateStore.selectModel(item)
}
onMounted(()=>{
emit('view-type', 1)
@@ -50,12 +52,10 @@ onMounted(()=>{
const toProduct = ()=>{
router.push({ path: 'product' })
}
onMounted(()=>{
})
onUnmounted(()=>{
})
defineExpose({})
const { modelList, selectedModelId } = toRefs(data);
const { modelList, selectModel } = toRefs(data);
</script>
<template>
<header-title style-type="2" />
@@ -72,7 +72,7 @@ const { modelList, selectedModelId } = toRefs(data);
<div class="modelList">
<div v-for="item in modelList" :key="item.id" class="item" @click.stop="setSelectedModelId(item)">
<img :src="item.imgUrl" alt="">
<div class="icon" v-if="item.id == selectedModelId">
<div class="icon" v-if="item.id == selectModel.id">
<SvgIcon name="modelSelected" size="60" />
</div>
</div>