diff --git a/h5/package.json b/h5/package.json
index a13bd53..f8e8219 100644
--- a/h5/package.json
+++ b/h5/package.json
@@ -1,5 +1,6 @@
 {
 	"dependencies": {
+		"@uni-ui/code-ui": "^1.5.3",
 		"echarts": "^5.4.2",
 		"weixin-js-sdk": "^1.6.5"
 	},
diff --git a/h5/pages.json b/h5/pages.json
index 3fd5bc5..1616f2e 100644
--- a/h5/pages.json
+++ b/h5/pages.json
@@ -189,6 +189,18 @@
 				"navigationBarTitleText": "体检引导"
 			}
 		},
+		{
+			"path": "pages/user/fenzhen/xindiantu",
+			"style": {
+				"navigationBarTitleText": "体检引导"
+			}
+		},
+		{
+			"path": "pages/user/fenzhen/qijian",
+			"style": {
+				"navigationBarTitleText": "线上弃检"
+			}
+		},
 		{
 			"path": "pages/buy/contrast/contrast",
 			"style": {
@@ -202,6 +214,9 @@
 			}
 		}
 	],
+	"easycom": {
+    "^w-(.*)": "@/uni_modules/wmf-code/components/w-$1/w-$1.vue"
+	},
 	"globalStyle": {
 		"navigationBarTextStyle": "white",
 		"navigationBarTitleText": "海南现代妇女儿童医院",
diff --git a/h5/pages/buy/choose/choose.vue b/h5/pages/buy/choose/choose.vue
index 73f7242..e15e990 100644
--- a/h5/pages/buy/choose/choose.vue
+++ b/h5/pages/buy/choose/choose.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 	/**
 	 * name：
 	 * user：sa0ChunLuyu
@@ -75,6 +76,7 @@
 	})
 </script>
 <template>
+	<DraggableButton />
 	<view>
 		<view v-if="!!$store.config">
 			<view :ref="configRef"></view>
diff --git a/h5/pages/buy/contrast/contrast.vue b/h5/pages/buy/contrast/contrast.vue
index a8d831b..aa974c6 100644
--- a/h5/pages/buy/contrast/contrast.vue
+++ b/h5/pages/buy/contrast/contrast.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 	/**
 	 * name：
 	 * user：sa0ChunLuyu
@@ -172,6 +173,7 @@
 	})
 </script>
 <template>
+	<DraggableButton />
 	<view>
 		<view v-if="!!$store.config">
 			<view :ref="configRef"></view>
diff --git a/h5/pages/buy/done/done.vue b/h5/pages/buy/done/done.vue
index f7a6454..985cc88 100644
--- a/h5/pages/buy/done/done.vue
+++ b/h5/pages/buy/done/done.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 	/**
 	 * name：
 	 * user：sa0ChunLuyu
@@ -87,6 +88,7 @@
 	})
 </script>
 <template>
+	<DraggableButton />
 	<view>
 		<view v-if="!!$store.config">
 			<view :ref="configRef"></view>
diff --git a/h5/pages/components/goHome.vue b/h5/pages/components/goHome.vue
new file mode 100644
index 0000000..25edd87
--- /dev/null
+++ b/h5/pages/components/goHome.vue
@@ -0,0 +1,73 @@
+<template>
+  <div
+    ref="button"
+    class="draggable-button"
+    @mousedown="dragButton"
+    @touchstart="dragButton"
+  >
+    <uni-icons @click="goHome" type="home" size="30" color="#fff"></uni-icons>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, onBeforeUnmount } from "vue";
+  
+const button = ref(null);
+let startX, startY, posX, posY, mouseMoveTracker, mouseUpTracker;
+
+const goHome = () => {
+  console.log(11);
+  uni.reLaunch({ url: '/pages/main/index/index' })
+};
+
+const dragButton = (event) => {
+  // event.preventDefault();
+
+  // 初始化坐标
+  startX = event.touches[0]?.clientX - button.value.offsetLeft;
+  startY = event.touches[0]?.clientY - button.value.offsetTop;
+
+  // 添加鼠标移动监听
+  mouseMoveTracker = (event) => {
+    posX = event.touches[0]?.clientX - startX;
+    posY = event.touches[0]?.clientY - startY;
+    button.value.style.position = "absolute";
+    button.value.style.top = `${posY}px`;
+    button.value.style.left = `${posX}px`;
+  };
+  document.addEventListener("touchmove", mouseMoveTracker);
+
+  // 添加鼠标释放监听
+  mouseUpTracker = () => {
+    document.removeEventListener("touchmove", mouseMoveTracker);
+    document.removeEventListener("touchend", mouseUpTracker);
+  };
+  document.addEventListener("touchend", mouseUpTracker);
+};
+
+onMounted(() => {
+  document.body.appendChild(button.value);
+});
+
+onBeforeUnmount(() => {
+  document.body.removeChild(button.value);
+});
+</script>
+
+<style>
+.draggable-button {
+  position: fixed;
+  cursor: pointer;
+  /* 其他样式 */
+  right: 20px;
+  top: 45%;
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50%;
+  background-color: #cdcdcd;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 900000;
+}
+</style>
diff --git a/h5/pages/main/bgcx/bgcx.vue b/h5/pages/main/bgcx/bgcx.vue
index b7736f6..daf9cb7 100755
--- a/h5/pages/main/bgcx/bgcx.vue
+++ b/h5/pages/main/bgcx/bgcx.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 	/**
 	 * name：
 	 * user：bgcx
@@ -91,6 +92,7 @@
 	});
 </script>
 <template>
+	<DraggableButton />
 	<view>
 		<view v-if="!!$store.config">
 			<view :ref="configRef"></view>
diff --git a/h5/pages/main/bgcx/bgdb/bgdb.vue b/h5/pages/main/bgcx/bgdb/bgdb.vue
index 830db29..30259cf 100755
--- a/h5/pages/main/bgcx/bgdb/bgdb.vue
+++ b/h5/pages/main/bgcx/bgdb/bgdb.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 /**
  * name：
  * user：bgdb
@@ -76,6 +77,7 @@ onShow(() => {
 });
 </script>
 <template>
+  <DraggableButton />
   <view>
     <view v-if="!!$store.config">
       <view :ref="configRef"></view>
@@ -193,7 +195,10 @@ onShow(() => {
                 </view>
                 <view class="center text-#343434 items-stretch">
                   <view class="flex-1 mr-20rpx pt-20rpx">
-                    <view v-show="tabIndex == 0" class="whitespace-pre-wrap text-28rpx">
+                    <view
+                      v-show="tabIndex == 0"
+                      class="whitespace-pre-wrap text-28rpx"
+                    >
                       {{ item.r1?.content }}
                     </view>
                     <view v-show="tabIndex == 1" class="text-center">
@@ -210,7 +215,10 @@ onShow(() => {
                   </view>
                   <view class="bg-#D2D2D2 w-1rpx mt-20rpx" />
                   <view class="flex-1 ml-20rpx pt-20rpx">
-                    <view v-show="tabIndex == 0" class="whitespace-pre-wrap text-28rpx">
+                    <view
+                      v-show="tabIndex == 0"
+                      class="whitespace-pre-wrap text-28rpx"
+                    >
                       {{ item.r2?.content }}
                     </view>
                     <view v-show="tabIndex == 1" class="text-center">
diff --git a/h5/pages/main/bgcx/bgdb/xzbg/xzbg.vue b/h5/pages/main/bgcx/bgdb/xzbg/xzbg.vue
index 7227884..d619bb3 100755
--- a/h5/pages/main/bgcx/bgdb/xzbg/xzbg.vue
+++ b/h5/pages/main/bgcx/bgdb/xzbg/xzbg.vue
@@ -1,5 +1,6 @@
 <script setup>
-/**
+import DraggableButton from "@/pages/components/goHome.vue";
+	/**
  * name：
  * user：xzbg
  * date：2024年9月27日 16:01:08
@@ -65,7 +66,8 @@ onShow(() => {
 });
 </script>
 <template>
-  <view>
+	<DraggableButton />
+	<view>
     <view v-if="!!$store.config">
       <view :ref="configRef"></view>
     </view>
diff --git a/h5/pages/main/bgcx/bgjd/bgjd.vue b/h5/pages/main/bgcx/bgjd/bgjd.vue
index dd2f9db..98ff44b 100755
--- a/h5/pages/main/bgcx/bgjd/bgjd.vue
+++ b/h5/pages/main/bgcx/bgjd/bgjd.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 	/**
 	 * name：
 	 * user：sa0ChunLuyu
@@ -38,6 +39,7 @@
 	})
 </script>
 <template>
+	<DraggableButton />
 	<view>
 		<view v-if="!!$store.config">
 			<view :ref="configRef"></view>
diff --git a/h5/pages/main/bgcx/ckbg/ckbg.vue b/h5/pages/main/bgcx/ckbg/ckbg.vue
index 54c4e53..58fa929 100755
--- a/h5/pages/main/bgcx/ckbg/ckbg.vue
+++ b/h5/pages/main/bgcx/ckbg/ckbg.vue
@@ -1,5 +1,6 @@
 <script setup>
-/**
+import DraggableButton from "@/pages/components/goHome.vue";
+	/**
  * name：
  * user：ckbg
  * date：2024年9月21日
@@ -156,7 +157,8 @@ onShow(() => {
 });
 </script>
 <template>
-  <view>
+	<DraggableButton />
+	<view>
     <view v-if="!!$store.config">
       <view :ref="configRef"></view>
     </view>
diff --git a/h5/pages/main/bgcx/qsfx/qsfx.vue b/h5/pages/main/bgcx/qsfx/qsfx.vue
index 59d732c..18415f1 100755
--- a/h5/pages/main/bgcx/qsfx/qsfx.vue
+++ b/h5/pages/main/bgcx/qsfx/qsfx.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 /**
  * name：
  * user：sa0ChunLuyu
@@ -44,6 +45,7 @@ onShow(() => {
 });
 </script>
 <template>
+  <DraggableButton />
   <view>
     <view v-if="!!$store.config">
       <view :ref="configRef"></view>
diff --git a/h5/pages/main/bgcx/qsfx/qsfxxq.vue b/h5/pages/main/bgcx/qsfx/qsfxxq.vue
index f7c2bba..7579020 100755
--- a/h5/pages/main/bgcx/qsfx/qsfxxq.vue
+++ b/h5/pages/main/bgcx/qsfx/qsfxxq.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 /**
  * name：
  * user：sa0ChunLuyu
@@ -126,6 +127,7 @@ const GetGreySet = () => {
 };
 </script>
 <template>
+  <DraggableButton />
   <view class="pt-12rpx px-20rpx box-border">
     <view
       v-if="data_show"
diff --git a/h5/pages/main/combo/combo.vue b/h5/pages/main/combo/combo.vue
index 866a760..ac1590b 100644
--- a/h5/pages/main/combo/combo.vue
+++ b/h5/pages/main/combo/combo.vue
@@ -1,5 +1,6 @@
 <script setup>
-/**
+import DraggableButton from "@/pages/components/goHome.vue";
+	/**
  * name：
  * user：sa0ChunLuyu
  * date：2024年8月7日 20:05:05
@@ -277,7 +278,8 @@ const toRouter = () => {
 };
 </script>
 <template>
-  <view>
+	<DraggableButton />
+	<view>
     <view v-if="!!$store.config">
       <view :ref="configRef"></view>
     </view>
diff --git a/h5/pages/main/combo/tcdb.vue b/h5/pages/main/combo/tcdb.vue
index 6b9029a..0695c5e 100755
--- a/h5/pages/main/combo/tcdb.vue
+++ b/h5/pages/main/combo/tcdb.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 /**
  * name：
  * user：tcdb
@@ -66,6 +67,7 @@ onShow(() => {
 });
 </script>
 <template>
+  <DraggableButton />
   <view>
     <view v-if="!!$store.config">
       <view :ref="configRef"></view>
diff --git a/h5/pages/main/coupon/coupon.vue b/h5/pages/main/coupon/coupon.vue
index f76fe88..e703d43 100644
--- a/h5/pages/main/coupon/coupon.vue
+++ b/h5/pages/main/coupon/coupon.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 /**
  * name：
  * user：sa0ChunLuyu
@@ -40,6 +41,7 @@ onShow(() => {
 });
 </script>
 <template>
+  <DraggableButton />
   <view>
     <view v-if="!!$store.config">
       <view :ref="configRef"></view>
diff --git a/h5/pages/main/dev/dev.vue b/h5/pages/main/dev/dev.vue
index 186b9b5..3e29d12 100644
--- a/h5/pages/main/dev/dev.vue
+++ b/h5/pages/main/dev/dev.vue
@@ -1,4 +1,6 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
+
 	/**
 	 * name：
 	 * user：sa0ChunLuyu
@@ -58,6 +60,7 @@
 	}
 </script>
 <template>
+	<DraggableButton />
 	<view>
 		<view>
 			<view>
diff --git a/h5/pages/main/login/login.vue b/h5/pages/main/login/login.vue
index 735a4c4..d8d92b9 100644
--- a/h5/pages/main/login/login.vue
+++ b/h5/pages/main/login/login.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 	/**
 	 * name：
 	 * user：sa0ChunLuyu
diff --git a/h5/pages/main/order/order.vue b/h5/pages/main/order/order.vue
index cb69f11..dd9b71a 100644
--- a/h5/pages/main/order/order.vue
+++ b/h5/pages/main/order/order.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 	/**
 	 * name：
 	 * user：sa0ChunLuyu
@@ -108,6 +109,7 @@
 	})
 </script>
 <template>
+	<DraggableButton />
 	<view>
 		<view v-if="!!$store.config">
 			<view :ref="configRef"></view>
diff --git a/h5/pages/main/order/src/order.vue b/h5/pages/main/order/src/order.vue
index b2f9356..3c90f51 100644
--- a/h5/pages/main/order/src/order.vue
+++ b/h5/pages/main/order/src/order.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 	/**
 	 * name：
 	 * user：sa0ChunLuyu
@@ -100,6 +101,7 @@
 	})
 </script>
 <template>
+	<DraggableButton />
 	<view>
 		<view v-if="!!order_info" class="order_wrapper">
 			<view class="order_status_wrapper" :class="[`status${order_info.status}`]">
diff --git a/h5/pages/main/packageDetails/packageDetails.vue b/h5/pages/main/packageDetails/packageDetails.vue
index 7adca7a..6ae8c68 100644
--- a/h5/pages/main/packageDetails/packageDetails.vue
+++ b/h5/pages/main/packageDetails/packageDetails.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 	/**
 	 * name：
 	 * user：sa0ChunLuyu
@@ -38,6 +39,7 @@ console.log(config_ref.value);
 	})
 </script>
 <template>
+	<DraggableButton />
 	<view>
 		<view v-if="!!$store.config">
 			<view :ref="configRef"></view>
diff --git a/h5/pages/main/questionnaire/index.vue b/h5/pages/main/questionnaire/index.vue
index 9dca934..59ef0e2 100644
--- a/h5/pages/main/questionnaire/index.vue
+++ b/h5/pages/main/questionnaire/index.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 /**
  * name：
  * user：myddc
@@ -256,6 +257,7 @@ onShow(() => {
 });
 </script>
 <template>
+  <DraggableButton />
   <view>
     <view v-if="!!$store.config">
       <view :ref="configRef"></view>
diff --git a/h5/pages/main/selectDoctor/selectDoctor.vue b/h5/pages/main/selectDoctor/selectDoctor.vue
index b27520a..160d3a2 100755
--- a/h5/pages/main/selectDoctor/selectDoctor.vue
+++ b/h5/pages/main/selectDoctor/selectDoctor.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 	/**
 	 * name：
 	 * user：selectDoctor
@@ -77,6 +78,7 @@
 	})
 </script>
 <template>
+	<DraggableButton />
 	<view>
 		<view v-if="!!$store.config">
 			<view :ref="configRef"></view>
diff --git a/h5/pages/main/tj/choose.vue b/h5/pages/main/tj/choose.vue
index 13ff288..2281bf1 100644
--- a/h5/pages/main/tj/choose.vue
+++ b/h5/pages/main/tj/choose.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 /**
  * name：
  * user：sa0ChunLuyu
@@ -88,6 +89,7 @@ onShow(() => {
 });
 </script>
 <template>
+  <DraggableButton />
   <view>
     <view v-if="!!$store.config">
       <view :ref="configRef"></view>
diff --git a/h5/pages/main/tj/selectType.vue b/h5/pages/main/tj/selectType.vue
index 3613e63..5b5e9b1 100644
--- a/h5/pages/main/tj/selectType.vue
+++ b/h5/pages/main/tj/selectType.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 /**
  * name：
  * user：sa0ChunLuyu
@@ -44,6 +45,7 @@ const toDetails = (type) => {
 };
 </script>
 <template>
+	<DraggableButton />
   <view>
     <view v-if="!!$store.config">
       <view :ref="configRef"></view>
diff --git a/h5/pages/main/tj/tjxq.vue b/h5/pages/main/tj/tjxq.vue
index df77874..5b19e1f 100644
--- a/h5/pages/main/tj/tjxq.vue
+++ b/h5/pages/main/tj/tjxq.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 /**
  * name：
  * user：sa0ChunLuyu
@@ -178,6 +179,7 @@ onShow(() => {
 });
 </script>
 <template>
+	<DraggableButton />
   <view>
     <view v-if="!!$store.config">
       <view :ref="configRef"></view>
@@ -528,7 +530,7 @@ onShow(() => {
       <view class="grow">
         <view class="flex items-end" v-if="comboId != 0">
           <text class="text-18rpx text-#878787">套餐价格</text>
-          <text class="text-21rpx text-#ED6907 mx-20rpx" style="margin-left: 56rpx;"
+          <text class="text-21rpx text-#ED6907 mx-20rpx ml-56rpx"
             >¥ {{ comboInfo.price }}</text
           >
         </view>
diff --git a/h5/pages/main/tj/tjzx.vue b/h5/pages/main/tj/tjzx.vue
index 535bdd1..1b072ab 100644
--- a/h5/pages/main/tj/tjzx.vue
+++ b/h5/pages/main/tj/tjzx.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 /**
  * name：
  * user：sa0ChunLuyu
@@ -265,6 +266,7 @@ onShow(() => {
 });
 </script>
 <template>
+	<DraggableButton />
   <view>
     <view v-if="!!$store.config">
       <view :ref="configRef"></view>
diff --git a/h5/pages/main/tjyy/tjyy.vue b/h5/pages/main/tjyy/tjyy.vue
index 5cede4d..24b0c4e 100755
--- a/h5/pages/main/tjyy/tjyy.vue
+++ b/h5/pages/main/tjyy/tjyy.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 /**
  * name：
  * user：yytjsj
@@ -186,6 +187,7 @@ const toRouter = (url, status) => {
 };
 </script>
 <template>
+  <DraggableButton />
   <view>
     <view v-if="!!$store.config">
       <view :ref="configRef"></view>
diff --git a/h5/pages/main/yytjsj/yytjsj.vue b/h5/pages/main/yytjsj/yytjsj.vue
index c72fb09..482d943 100755
--- a/h5/pages/main/yytjsj/yytjsj.vue
+++ b/h5/pages/main/yytjsj/yytjsj.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 /**
  * name：
  * user：yytjsj
@@ -23,7 +24,7 @@ let groupInfo = ref({});
 let comboInfo = ref({});
 let itemsInfo = ref({});
 let truePrice = ref(0); // 总价
-let nmrIndex = ref(null); // 当前选中项目索引
+let nmrIndex = ref(0); // 当前选中项目索引
 let time = ref(""); // 时分
 let timeIndex = ref(null); // 当前选中时间索引
 let status = ref(0); // 1：点了确定 2：未点确定
@@ -72,6 +73,8 @@ const getnmrList = async () => {
         id: "",
       });
     }
+    console.log(yytjInfo.value.nmr_list[0]);
+    xmmcClick(yytjInfo.value.nmr_list[0], 0);
     uni.hideLoading();
   });
 };
@@ -224,6 +227,7 @@ onShow(() => {
 });
 </script>
 <template>
+  <DraggableButton />
   <view>
     <view v-if="!!$store.config">
       <view :ref="configRef"></view>
diff --git a/h5/pages/posts/posts/posts.vue b/h5/pages/posts/posts/posts.vue
index 0ab9c31..e9b6cf8 100644
--- a/h5/pages/posts/posts/posts.vue
+++ b/h5/pages/posts/posts/posts.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 	/**
 	 * name：
 	 * user：sa0ChunLuyu
@@ -56,6 +57,7 @@
 	})
 </script>
 <template>
+	<DraggableButton />
 	<view>
 		<view v-if="!!$store.config">
 			<view :ref="configRef"></view>
diff --git a/h5/pages/user/choose/choose.vue b/h5/pages/user/choose/choose.vue
index 9703f2f..3180592 100644
--- a/h5/pages/user/choose/choose.vue
+++ b/h5/pages/user/choose/choose.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 	/**
 	 * name：
 	 * user：sa0ChunLuyu
@@ -61,6 +62,7 @@
 	})
 </script>
 <template>
+	<DraggableButton />
 	<view>
 		<view v-if="!!$store.config">
 			<view :ref="configRef"></view>
diff --git a/h5/pages/user/fenzhen/fenzhen.vue b/h5/pages/user/fenzhen/fenzhen.vue
index edb9324..83974e0 100644
--- a/h5/pages/user/fenzhen/fenzhen.vue
+++ b/h5/pages/user/fenzhen/fenzhen.vue
@@ -1,555 +1,598 @@
 <script setup>
-	/**
-	 * name：
-	 * user：sa0ChunLuyu
-	 * date：2024年9月11日 19:24:50
-	 */
-	import {
-		ref
-	} from 'vue'
-	import {
-		$api,
-		$response
-	} from '@/api'
-	import {
-		onShow
-	} from '@dcloudio/uni-app'
-	import {
-		useStore
-	} from '@/store'
-	const $store = useStore()
-	const $props = defineProps({
-		id: {
-			type: String,
-			default: '0'
-		}
-	});
-
-	const fenzhen_list = ref(false)
-	const getFenzhenList = async () => {
-		uni.showLoading()
-		const response = await $api('FenzhenList', {
-			id: $props.id
-		})
-		uni.hideLoading()
-		$response(response, () => {
-			fenzhen_list.value = response.data
-		})
-	}
-
-	const mountedAction = () => {
-		getFenzhenList()
-	}
-
-	const config_ref = ref(null)
-	const configRef = (e) => {
-		if (!config_ref.value) {
-			config_ref.value = e
-			mountedAction()
-		}
-	}
-
-	const toRouter = () => {
-		uni.navigateTo({
-			url: '/pages/user/fenzhen/xindiantu?id=' + $props.id
-		})
-	}
-
-	const timeShow = (time) => {
-		let time_array = time.split(':')
-		return `${time_array[0]}:${time_array[1]}`
-	}
-
-	const tip_show = ref(false)
-	const tip_content = ref("")
-	const getTipContent = async () => {
-		uni.showLoading()
-		const response = await $api('GetReadme')
-		uni.hideLoading()
-		$response(response, () => {
-			tip_content.value = response.data.content
-			tip_show.value = true
-		})
-	}
-	const tipShowClick = () => {
-		if (!!tip_content.value) {
-			tip_show.value = true
-		} else {
-			getTipContent()
-		}
-	}
-
-	onShow(() => {
-		if (!!config_ref.value) {
-			mountedAction()
-		}
-	})
+import DraggableButton from "@/pages/components/goHome.vue";
+/**
+ * name：
+ * user：sa0ChunLuyu
+ * date：2024年9月11日 19:24:50
+ */
+import { ref } from "vue";
+import { $api, $response } from "@/api";
+import { onShow } from "@dcloudio/uni-app";
+import { useStore } from "@/store";
+const $store = useStore();
+const $props = defineProps({
+  id: {
+    type: String,
+    default: "0",
+  },
+});
+
+const fenzhen_list = ref(false);
+const getFenzhenList = async () => {
+  uni.showLoading();
+  const response = await $api("FenzhenList", {
+    id: $props.id,
+  });
+  uni.hideLoading();
+  $response(response, () => {
+    fenzhen_list.value = response.data;
+  });
+};
+
+const mountedAction = () => {
+  getFenzhenList();
+};
+
+const config_ref = ref(null);
+const configRef = (e) => {
+  if (!config_ref.value) {
+    config_ref.value = e;
+    mountedAction();
+  }
+};
+
+const toRouter = () => {
+  uni.navigateTo({
+    url: "/pages/user/fenzhen/xindiantu?id=" + $props.id,
+  });
+};
+
+const timeShow = (time) => {
+  let time_array = time.split(":");
+  return `${time_array[0]}:${time_array[1]}`;
+};
+
+const tip_show = ref(false);
+const tip_content = ref("");
+const getTipContent = async () => {
+  uni.showLoading();
+  const response = await $api("GetReadme");
+  uni.hideLoading();
+  $response(response, () => {
+    tip_content.value = response.data.content;
+    tip_show.value = true;
+  });
+};
+const tipShowClick = () => {
+  if (!!tip_content.value) {
+    tip_show.value = true;
+  } else {
+    getTipContent();
+  }
+};
+
+onShow(() => {
+  if (!!config_ref.value) {
+    mountedAction();
+  }
+});
 </script>
 <template>
-	<view>
-		<view v-if="!!$store.config">
-			<view :ref="configRef"></view>
-		</view>
-		<view class="tip_dialog_wrapper" v-if="!!tip_show">
-			<view class="tip_dialog_box_wrapper">
-				<view @click="tip_show = !tip_show" class="tip_dialog_close_wrapper">
-					<image src="@/static/assets/contrast/close@2x.png"></image>
-				</view>
-				<view class="tip_dialog_text_wrapper" v-html="tip_content"></view>
-			</view>
-		</view>
-		<view v-if="!!fenzhen_list">
-			<view class="order_info_wrapper">
-				<view class="person_name_wrapper">
-					<view class="person_name_text_wrapper">{{ fenzhen_list.info.name }}</view>
-					<view class="person_sex_wrapper">{{ fenzhen_list.info.sex === 1 ? '男士' : '女士' }}</view>
-				</view>
-				<view class="info_box_wrapper">
-					<view class="info_wrapper">
-						<view class="info_title_wrapper">体检套餐：</view>
-						<view class="info_text_wrapper">{{ fenzhen_list.info.combo_name }}</view>
-					</view>
-					<view class="info_wrapper info2_wrapper">
-						<view class="info_title_wrapper">体检日期：</view>
-						<view class="info_text_wrapper">{{ fenzhen_list.info.check_date }}</view>
-					</view>
-				</view>
-				<view class="button_wrapper">
-					<view @click="tipShowClick()" class="desc_wrapper">体检注意事项</view>
-				</view>
-			</view>
-			<view class="tip_wrapper">
-				<view class="tip_time_wrapper">
-					<view class="tip_time_text_wrapper">开始体检时间</view>
-					<view class="tip_time_value_wrapper">{{ timeShow(fenzhen_list.info.start_time) }}</view>
-					<view class="tip_time_text_wrapper">— 预计结束时间</view>
-					<view class="tip_time_value_wrapper">{{ timeShow(fenzhen_list.info.end_time) }}</view>
-				</view>
-				<view class="tip_box_wrapper">
-					<view class="tip_icon_wrapper">
-						<image src="@/static/assets/fenzhen/tip@2x.png"></image>
-					</view>
-					<view class="tip_text_wrapper">尊敬的客户，为了使您的体检流程更加顺畅，请按以下步骤提 示顺序逐项完成体检。</view>
-				</view>
-			</view>
-			<view class="time_line_wrapper">
-				<view class="time_line_title_wrapper">自助导检</view>
-				<view class="time_line_box_wrapper">
-					<view class="time_line_item_wrapper" :class="[
-							`time_line_item-${i.status}_wrapper`
-					]" v-for="(i,k) in fenzhen_list.list" :key="k">
-						<view class="time_line_item_time_wrapper">
-							<view v-if="!!i.time" class="time_line_item_time_value_wrapper">{{ i.time }}</view>
-							<view class="time_line_item_time_dot_wrapper">
-								<view class="time_line_item_time_dot_in_wrapper"></view>
-							</view>
-							<view v-if="!!i.time" class="time_line_item_time_line_wrapper"></view>
-							<view v-if="!i.time" class="time_line_item_time_cover_wrapper"></view>
-						</view>
-						<view class="time_line_item_content_wrapper">
-							<view class="time_line_item_triangle_wrapper"></view>
-							<view class="time_line_item_flex_wrapper">
-								<view class="time_line_item_title_wrapper">{{ k + 1 }}.{{ i.name }}</view>
-								<view class="time_line_item_box_wrapper">{{ i.desc }}</view>
-							</view>
-							<view v-if="!!i.time && !!i.tip" class="time_line_item_line_wrapper"></view>
-							<view v-if="!!i.time && !!i.tip" class="time_line_item_flex_wrapper">
-								<view class="time_line_item_text_wrapper">{{ i.tip }}</view>
-								<view v-if="i.more > 0" class="time_line_item_more_wrapper" @click="toRouter()">查看详情>></view>
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-		</view>
-	</view>
+  <DraggableButton />
+  <view>
+    <view v-if="!!$store.config">
+      <view :ref="configRef"></view>
+    </view>
+    <view class="tip_dialog_wrapper" v-if="!!tip_show">
+      <view class="tip_dialog_box_wrapper">
+        <view @click="tip_show = !tip_show" class="tip_dialog_close_wrapper">
+          <image src="@/static/assets/contrast/close@2x.png"></image>
+        </view>
+        <view class="tip_dialog_text_wrapper" v-html="tip_content"></view>
+      </view>
+    </view>
+    <view v-if="!!fenzhen_list">
+      <view
+        class="order_info_wrapper relative"
+				>
+        <w-qrcode
+        	v-if="fenzhen_list.info.qrcode"
+          class="absolute top-20rpx right-15rpx b-1 b-dashed b-#000 p-8rpx"
+          :options="{
+						level: 4,
+            size: 130,
+            code: fenzhen_list.info.qrcode,
+          }"
+        ></w-qrcode>
+        <view class="person_name_wrapper">
+          <view class="person_name_text_wrapper">{{
+            fenzhen_list.info.name
+          }}</view>
+          <view class="person_sex_wrapper">{{
+            fenzhen_list.info.sex === 1 ? "男士" : "女士"
+          }}</view>
+        </view>
+        <view class="info_box_wrapper">
+          <view class="info_wrapper">
+            <view class="info_title_wrapper">体检套餐：</view>
+            <view class="info_text_wrapper">{{
+              fenzhen_list.info.combo_name
+            }}</view>
+          </view>
+          <view class="info_wrapper info2_wrapper">
+            <view class="info_title_wrapper">体检日期：</view>
+            <view class="info_text_wrapper">{{
+              fenzhen_list.info.check_date
+            }}</view>
+          </view>
+        </view>
+        <view class="button_wrapper">
+          <view @click="tipShowClick()" class="desc_wrapper">体检注意事项</view>
+        </view>
+      </view>
+      <view class="tip_wrapper">
+        <view class="tip_time_wrapper">
+          <view class="tip_time_text_wrapper">开始体检时间</view>
+          <view class="tip_time_value_wrapper">{{
+            timeShow(fenzhen_list.info.start_time)
+          }}</view>
+          <view class="tip_time_text_wrapper">— 预计结束时间</view>
+          <view class="tip_time_value_wrapper">{{
+            timeShow(fenzhen_list.info.end_time)
+          }}</view>
+        </view>
+        <view class="tip_box_wrapper">
+          <view class="tip_icon_wrapper">
+            <image src="@/static/assets/fenzhen/tip@2x.png"></image>
+          </view>
+          <view class="tip_text_wrapper"
+            >尊敬的客户，为了使您的体检流程更加顺畅，请按以下步骤提
+            示顺序逐项完成体检。</view
+          >
+        </view>
+      </view>
+      <view class="time_line_wrapper">
+        <view class="time_line_title_wrapper">自助导检</view>
+        <view class="time_line_box_wrapper">
+          <view
+            class="time_line_item_wrapper"
+            :class="[`time_line_item-${i.status}_wrapper`]"
+            v-for="(i, k) in fenzhen_list.list"
+            :key="k"
+          >
+            <view class="time_line_item_time_wrapper">
+              <view v-if="!!i.time" class="time_line_item_time_value_wrapper">{{
+                i.time
+              }}</view>
+              <view class="time_line_item_time_dot_wrapper">
+                <view class="time_line_item_time_dot_in_wrapper"></view>
+              </view>
+              <view
+                v-if="!!i.time"
+                class="time_line_item_time_line_wrapper"
+              ></view>
+              <view
+                v-if="!i.time"
+                class="time_line_item_time_cover_wrapper"
+              ></view>
+            </view>
+            <view class="time_line_item_content_wrapper">
+              <view class="time_line_item_triangle_wrapper"></view>
+              <view class="time_line_item_flex_wrapper">
+                <view class="time_line_item_title_wrapper"
+                  >{{ k + 1 }}.{{ i.name }}</view
+                >
+                <view class="time_line_item_box_wrapper">{{ i.desc }}</view>
+              </view>
+              <view
+                v-if="!!i.time && !!i.tip"
+                class="time_line_item_line_wrapper"
+              ></view>
+              <view
+                v-if="!!i.time && !!i.tip"
+                class="time_line_item_flex_wrapper"
+              >
+                <view class="time_line_item_text_wrapper">{{ i.tip }}</view>
+                <view
+                  v-if="i.more > 0"
+                  class="time_line_item_more_wrapper"
+                  @click="toRouter()"
+                  >查看详情>></view
+                >
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
 </template>
 <style scoped>
-	.tip_dialog_text_wrapper {
-		max-height: calc(100vh - 600rpx);
-		overflow-y: auto;
-	}
-
-	.tip_dialog_wrapper {
-		position: fixed;
-		top: 0;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		width: 750rpx;
-		background: #00000060;
-		margin: 0 auto;
-		z-index: 9999;
-	}
-
-	.tip_dialog_close_wrapper {
-		position: absolute;
-		top: 30rpx;
-		right: 40rpx;
-		width: 26rpx;
-		height: 26rpx;
-	}
-
-	.tip_dialog_close_wrapper image {
-		width: 26rpx;
-		height: 26rpx;
-		display: block;
-		object-fit: contain;
-	}
-
-	.tip_dialog_box_wrapper {
-		position: absolute;
-		width: 610rpx;
-		background: #FFFFFF;
-		border-radius: 15rpx;
-		padding-left: 50rpx;
-		padding-right: 50rpx;
-		padding-bottom: 90rpx;
-		padding-top: 130rpx;
-		left: 50%;
-		top: 50%;
-		transform: translate(-50%, -50%);
-	}
-
-	.time_line_item_more_wrapper {
-		font-size: 22rpx;
-		color: #239EA3;
-		line-height: 1;
-		text-decoration-line: underline;
-		margin-right: 19rpx;
-	}
-
-	.time_line_item_text_wrapper {
-		font-weight: 500;
-		font-size: 24rpx;
-		color: #6E6E6E;
-		line-height: 1;
-		margin-left: 42rpx;
-	}
-
-	.time_line_item_line_wrapper {
-		width: 550rpx;
-		height: 1rpx;
-		background: #E8E8E8;
-		border-radius: 1rpx;
-		margin: 13rpx auto 5rpx;
-	}
-
-	.time_line_item_box_wrapper {
-		width: 400rpx;
-		height: 40rpx;
-		background: #5A75CA30;
-		border-radius: 5rpx;
-		font-weight: 500;
-		font-size: 24rpx;
-		color: #5A75CA;
-		line-height: 40rpx;
-		text-align: center;
-		margin-right: 17rpx;
-	}
-
-	.time_line_item_title_wrapper {
-		width: 140rpx;
-		font-weight: bold;
-		font-size: 28rpx;
-		color: #0D0D0D;
-		line-height: 40rpx;
-		height: 40rpx;
-		margin-left: 22rpx;
-	}
-
-	.time_line_item_flex_wrapper {
-		margin-top: 15rpx;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-	}
-
-	.time_line_item_time_cover_wrapper {
-		position: absolute;
-		width: 2rpx;
-		top: -36rpx;
-		height: 100rpx;
-		left: 50%;
-		background: #ffffff;
-		transform: translateX(-50%);
-		z-index: 99;
-	}
-
-	.time_line_item_time_line_wrapper {
-		position: absolute;
-		width: 2rpx;
-		top: 0;
-		bottom: 0;
-		left: 50%;
-		background: #DEDEDE;
-		transform: translateX(-50%);
-	}
-
-	.time_line_item_time_dot_wrapper {
-		position: absolute;
-		width: 16rpx;
-		height: 16rpx;
-		background: #CFCECE60;
-		border-radius: 50%;
-		left: 50%;
-		top: 50%;
-		transform: translate(-50%, calc(-50% + 26rpx));
-		z-index: 999;
-	}
-
-	.time_line_item_time_dot_in_wrapper {
-		width: 8rpx;
-		height: 8rpx;
-		background: #CFCECE;
-		border-radius: 50%;
-		position: absolute;
-		left: 50%;
-		top: 50%;
-		transform: translate(-50%, -50%);
-	}
-
-	.time_line_box_wrapper {
-		margin-top: 28rpx;
-	}
-
-	.time_line_item_triangle_wrapper {
-		width: 16rpx;
-		height: 16rpx;
-		border-left: 1rpx #E8E8E8 solid;
-		border-bottom: 1rpx #E8E8E8 solid;
-		background: #F8F8F8;
-		position: absolute;
-		top: 50%;
-		left: -10rpx;
-		transform: rotate(45deg);
-	}
-
-	.time_line_item_content_wrapper {
-		width: 590rpx;
-		background: #F8F8F8;
-		border-radius: 5rpx;
-		margin-left: 12rpx;
-		position: relative;
-		border: 1rpx #E8E8E8 solid;
-		margin-top: 36rpx;
-		padding-bottom: 15rpx;
-	}
-
-	.time_line_item_time_value_wrapper {
-		width: 90rpx;
-		height: 55rpx;
-		background: #E4E4E4;
-		border-radius: 28rpx;
-		font-weight: 500;
-		font-size: 28rpx;
-		color: #212121;
-		line-height: 55rpx;
-		text-align: center;
-		position: relative;
-		z-index: 99;
-	}
-
-	.time_line_item_time_wrapper {
-		width: 90rpx;
-		position: absolute;
-		left: 6rpx;
-		right: 0;
-		top: 0;
-		bottom: 0;
-	}
-
-	.time_line_item_wrapper {
-		width: calc(90rpx + 12rpx + 590rpx);
-		display: flex;
-		justify-content: end;
-		margin: 0 auto;
-		position: relative;
-	}
-
-	.time_line_title_wrapper {
-		width: 180rpx;
-		height: 60rpx;
-		background: linear-gradient(90deg, #EDF6F5 0%, #BBDFE1 99%);
-		border-radius: 0rpx 30rpx 30rpx 0rpx;
-		font-weight: bold;
-		font-size: 25rpx;
-		color: #123531;
-		text-align: center;
-		line-height: 60rpx;
-		margin-top: 26rpx;
-		overflow: hidden;
-	}
-
-	.time_line_wrapper {
-		width: 710rpx;
-		background: #FFFFFF;
-		box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.04);
-		border-radius: 15rpx;
-		margin: 53rpx auto 0;
-		overflow: hidden;
-		position: relative;
-		padding-bottom: 30rpx;
-	}
-
-	.tip_text_wrapper {
-		font-weight: 400;
-		font-size: 22rpx;
-		color: #E95515;
-		line-height: 36rpx;
-		margin-left: 10rpx;
-	}
-
-	.tip_icon_wrapper {
-		width: 24rpx;
-		height: 24rpx;
-		margin-top: 5rpx;
-	}
-
-	.tip_icon_wrapper image {
-		width: 24rpx;
-		height: 24rpx;
-		display: block;
-		object-fit: contain;
-	}
-
-	.tip_box_wrapper {
-		display: flex;
-		margin-top: 20rpx;
-	}
-
-	.tip_time_value_wrapper {
-		font-size: 36rpx;
-		color: #239EA3;
-		margin: 0 10rpx;
-	}
-
-	.tip_time_text_wrapper {
-		font-size: 22rpx;
-		color: #161616;
-	}
-
-	.tip_time_wrapper {
-		display: flex;
-		align-items: end;
-		line-height: 1;
-	}
-
-	.tip_wrapper {
-		width: calc(100% - 50px);
-		margin: 32rpx auto 0;
-	}
-
-	.info2_wrapper {
-		margin-top: 30rpx;
-	}
-
-	.info_box_wrapper {
-		margin-top: 60rpx;
-		margin-left: 29rpx;
-	}
-
-	.button_wrapper {
-		display: flex;
-		justify-content: end;
-	}
-
-	.desc_wrapper {
-		width: 160rpx;
-		height: 48rpx;
-		background: #239EA3;
-		border-radius: 5rpx;
-		font-size: 20rpx;
-		color: #FFFFFF;
-		line-height: 48rpx;
-		text-align: center;
-		margin-right: 29rpx;
-		margin-top: 24rpx;
-	}
-
-	.info_wrapper {
-		display: flex;
-		align-items: center;
-	}
-
-	.info_text_wrapper {
-		font-size: 24rpx;
-		color: #0F0F0F;
-		line-height: 1;
-	}
-
-	.info_title_wrapper {
-		font-size: 24rpx;
-		color: #8B8B8B;
-		line-height: 1;
-	}
-
-	.order_info_wrapper {
-		width: 710rpx;
-		height: 360rpx;
-		background: #FFFFFF;
-		box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.04);
-		border-radius: 15rpx;
-		margin: 20rpx auto 0;
-		overflow: hidden;
-	}
-
-	.person_name_wrapper {
-		display: flex;
-		align-items: end;
-		margin-top: 72rpx;
-		margin-left: 29rpx;
-	}
-
-	.person_name_text_wrapper {
-		font-weight: bold;
-		font-size: 34rpx;
-		color: #171717;
-	}
-
-	.person_sex_wrapper {
-		font-size: 24rpx;
-		color: #7E7E7E;
-		margin-left: 15rpx;
-	}
-
-	.time_line_item-2_wrapper .time_line_item_time_value_wrapper,
-	.time_line_item-1_wrapper .time_line_item_time_value_wrapper {
-		background: #239EA3;
-		color: #F8F8F8;
-	}
-
-	.time_line_item-2_wrapper .time_line_item_time_dot_wrapper,
-	.time_line_item-1_wrapper .time_line_item_time_dot_wrapper {
-		background: #239EA360;
-	}
-
-	.time_line_item-2_wrapper .time_line_item_time_dot_in_wrapper,
-	.time_line_item-1_wrapper .time_line_item_time_dot_in_wrapper {
-		background: #239EA3;
-	}
-
-	.time_line_item-2_wrapper .time_line_item_box_wrapper,
-	.time_line_item-1_wrapper .time_line_item_box_wrapper {
-		background: #6CAFB230;
-		color: #239EA3;
-	}
-
-	.time_line_item--1_wrapper .time_line_item_time_value_wrapper {
-		background: #239EA3;
-		color: #F8F8F8;
-	}
-
-	.time_line_item--1_wrapper .time_line_item_time_dot_wrapper {
-		background: #239EA360;
-	}
-
-	.time_line_item--1_wrapper .time_line_item_time_dot_in_wrapper {
-		background: #239EA3;
-	}
-
-	.time_line_item--1_wrapper .time_line_item_box_wrapper {
-		background: #E1AF6830;
-		color: #CC913E;
-	}
-</style>
\ No newline at end of file
+.tip_dialog_text_wrapper {
+  max-height: calc(100vh - 600rpx);
+  overflow-y: auto;
+}
+
+.tip_dialog_wrapper {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 750rpx;
+  background: #00000060;
+  margin: 0 auto;
+  z-index: 9999;
+}
+
+.tip_dialog_close_wrapper {
+  position: absolute;
+  top: 30rpx;
+  right: 40rpx;
+  width: 26rpx;
+  height: 26rpx;
+}
+
+.tip_dialog_close_wrapper image {
+  width: 26rpx;
+  height: 26rpx;
+  display: block;
+  object-fit: contain;
+}
+
+.tip_dialog_box_wrapper {
+  position: absolute;
+  width: 610rpx;
+  background: #ffffff;
+  border-radius: 15rpx;
+  padding-left: 50rpx;
+  padding-right: 50rpx;
+  padding-bottom: 90rpx;
+  padding-top: 130rpx;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.time_line_item_more_wrapper {
+  font-size: 22rpx;
+  color: #239ea3;
+  line-height: 1;
+  text-decoration-line: underline;
+  margin-right: 19rpx;
+}
+
+.time_line_item_text_wrapper {
+  font-weight: 500;
+  font-size: 24rpx;
+  color: #6e6e6e;
+  line-height: 1;
+  margin-left: 42rpx;
+}
+
+.time_line_item_line_wrapper {
+  width: 550rpx;
+  height: 1rpx;
+  background: #e8e8e8;
+  border-radius: 1rpx;
+  margin: 13rpx auto 5rpx;
+}
+
+.time_line_item_box_wrapper {
+  width: 400rpx;
+  height: 40rpx;
+  background: #5a75ca30;
+  border-radius: 5rpx;
+  font-weight: 500;
+  font-size: 24rpx;
+  color: #5a75ca;
+  line-height: 40rpx;
+  text-align: center;
+  margin-right: 17rpx;
+}
+
+.time_line_item_title_wrapper {
+  width: 140rpx;
+  font-weight: bold;
+  font-size: 28rpx;
+  color: #0d0d0d;
+  line-height: 40rpx;
+  height: 40rpx;
+  margin-left: 22rpx;
+}
+
+.time_line_item_flex_wrapper {
+  margin-top: 15rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.time_line_item_time_cover_wrapper {
+  position: absolute;
+  width: 2rpx;
+  top: -36rpx;
+  height: 100rpx;
+  left: 50%;
+  background: #ffffff;
+  transform: translateX(-50%);
+  z-index: 99;
+}
+
+.time_line_item_time_line_wrapper {
+  position: absolute;
+  width: 2rpx;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  background: #dedede;
+  transform: translateX(-50%);
+}
+
+.time_line_item_time_dot_wrapper {
+  position: absolute;
+  width: 16rpx;
+  height: 16rpx;
+  background: #cfcece60;
+  border-radius: 50%;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, calc(-50% + 26rpx));
+  z-index: 999;
+}
+
+.time_line_item_time_dot_in_wrapper {
+  width: 8rpx;
+  height: 8rpx;
+  background: #cfcece;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.time_line_box_wrapper {
+  margin-top: 28rpx;
+}
+
+.time_line_item_triangle_wrapper {
+  width: 16rpx;
+  height: 16rpx;
+  border-left: 1rpx #e8e8e8 solid;
+  border-bottom: 1rpx #e8e8e8 solid;
+  background: #f8f8f8;
+  position: absolute;
+  top: 50%;
+  left: -10rpx;
+  transform: rotate(45deg);
+}
+
+.time_line_item_content_wrapper {
+  width: 590rpx;
+  background: #f8f8f8;
+  border-radius: 5rpx;
+  margin-left: 12rpx;
+  position: relative;
+  border: 1rpx #e8e8e8 solid;
+  margin-top: 36rpx;
+  padding-bottom: 15rpx;
+}
+
+.time_line_item_time_value_wrapper {
+  width: 90rpx;
+  height: 55rpx;
+  background: #e4e4e4;
+  border-radius: 28rpx;
+  font-weight: 500;
+  font-size: 28rpx;
+  color: #212121;
+  line-height: 55rpx;
+  text-align: center;
+  position: relative;
+  z-index: 99;
+}
+
+.time_line_item_time_wrapper {
+  width: 90rpx;
+  position: absolute;
+  left: 6rpx;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+
+.time_line_item_wrapper {
+  width: calc(90rpx + 12rpx + 590rpx);
+  display: flex;
+  justify-content: end;
+  margin: 0 auto;
+  position: relative;
+}
+
+.time_line_title_wrapper {
+  width: 180rpx;
+  height: 60rpx;
+  background: linear-gradient(90deg, #edf6f5 0%, #bbdfe1 99%);
+  border-radius: 0rpx 30rpx 30rpx 0rpx;
+  font-weight: bold;
+  font-size: 25rpx;
+  color: #123531;
+  text-align: center;
+  line-height: 60rpx;
+  margin-top: 26rpx;
+  overflow: hidden;
+}
+
+.time_line_wrapper {
+  width: 710rpx;
+  background: #ffffff;
+  box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.04);
+  border-radius: 15rpx;
+  margin: 53rpx auto 0;
+  overflow: hidden;
+  position: relative;
+  padding-bottom: 30rpx;
+}
+
+.tip_text_wrapper {
+  font-weight: 400;
+  font-size: 22rpx;
+  color: #e95515;
+  line-height: 36rpx;
+  margin-left: 10rpx;
+}
+
+.tip_icon_wrapper {
+  width: 24rpx;
+  height: 24rpx;
+  margin-top: 5rpx;
+}
+
+.tip_icon_wrapper image {
+  width: 24rpx;
+  height: 24rpx;
+  display: block;
+  object-fit: contain;
+}
+
+.tip_box_wrapper {
+  display: flex;
+  margin-top: 20rpx;
+}
+
+.tip_time_value_wrapper {
+  font-size: 36rpx;
+  color: #239ea3;
+  margin: 0 10rpx;
+}
+
+.tip_time_text_wrapper {
+  font-size: 22rpx;
+  color: #161616;
+}
+
+.tip_time_wrapper {
+  display: flex;
+  align-items: end;
+  line-height: 1;
+}
+
+.tip_wrapper {
+  width: calc(100% - 50px);
+  margin: 32rpx auto 0;
+}
+
+.info2_wrapper {
+  margin-top: 30rpx;
+}
+
+.info_box_wrapper {
+  margin-top: 60rpx;
+  margin-left: 29rpx;
+}
+
+.button_wrapper {
+  display: flex;
+  justify-content: end;
+}
+
+.desc_wrapper {
+  width: 160rpx;
+  height: 48rpx;
+  background: #239ea3;
+  border-radius: 5rpx;
+  font-size: 20rpx;
+  color: #ffffff;
+  line-height: 48rpx;
+  text-align: center;
+  margin-right: 29rpx;
+  margin-top: 24rpx;
+}
+
+.info_wrapper {
+  display: flex;
+  align-items: center;
+}
+
+.info_text_wrapper {
+  font-size: 24rpx;
+  color: #0f0f0f;
+  line-height: 1;
+}
+
+.info_title_wrapper {
+  font-size: 24rpx;
+  color: #8b8b8b;
+  line-height: 1;
+}
+
+.order_info_wrapper {
+  width: 710rpx;
+  height: 360rpx;
+  background: #ffffff;
+  box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.04);
+  border-radius: 15rpx;
+  margin: 20rpx auto 0;
+  overflow: hidden;
+}
+
+.person_name_wrapper {
+  display: flex;
+  align-items: end;
+  margin-top: 72rpx;
+  margin-left: 29rpx;
+}
+
+.person_name_text_wrapper {
+  font-weight: bold;
+  font-size: 34rpx;
+  color: #171717;
+}
+
+.person_sex_wrapper {
+  font-size: 24rpx;
+  color: #7e7e7e;
+  margin-left: 15rpx;
+}
+
+.time_line_item-2_wrapper .time_line_item_time_value_wrapper,
+.time_line_item-1_wrapper .time_line_item_time_value_wrapper {
+  background: #239ea3;
+  color: #f8f8f8;
+}
+
+.time_line_item-2_wrapper .time_line_item_time_dot_wrapper,
+.time_line_item-1_wrapper .time_line_item_time_dot_wrapper {
+  background: #239ea360;
+}
+
+.time_line_item-2_wrapper .time_line_item_time_dot_in_wrapper,
+.time_line_item-1_wrapper .time_line_item_time_dot_in_wrapper {
+  background: #239ea3;
+}
+
+.time_line_item-2_wrapper .time_line_item_box_wrapper,
+.time_line_item-1_wrapper .time_line_item_box_wrapper {
+  background: #6cafb230;
+  color: #239ea3;
+}
+
+.time_line_item--1_wrapper .time_line_item_time_value_wrapper {
+  background: #239ea3;
+  color: #f8f8f8;
+}
+
+.time_line_item--1_wrapper .time_line_item_time_dot_wrapper {
+  background: #239ea360;
+}
+
+.time_line_item--1_wrapper .time_line_item_time_dot_in_wrapper {
+  background: #239ea3;
+}
+
+.time_line_item--1_wrapper .time_line_item_box_wrapper {
+  background: #e1af6830;
+  color: #cc913e;
+}
+</style>
diff --git a/h5/pages/user/fenzhen/qijian.vue b/h5/pages/user/fenzhen/qijian.vue
new file mode 100644
index 0000000..d6910b5
--- /dev/null
+++ b/h5/pages/user/fenzhen/qijian.vue
@@ -0,0 +1,187 @@
+<template>
+  <view class="p-20rpx w-full h-[calc(100vh-88rpx)] box-border bg-#fff">
+    <view class="canvasBox">
+      <!-- <view class="title">请在下面输入签名：</view> -->
+      <canvas
+        class="mycanvas"
+        id="myCanvas"
+        canvas-id="mycanvas"
+        @touchstart="touchstart"
+        @touchmove="touchmove"
+        @touchend="touchend"
+      ></canvas>
+    </view>
+    <view class="footer">
+      <view class="left" @click="clear">清除</view>
+      <view class="right" @click="finish">确认</view>
+    </view>
+  </view>
+</template>
+
+<script>
+// var x = 20;
+// var y = 20;
+import { $api, $response } from "@/api";
+export default {
+  data() {
+    return {
+      ctx: "", //绘图图像
+      points: [], //路径点集合
+    };
+  },
+  mounted() {
+    var canvas = document.getElementById("myCanvas");
+    console.log(canvas.offsetWidth);
+    console.log(canvas.offsetHeight);
+    this.ctx = uni.createCanvasContext("mycanvas", this); //创建绘图对象
+
+    //设置画笔样式
+    this.ctx.lineWidth = 4;
+    this.ctx.lineCap = "round";
+    this.ctx.lineJoin = "round";
+    canvas.width = canvas.offsetWidth;
+    canvas.height = canvas.offsetHeight;
+  },
+  methods: {
+    //触摸开始，获取到起点
+    touchstart: function (e) {
+      let startX = e.changedTouches[0].x;
+      let startY = e.changedTouches[0].y;
+      let startPoint = { X: startX, Y: startY };
+      this.points.push(startPoint);
+      //每次触摸开始，开启新的路径
+      this.ctx.beginPath();
+    },
+
+    //触摸移动，获取到路径点
+    touchmove: function (e) {
+      let moveX = e.changedTouches[0].x;
+      let moveY = e.changedTouches[0].y;
+      let movePoint = { X: moveX, Y: moveY };
+      this.points.push(movePoint); //存点
+      let len = this.points.length;
+      if (len >= 2) {
+        this.draw(); //绘制路径
+      }
+    },
+
+    // 触摸结束，将未绘制的点清空防止对后续路径产生干扰
+    touchend: function () {
+      this.points = [];
+    },
+
+    /* ***********************************************
+			#   绘制笔迹
+			#	1.为保证笔迹实时显示，必须在移动的同时绘制笔迹
+			#	2.为保证笔迹连续，每次从路径集合中区两个点作为起点（moveTo）和终点(lineTo)
+			#	3.将上一次的终点作为下一次绘制的起点（即清除第一个点）
+			************************************************ */
+    draw: function () {
+      let point1 = this.points[0];
+      let point2 = this.points[1];
+      this.points.shift();
+      this.ctx.moveTo(point1.X, point1.Y);
+      this.ctx.lineTo(point2.X, point2.Y);
+      this.ctx.stroke();
+      this.ctx.draw(true);
+    },
+
+    //清空画布
+    clear: function () {
+      let that = this;
+      uni.getSystemInfo({
+        success: function (res) {
+          let canvasw = res.windowWidth;
+          let canvash = res.windowHeight;
+          that.ctx.clearRect(0, 0, canvasw, canvash);
+          that.ctx.draw(true);
+        },
+      });
+    },
+
+    //完成绘画并保存到本地
+    finish: function () {
+      uni.showLoading({
+        title: "加载中...",
+      });
+      uni.canvasToTempFilePath({
+        canvasId: "mycanvas",
+        success: async function (res) {
+          let path = res.tempFilePath;
+          console.log(path);
+          let obj = {
+            path,
+          };
+          const response = await $api("FenzhenAbandon", obj);
+          $response(response, () => {
+            if (response.status) {
+              uni.showToast({
+                title: response.msg,
+                icon: "success",
+                success: function () {
+                  let time = setTimeout(() => {
+                    clearTimeout(time);
+                    uni.navigateBack();
+                  }, 1000);
+                },
+              });
+            }
+            uni.hideLoading();
+          });
+        },
+      });
+    },
+  },
+};
+</script>
+
+<style>
+.title {
+  height: 50rpx;
+  line-height: 50rpx;
+  font-size: 16px;
+}
+.mycanvas {
+  width: 100%;
+  height: 100%;
+  background-color: #ffffff;
+}
+.footer {
+  font-size: 16px;
+  height: 150rpx;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.right {
+  width: 280rpx;
+  height: 75rpx;
+  background: #239ea3;
+  border-radius: 10rpx;
+  font-size: 30rpx;
+  color: #ffffff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.left {
+  width: 280rpx;
+  height: 75rpx;
+  background: #faece6;
+  border-radius: 10rpx;
+  font-size: 30rpx;
+  color: #e95515;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.canvasBox {
+  height: calc(100vh - 300rpx);
+  box-sizing: border-box;
+  background: #ffffff;
+  border-radius: 5rpx;
+  border: 1px solid rgba(35, 158, 163, 0.48);
+}
+</style>
diff --git a/h5/pages/user/fenzhen/xindiantu.vue b/h5/pages/user/fenzhen/xindiantu.vue
new file mode 100644
index 0000000..fb74d66
--- /dev/null
+++ b/h5/pages/user/fenzhen/xindiantu.vue
@@ -0,0 +1,594 @@
+<script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
+/**
+ * name：
+ * user：sa0ChunLuyu
+ * date：2024年9月11日 19:24:50
+ */
+import { ref } from "vue";
+import { $api, $response } from "@/api";
+import { onShow } from "@dcloudio/uni-app";
+import { useStore } from "@/store";
+const $store = useStore();
+const $props = defineProps({
+  id: {
+    type: String,
+    default: "0",
+  },
+});
+
+let tabIndex = ref(0);
+
+const fenzhen_list = ref(false);
+
+const getFenzhenInfo = async (id) => {
+  uni.showLoading();
+  const response = await $api("FenzhenInfo", {
+    id: $props.id,
+  });
+  uni.hideLoading();
+  $response(response, () => {
+    fenzhen_list.value = response.data;
+  });
+};
+
+const mountedAction = () => {
+  getFenzhenInfo();
+};
+
+const config_ref = ref(null);
+const configRef = (e) => {
+  if (!config_ref.value) {
+    config_ref.value = e;
+    mountedAction();
+  }
+};
+
+const timeShow = (time) => {
+  let time_array = time.split(":");
+  return `${time_array[0]}:${time_array[1]}`;
+};
+
+const tip_show = ref(false);
+const tip_content = ref("");
+
+const qijian = (item) => {
+  uni.navigateTo({
+    url: `/pages/user/fenzhen/qijian?id=${$props.id}&xmid=${item.id}`,
+  });
+};
+
+onShow(() => {
+  if (!!config_ref.value) {
+    mountedAction();
+  }
+});
+</script>
+<template>
+  <DraggableButton />
+  <view>
+    <view v-if="!!$store.config">
+      <view :ref="configRef"></view>
+    </view>
+    <!-- <view class="tip_dialog_wrapper" v-if="!!tip_show">
+      <view class="tip_dialog_box_wrapper">
+        <view @click="tip_show = !tip_show" class="tip_dialog_close_wrapper">
+          <image src="@/static/assets/contrast/close@2x.png"></image>
+        </view>
+        <view class="tip_dialog_text_wrapper" v-html="tip_content"></view>
+      </view>
+    </view> -->
+    <view v-if="!!fenzhen_list">
+      <view class="order_info_wrapper">
+        <view class="person_name_wrapper">
+          <view class="person_name_text_wrapper">{{
+            fenzhen_list.info.name
+          }}</view>
+          <view class="person_sex_wrapper">{{
+            fenzhen_list.info.sex === 1 ? "男士" : "女士"
+          }}</view>
+        </view>
+        <view class="info_box_wrapper">
+          <view class="info_wrapper">
+            <view class="info_title_wrapper">体检套餐：</view>
+            <view class="info_text_wrapper">{{
+              fenzhen_list.info.combo_name
+            }}</view>
+          </view>
+          <view class="info_wrapper info2_wrapper">
+            <view class="info_title_wrapper">体检日期：</view>
+            <view class="info_text_wrapper">{{
+              fenzhen_list.info.check_date
+            }}</view>
+          </view>
+          <view
+            class="info_wrapper info2_wrapper"
+            v-if="fenzhen_list.info.code"
+          >
+            <view class="info_title_wrapper">体检号条码：</view>
+            <w-barcode
+              :options="{
+                width: 500,
+                height: 100,
+                code: fenzhen_list.info.code,
+              }"
+            ></w-barcode>
+          </view>
+        </view>
+        <view class="tip_wrapper">
+          <view class="tip_time_wrapper">
+            <view class="tip_time_text_wrapper">开始体检时间</view>
+            <view class="tip_time_value_wrapper">{{
+              timeShow(fenzhen_list.info.start_time)
+            }}</view>
+            <view class="tip_time_text_wrapper">— 预计结束时间</view>
+            <view class="tip_time_value_wrapper">{{
+              timeShow(fenzhen_list.info.end_time)
+            }}</view>
+          </view>
+          <view class="tip_box_wrapper">
+            <view class="tip_icon_wrapper">
+              <image src="@/static/assets/fenzhen/tip@2x.png"></image>
+            </view>
+            <view class="tip_text_wrapper"
+              >尊敬的客户，为了使您的体检流程更加顺畅，请按以下步骤提
+              示顺序逐项完成体检。</view
+            >
+          </view>
+        </view>
+      </view>
+      <view class="time_line_wrapper py-40rpx px-10rpx">
+        <view
+          class="mb-20rpx flex rounded-8rpx w-428rpx h-66rpx ma b-0 b-1 b-solid b-#239EA3"
+        >
+          <view
+            @click="tabIndex = 0"
+            :class="tabIndex == 0 ? 'ckjg_active' : ''"
+            class="text-#239EA3 flex-1 text-#26rpx bg-#D9F3F2 flex flex-items-center flex-justify-center rounded-l-8rpx"
+          >
+            未完成
+          </view>
+          <view
+            @click="tabIndex = 1"
+            :class="tabIndex == 1 ? 'ckjg_active' : ''"
+            class="text-#239EA3 flex-1 flex flex-items-center flex-justify-center bg-#D9F3F2 rounded-r-8rpx"
+            >已完成
+          </view>
+        </view>
+        <view>
+          <template v-for="(item, index) in fenzhen_list.list" :key="index">
+            <view class="between h-90rpx b-0 b-b-1 b-solid b-#EAEAEA" v-if="item.status == 1 && tabIndex == 0">
+              <view class="text-#000000 text-30rpx">{{ item.name }}</view>
+              <view class="center">
+                <text
+									@click="qijian(item)"
+									class="rounded-full text-28rpx center w-105rpx h-48rpx text-#E95515 bg-#FAECE6"
+                  >弃检</text
+                >
+              </view>
+            </view>
+						<view class="between h-90rpx b-0 b-b-1 b-solid b-#EAEAEA" v-if="item.status == 4 && tabIndex == 1">
+              <view class="text-#000000 text-30rpx">{{ item.name }}</view>
+              <view class="center">
+                <text
+									class="rounded-full text-28rpx center w-105rpx h-48rpx mr-30rpx text-#239EA3 bg-#E5F3F2"
+                  >完成</text
+                >
+								<text class="text-#141414 text-28rpx">{{ item.time }}</text>
+              </view>
+            </view>
+          </template>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+<style scoped>
+.tip_dialog_text_wrapper {
+  max-height: calc(100vh - 600rpx);
+  overflow-y: auto;
+}
+
+.tip_dialog_wrapper {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 750rpx;
+  background: #00000060;
+  margin: 0 auto;
+  z-index: 9999;
+}
+
+.tip_dialog_close_wrapper {
+  position: absolute;
+  top: 30rpx;
+  right: 40rpx;
+  width: 26rpx;
+  height: 26rpx;
+}
+
+.tip_dialog_close_wrapper image {
+  width: 26rpx;
+  height: 26rpx;
+  display: block;
+  object-fit: contain;
+}
+
+.tip_dialog_box_wrapper {
+  position: absolute;
+  width: 610rpx;
+  background: #ffffff;
+  border-radius: 15rpx;
+  padding-left: 50rpx;
+  padding-right: 50rpx;
+  padding-bottom: 90rpx;
+  padding-top: 130rpx;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.time_line_item_more_wrapper {
+  font-size: 22rpx;
+  color: #239ea3;
+  line-height: 1;
+  text-decoration-line: underline;
+  margin-right: 19rpx;
+}
+
+.time_line_item_text_wrapper {
+  font-weight: 500;
+  font-size: 24rpx;
+  color: #6e6e6e;
+  line-height: 1;
+  margin-left: 42rpx;
+}
+
+.time_line_item_line_wrapper {
+  width: 550rpx;
+  height: 1rpx;
+  background: #e8e8e8;
+  border-radius: 1rpx;
+  margin: 13rpx auto 5rpx;
+}
+
+.time_line_item_box_wrapper {
+  width: 400rpx;
+  height: 40rpx;
+  background: #5a75ca30;
+  border-radius: 5rpx;
+  font-weight: 500;
+  font-size: 24rpx;
+  color: #5a75ca;
+  line-height: 40rpx;
+  text-align: center;
+  margin-right: 17rpx;
+}
+
+.time_line_item_title_wrapper {
+  width: 140rpx;
+  font-weight: bold;
+  font-size: 28rpx;
+  color: #0d0d0d;
+  line-height: 40rpx;
+  height: 40rpx;
+  margin-left: 22rpx;
+}
+
+.time_line_item_flex_wrapper {
+  margin-top: 15rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.time_line_item_time_cover_wrapper {
+  position: absolute;
+  width: 2rpx;
+  top: -36rpx;
+  height: 100rpx;
+  left: 50%;
+  background: #ffffff;
+  transform: translateX(-50%);
+  z-index: 99;
+}
+
+.time_line_item_time_line_wrapper {
+  position: absolute;
+  width: 2rpx;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  background: #dedede;
+  transform: translateX(-50%);
+}
+
+.time_line_item_time_dot_wrapper {
+  position: absolute;
+  width: 16rpx;
+  height: 16rpx;
+  background: #cfcece60;
+  border-radius: 50%;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, calc(-50% + 26rpx));
+  z-index: 999;
+}
+
+.time_line_item_time_dot_in_wrapper {
+  width: 8rpx;
+  height: 8rpx;
+  background: #cfcece;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.time_line_box_wrapper {
+  margin-top: 28rpx;
+}
+
+.time_line_item_triangle_wrapper {
+  width: 16rpx;
+  height: 16rpx;
+  border-left: 1rpx #e8e8e8 solid;
+  border-bottom: 1rpx #e8e8e8 solid;
+  background: #f8f8f8;
+  position: absolute;
+  top: 50%;
+  left: -10rpx;
+  transform: rotate(45deg);
+}
+
+.time_line_item_content_wrapper {
+  width: 590rpx;
+  background: #f8f8f8;
+  border-radius: 5rpx;
+  margin-left: 12rpx;
+  position: relative;
+  border: 1rpx #e8e8e8 solid;
+  margin-top: 36rpx;
+  padding-bottom: 15rpx;
+}
+
+.time_line_item_time_value_wrapper {
+  width: 90rpx;
+  height: 55rpx;
+  background: #e4e4e4;
+  border-radius: 28rpx;
+  font-weight: 500;
+  font-size: 28rpx;
+  color: #212121;
+  line-height: 55rpx;
+  text-align: center;
+  position: relative;
+  z-index: 99;
+}
+
+.time_line_item_time_wrapper {
+  width: 90rpx;
+  position: absolute;
+  left: 6rpx;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+
+.time_line_item_wrapper {
+  width: calc(90rpx + 12rpx + 590rpx);
+  display: flex;
+  justify-content: end;
+  margin: 0 auto;
+  position: relative;
+}
+
+.time_line_title_wrapper {
+  width: 180rpx;
+  height: 60rpx;
+  background: linear-gradient(90deg, #edf6f5 0%, #bbdfe1 99%);
+  border-radius: 0rpx 30rpx 30rpx 0rpx;
+  font-weight: bold;
+  font-size: 25rpx;
+  color: #123531;
+  text-align: center;
+  line-height: 60rpx;
+  margin-top: 26rpx;
+  overflow: hidden;
+}
+
+.time_line_wrapper {
+  width: 710rpx;
+  background: #ffffff;
+  box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.04);
+  border-radius: 15rpx;
+  margin: 53rpx auto 0;
+  overflow: hidden;
+  position: relative;
+  padding-bottom: 30rpx;
+}
+
+.tip_text_wrapper {
+  font-weight: 400;
+  font-size: 22rpx;
+  color: #e95515;
+  line-height: 36rpx;
+  margin-left: 10rpx;
+}
+
+.tip_icon_wrapper {
+  width: 24rpx;
+  height: 24rpx;
+  margin-top: 5rpx;
+}
+
+.tip_icon_wrapper image {
+  width: 24rpx;
+  height: 24rpx;
+  display: block;
+  object-fit: contain;
+}
+
+.tip_box_wrapper {
+  display: flex;
+  margin-top: 20rpx;
+}
+
+.tip_time_value_wrapper {
+  font-size: 36rpx;
+  color: #239ea3;
+  margin: 0 10rpx;
+}
+
+.tip_time_text_wrapper {
+  font-size: 22rpx;
+  color: #161616;
+}
+
+.tip_time_wrapper {
+  display: flex;
+  align-items: end;
+  line-height: 1;
+}
+
+.tip_wrapper {
+  width: 100%;
+  padding: 30rpx;
+  padding-bottom: 0;
+  margin-top: 30rpx;
+  border-top: 1rpx solid #e8e8e8;
+  box-sizing: border-box;
+}
+
+.info2_wrapper {
+  margin-top: 30rpx;
+}
+
+.info_box_wrapper {
+  margin-top: 60rpx;
+  margin-left: 29rpx;
+}
+
+.button_wrapper {
+  display: flex;
+  justify-content: end;
+}
+
+.desc_wrapper {
+  width: 160rpx;
+  height: 48rpx;
+  background: #239ea3;
+  border-radius: 5rpx;
+  font-size: 20rpx;
+  color: #ffffff;
+  line-height: 48rpx;
+  text-align: center;
+  margin-right: 29rpx;
+  margin-top: 24rpx;
+}
+
+.info_wrapper {
+  display: flex;
+  align-items: center;
+}
+
+.info_text_wrapper {
+  font-size: 24rpx;
+  color: #0f0f0f;
+  line-height: 1;
+}
+
+.info_title_wrapper {
+  font-size: 24rpx;
+  color: #8b8b8b;
+  line-height: 1;
+}
+
+.order_info_wrapper {
+  width: 710rpx;
+  /* height: 360rpx; */
+  background: #ffffff;
+  box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.04);
+  border-radius: 15rpx;
+  margin: 20rpx auto 0;
+  overflow: hidden;
+  padding-bottom: 40rpx;
+}
+
+.person_name_wrapper {
+  display: flex;
+  align-items: end;
+  margin-top: 72rpx;
+  margin-left: 29rpx;
+}
+
+.person_name_text_wrapper {
+  font-weight: bold;
+  font-size: 34rpx;
+  color: #171717;
+}
+
+.person_sex_wrapper {
+  font-size: 24rpx;
+  color: #7e7e7e;
+  margin-left: 15rpx;
+}
+
+.time_line_item-2_wrapper .time_line_item_time_value_wrapper,
+.time_line_item-1_wrapper .time_line_item_time_value_wrapper {
+  background: #239ea3;
+  color: #f8f8f8;
+}
+
+.time_line_item-2_wrapper .time_line_item_time_dot_wrapper,
+.time_line_item-1_wrapper .time_line_item_time_dot_wrapper {
+  background: #239ea360;
+}
+
+.time_line_item-2_wrapper .time_line_item_time_dot_in_wrapper,
+.time_line_item-1_wrapper .time_line_item_time_dot_in_wrapper {
+  background: #239ea3;
+}
+
+.time_line_item-2_wrapper .time_line_item_box_wrapper,
+.time_line_item-1_wrapper .time_line_item_box_wrapper {
+  background: #6cafb230;
+  color: #239ea3;
+}
+
+.time_line_item--1_wrapper .time_line_item_time_value_wrapper {
+  background: #239ea3;
+  color: #f8f8f8;
+}
+
+.time_line_item--1_wrapper .time_line_item_time_dot_wrapper {
+  background: #239ea360;
+}
+
+.time_line_item--1_wrapper .time_line_item_time_dot_in_wrapper {
+  background: #239ea3;
+}
+
+.time_line_item--1_wrapper .time_line_item_box_wrapper {
+  background: #e1af6830;
+  color: #cc913e;
+}
+
+.table_wrapper {
+  width: 100%;
+  background: #ffffff;
+  box-shadow: 0px 1rpx 1rpx 0px rgba(2, 2, 4, 0.05);
+  border-radius: 10rpx;
+  margin-top: 15rpx;
+  overflow: hidden;
+  padding-bottom: 34rpx;
+}
+
+.ckjg_active {
+  background: #239ea3;
+  color: #fff;
+}
+</style>
diff --git a/h5/pages/user/pick/pick.vue b/h5/pages/user/pick/pick.vue
index 136d56d..e216272 100644
--- a/h5/pages/user/pick/pick.vue
+++ b/h5/pages/user/pick/pick.vue
@@ -1,4 +1,5 @@
 <script setup>
+import DraggableButton from "@/pages/components/goHome.vue";
 	/**
 	 * name：
 	 * user：sa0ChunLuyu
@@ -74,6 +75,7 @@
 	});
 </script>
 <template>
+	<DraggableButton />
 	<view>
 		<view v-if="!!$store.config">
 			<view :ref="configRef"></view>
diff --git a/h5/vite.config.js b/h5/vite.config.js
index fd29ef8..811418a 100644
--- a/h5/vite.config.js
+++ b/h5/vite.config.js
@@ -1,9 +1,12 @@
 import { defineConfig } from 'vite'
 import uni from '@dcloudio/vite-plugin-uni'
 import Unocss from 'unocss/vite'
- 
+
 // https://vitejs.dev/config/
 export default defineConfig({
+  transpileDependencies: [
+    /[/\\]node_modules[/\\](.+?)?@uni-ui(.*)[/\\]code-plugs/
+  ],
   plugins: [
     uni(),
     // https://github.com/antfu/unocss