配置请求失败拦截

src/views/Workshop/selectModel.vue

@@ -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>