Merge branch 'master' of http://39.164.159.226:3000/hnsh-smart-steward/smart-steward-mobile

src/App.ku.vue

@@ -20,6 +20,12 @@ const helloKuRoot = ref('Hello AppKuVue')
 
 const exposeRef = ref('this is form app.Ku.vue')
 
+const isDragging = ref(false)
+const startX = ref(0)
+const startY = ref(0)
+const aiIconLeft = ref(20)
+const aiIconTop = ref(110)
+
 const handleAIClick = () => {
   console.log('点击了')
   uni.navigateTo({
@@ -27,6 +33,40 @@ const handleAIClick = () => {
   })
 }
 
+const handleTouchStart = (e: any) => {
+  isDragging.value = true
+  startX.value = e.touches[0].clientX
+  startY.value = e.touches[0].clientY
+}
+
+const handleTouchMove = (e: any) => {
+  if (!isDragging.value) return
+  const dx = e.touches[0].clientX - startX.value
+  const dy = e.touches[0].clientY - startY.value
+  const newLeft = aiIconLeft.value + dx * 2
+  const newTop = aiIconTop.value - dy * 2
+  
+  // 限制在屏幕范围内
+  const screenWidth = uni.getSystemInfoSync().windowWidth
+  const screenHeight = uni.getSystemInfoSync().windowHeight
+  
+  const minLeft = 0
+  const maxLeft = screenWidth * 2 - 120 // 120是AI图标的宽度
+  const minTop = 0
+  const maxTop = screenHeight * 2 - 120 // 120是AI图标的高度
+  
+  aiIconLeft.value = Math.max(minLeft, Math.min(maxLeft, newLeft))
+  aiIconTop.value = Math.max(minTop, Math.min(maxTop, newTop))
+  
+  startX.value = e.touches[0].clientX
+  startY.value = e.touches[0].clientY
+}
+
+// 结束拖动
+const handleTouchEnd = () => {
+  isDragging.value = false
+}
+
 defineExpose({
   exposeRef,
 })
@@ -40,7 +80,17 @@ defineExpose({
     </view>
     <KuRootView />
     <FgTabbar v-if="isCurrentPageTabbar" />
-    <view class="ai-icon" @click="handleAIClick">
+    <view 
+      class="ai-icon" 
+      @click="handleAIClick"
+      @touchstart="handleTouchStart"
+      @touchmove="handleTouchMove"
+      @touchend="handleTouchEnd"
+      :style="{
+        left: aiIconLeft + 'rpx',
+        bottom: aiIconTop + 'rpx'
+      }"
+    >
       <image src="/src/assets/AIimgs.gif" mode="aspectFit" />
     </view>
   </view>
@@ -49,8 +99,6 @@ defineExpose({
 <style lang="scss" scoped>
 .ai-icon {
   position: fixed;
-  bottom: 110rpx;
-  left: 20rpx;
   z-index: 9999;
   width: 120rpx;
   height: 120rpx;

src/pages/schedule/view/index.vue

@@ -27,6 +27,7 @@ const mainloing = ref(false)
 const GasStationId = ref('')
 const currentMonth = ref(new Date())
 const isExpanded = ref(false)
+const isBoxExpanded = ref(true) // 控制悬浮框展开/折叠状态
 const radioActive = ref('日')
 const selectedDate = ref(new Date())
 const overduedaylist = ref([]) as any // 逾期任务列表
@@ -371,44 +372,64 @@ const handletabs = async (val) => {
       </view>
     </view>
     <view class="box-rigth-fixed">
-      <view
-        @click="addtodoaskslistfn('油站')"
-        style="
-          display: flex;
-          gap: 14rpx;
-          flex-direction: column;
-          align-items: center;
-          color: #31373d;
-        "
-      >
-        <wd-icon name="add1" size="22px"></wd-icon>
-        <text style="font-size: 24rpx; font-weight: 400">油站</text>
-      </view>
-      <view
-        @click="addtodoaskslistfn('访客')"
+      <!-- 展开/折叠按钮 -->
+      <view 
+        class="toggle-btn" 
+        @click="isBoxExpanded = !isBoxExpanded"
         style="
           display: flex;
-          gap: 14rpx;
-          flex-direction: column;
+          justify-content: center;
           align-items: center;
-          color: #31373d;
+          padding-top: 16rpx;
         "
       >
-        <wd-icon name="user" size="22px"></wd-icon>
-        <text style="font-size: 24rpx; font-weight: 400">访客</text>
+        <wd-icon :name="isBoxExpanded ? 'arrow-up' : 'arrow-down'" size="20px" />
       </view>
-      <view
-        style="
-          display: flex;
-          gap: 14rpx;
-          flex-direction: column;
-          align-items: center;
-          color: #31373d;
-        "
-        @click="navigateToCreateOrder"
-      >
-        <wd-icon name="list" size="22px"></wd-icon>
-        <text style="font-size: 24rpx; font-weight: 400">工单</text>
+      
+      <!-- 悬浮框内容 -->
+      <view v-if="isBoxExpanded" class="box-content">
+        <view
+          @click="addtodoaskslistfn('油站')"
+          style="
+            display: flex;
+            gap: 14rpx;
+            flex-direction: column;
+            align-items: center;
+            color: #31373d;
+            padding: 10rpx 0;
+          "
+        >
+          <wd-icon name="add1" size="22px"></wd-icon>
+          <text style="font-size: 24rpx; font-weight: 400">油站</text>
+        </view>
+        <view
+          @click="addtodoaskslistfn('访客')"
+          style="
+            display: flex;
+            gap: 14rpx;
+            flex-direction: column;
+            align-items: center;
+            color: #31373d;
+            padding: 10rpx 0;
+          "
+        >
+          <wd-icon name="user" size="22px"></wd-icon>
+          <text style="font-size: 24rpx; font-weight: 400">访客</text>
+        </view>
+        <view
+          style="
+            display: flex;
+            gap: 14rpx;
+            flex-direction: column;
+            align-items: center;
+            color: #31373d;
+            padding: 10rpx 0;
+          "
+          @click="navigateToCreateOrder"
+        >
+          <wd-icon name="list" size="22px"></wd-icon>
+          <text style="font-size: 24rpx; font-weight: 400">工单</text>
+        </view>
       </view>
     </view>
     <view class="Calendar-content">
@@ -560,7 +581,7 @@ body {
   }
   .box-rigth-fixed {
     width: 96rpx;
-    height: 364rpx;
+    min-height: 60rpx;
     background-color: #ffffff;
     // border: 1px solid red;
     position: fixed;
@@ -569,11 +590,21 @@ body {
     z-index: 100;
     display: flex;
     flex-direction: column;
-    justify-content: space-around;
     border: 1px solid #ebeef5;
     border-radius: 12px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    // align-items: center;
+    overflow: hidden;
+  }
+  
+  .box-content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    padding: 10rpx 0;
+  }
+  
+  .toggle-btn {
+    cursor: pointer;
   }
   .Calendar-content {
     padding-top: 346rpx;