调整

src/views/hzyb/chart/Detail.vue

@@ -240,6 +240,8 @@ const setSplineOpt=(data)=>{
 
     let temYLeftArr=[]
     let temYRightArr=[]
+    let temYLeftIndex=data.findIndex((item) => item.IsAxis)
+    let temYRightIndex=data.findIndex((item) => !item.IsAxis)
 
     let minAndMaxTimeTemArr=[]//存放所有指标的最大最小时间
 
@@ -366,17 +368,21 @@ const setSplineOpt=(data)=>{
 
     yAxis.forEach(item=>{
         if(item.IsAxis){//左轴
-            item.min=getAxisMaxOrMin(temYLeftArr,'min')
-            item.max=getAxisMaxOrMin(temYLeftArr,'max')
+            // item.min=getAxisMaxOrMin(temYLeftArr,'min')
+            // item.max=getAxisMaxOrMin(temYLeftArr,'max')
             hasLeftAxis.value=true
-            axisLimitData.leftMin=getAxisMaxOrMin(temYLeftArr,'min')
-            axisLimitData.leftMax=getAxisMaxOrMin(temYLeftArr,'max')
+            // axisLimitData.leftMin=getAxisMaxOrMin(temYLeftArr,'min')
+            // axisLimitData.leftMax=getAxisMaxOrMin(temYLeftArr,'max')
+            axisLimitData.leftMin=data[temYLeftIndex].MinData
+            axisLimitData.leftMax=data[temYLeftIndex].MaxData
         }else{
-            item.min=getAxisMaxOrMin(temYRightArr,'min')
-            item.max=getAxisMaxOrMin(temYRightArr,'max')
+            // item.min=getAxisMaxOrMin(temYRightArr,'min')
+            // item.max=getAxisMaxOrMin(temYRightArr,'max')
             hasRightAxis.value=true
-            axisLimitData.rightMin=getAxisMaxOrMin(temYRightArr,'min')
-            axisLimitData.rightMax=getAxisMaxOrMin(temYRightArr,'max')
+            // axisLimitData.rightMin=getAxisMaxOrMin(temYRightArr,'min')
+            // axisLimitData.rightMax=getAxisMaxOrMin(temYRightArr,'max')
+            axisLimitData.rightMin=data[temYRightIndex].MinData
+            axisLimitData.rightMax=data[temYRightIndex].MaxData
         }
     })
     chartData.value.yAxis=yAxis
@@ -830,6 +836,20 @@ const handleRefreshChart=async ()=>{
         getChartInfo('init')
     }
 }
+
+let pageBoxPosition=reactive({
+    top:window.innerHeight-165,
+    left:window.innerWidth-50,
+    temTop:0,
+    temLeft:0,
+})
+
+const pageTouchmove=(e)=>{
+    const touchObj=e.touches[0]
+    pageBoxPosition.top=touchObj.clientY-82
+    pageBoxPosition.left=touchObj.clientX-25
+    event.preventDefault();//阻止页面移动
+}
 </script>
 
 <template>
@@ -887,9 +907,14 @@ const handleRefreshChart=async ()=>{
         </div>
 
         <!-- 上一张下一张图切换 -->
-        <div class="change-page-wrap">
-            <div class="top" @click="pageChange('before')"></div>
-            <div class="bot" @click="pageChange('next')"></div>
+        <div 
+            class="change-page-wrap" 
+            :style="{left:pageBoxPosition.left+'px',top:pageBoxPosition.top+'px'}"
+            @touchmove.stop="pageTouchmove"
+            @touchstart.stop="pageTouchStart"
+        >
+            <div class="top" @click.stop="pageChange('before')"></div>
+            <div class="bot" @click.stop="pageChange('next')"></div>
         </div>
 
         <!-- 日期选择 -->
@@ -1119,8 +1144,8 @@ const handleRefreshChart=async ()=>{
         position: fixed;
         right: 0;
         bottom: 50px;
-        width: 100px;
-        height: 231px;
+        width: 50PX;
+        height: 115PX;
         background-image: url('../../../assets/hzyb/chart/before-next.png');
         background-size: cover;
         z-index: 10;