From a89448cc7d35eaf43e3f6e5eb8feadd1c3c317e5 Mon Sep 17 00:00:00 2001
From: chaorenluo <1243357953@qq.com>
Date: Thu, 31 Oct 2024 15:20:38 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E5=A4=8Dpicker=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/edit/components/Picker/pickerList.vue   | 15 +++++++--------
 .../pages/edit/components/Picker/utils.ts         | 13 +++++++++++++
 .../MultilevelModule/BaseMultilevel/index.vue     | 13 +++++++++++--
 3 files changed, 31 insertions(+), 10 deletions(-)

diff --git a/web/src/management/pages/edit/components/Picker/pickerList.vue b/web/src/management/pages/edit/components/Picker/pickerList.vue
index ae7e7e0a..da66289b 100644
--- a/web/src/management/pages/edit/components/Picker/pickerList.vue
+++ b/web/src/management/pages/edit/components/Picker/pickerList.vue
@@ -1,20 +1,19 @@
 <template>
   <div class="list" ref="list">
     <ul :style="state.ulStyle">
-      <li v-for="(item, index) in props.column" :key="'item' + index" @click="setTop(index)">{{ item.text }}</li>
+      <li v-for="(item, index) in props.column" :key="'item' + index" >{{ item.text }}</li>
     </ul>
   </div>
 </template>
 
 <script setup>
 import { reactive, computed, onMounted, ref, watch, onBeforeUnmount } from 'vue'
-import { getClient, START_EVENT, MOVE_EVENT, END_EVENT } from './utils'
-import { isMobile as isInMobile } from '@/render/utils/index'
+import { getClient, START_EVENT, MOVE_EVENT, END_EVENT,isPC } from './utils'
 
 const DEFAULT_DURATION = 200
 const LIMIT_TIME = 300
 const LIMIT_DISTANCE = 15
-const IS_Mobile = isInMobile()
+const IS_PC = isPC()
 
 
 const props = defineProps({
@@ -85,7 +84,7 @@ const handleStart = (e) => {
 
   state.ulStyle.transitionDuration = `0ms`
   state.ulStyle.transitionProperty = `none`
-  if (!IS_Mobile) {
+  if (IS_PC) {
     document.addEventListener(MOVE_EVENT, handleMove, false)
     document.addEventListener(END_EVENT, handleEnd, false)
   }
@@ -114,7 +113,7 @@ const handleMove = (e) => {
 }
 
 const handleEnd = () => {
-  if (!IS_Mobile) {
+  if (IS_PC) {
     document.removeEventListener(MOVE_EVENT, handleMove, false)
     document.removeEventListener(END_EVENT, handleEnd, false)
   }
@@ -195,7 +194,7 @@ const mousewheel = (e) => {
 onMounted(() => {
   init();
   list.value.addEventListener(START_EVENT, handleStart, false)
-  if (!IS_Mobile) {
+  if (IS_PC) {
     list.value.addEventListener('wheel', mousewheel, false)
   } else {
     list.value.addEventListener(MOVE_EVENT, handleMove, false)
@@ -205,7 +204,7 @@ onMounted(() => {
 
 onBeforeUnmount(() => {
   list.value.removeEventListener(START_EVENT, handleStart, false)
-  if (!IS_Mobile) {
+  if (IS_PC) {
     list.value.removeEventListener('wheel', mousewheel, false)
     list.value.removeEventListener(MOVE_EVENT, handleMove, false)
     list.value.removeEventListener(END_EVENT, handleEnd, false)
diff --git a/web/src/management/pages/edit/components/Picker/utils.ts b/web/src/management/pages/edit/components/Picker/utils.ts
index c6bad545..5502f1b3 100644
--- a/web/src/management/pages/edit/components/Picker/utils.ts
+++ b/web/src/management/pages/edit/components/Picker/utils.ts
@@ -14,3 +14,16 @@ export const getClient = (e:any) => {
     y: clientY
   }
 }
+
+export const isPC = () => {
+  const userAgentInfo = navigator.userAgent
+  const Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']
+  let flag = true
+  for (let v = 0; v < Agents.length; v++) {
+    if (userAgentInfo.indexOf(Agents[v]) > 0) {
+      flag = false
+      break
+    }
+  }
+  return flag
+}
\ No newline at end of file
diff --git a/web/src/materials/questions/widgets/MultilevelModule/BaseMultilevel/index.vue b/web/src/materials/questions/widgets/MultilevelModule/BaseMultilevel/index.vue
index 7fbfdd3f..0522cce4 100644
--- a/web/src/materials/questions/widgets/MultilevelModule/BaseMultilevel/index.vue
+++ b/web/src/materials/questions/widgets/MultilevelModule/BaseMultilevel/index.vue
@@ -50,7 +50,7 @@
   </div>
 </template>
 <script setup>
-import { ref, nextTick, onMounted, computed } from 'vue'
+import { ref, nextTick, onMounted, computed,onBeforeUnmount } from 'vue'
 import Picker from '@/management/pages/edit/components/Picker/index.vue'
 import { isMobile as isInMobile } from '@/render/utils/index'
 const props = defineProps({
@@ -73,7 +73,7 @@ const valList = ref([]);
 const pickPop = ref(false)
 const listPop = ref([])
 const pickIndex = ref(-1)
-const isMobile = isInMobile()
+const isMobile = ref(isInMobile())
 
 const placeholderList = computed(() => {
   return props.multilevelData.placeholder
@@ -119,12 +119,21 @@ const showPickPop = (list, index) => {
   pickIndex.value = index
 }
 
+const updateEquipment = () => {
+  isMobile.value = isInMobile()
+}
+
 onMounted(() => {
+  window.addEventListener('resize', updateEquipment)
   placeholderList.value.map(() => {
     valList.value.push(null)
   })
 })
 
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updateEquipment)
+})
+
 
 </script>
 <style lang="scss" scoped>