pad切换图

.env.development

@@ -1,5 +1,5 @@
 # 接口地址http://8.136.199.33:8610/v1   https://rddptest.hzinsights.com/adminapi
-VITE_APP_API_URL="https://rddptest.hzinsights.com/adminapi"
+VITE_APP_API_URL="http://8.136.199.33:8610/v1"
 # 路由根地址
 VITE_APP_BASE_URL="/"
 # 打包输入文件名

src/views/chartETA/ChartDetail.vue

@@ -484,6 +484,9 @@ async function handleSwitchChart(type){
 
         <!-- 图渲染区域 -->
         <div class="chart-render-wrap">
+            <!-- pad 切换上一张\下一张 -->
+            <img class="pad-change-chart-btn" src="@/assets/imgs/icon_arrow2.png" alt="" @click="handleSwitchChart('prev')" v-if="chartSortListData.length>0">
+            <img class="pad-change-chart-btn pad-change-chart-next-btn" src="@/assets/imgs/icon_arrow2.png" alt="" @click="handleSwitchChart('next')" v-if="chartSortListData.length>0">
             <div class="chart-box" id="chart-box"></div>
             <!-- 作者 -->
             <div class="author-box" style="text-align:right">作者:{{chartInfo.SysUserRealName}}</div>
@@ -794,6 +797,12 @@ async function handleSwitchChart(type){
         margin-bottom: 56px;
     }
 
+    .chart-render-wrap{
+        .pad-change-chart-btn{
+            display: none;
+        }
+    }
+
     .chart-box{
         width: 100%;
         height: 700px;
@@ -1005,6 +1014,23 @@ async function handleSwitchChart(type){
             font-weight: bold;
             margin-bottom: 30px;
         }
+        .chart-render-wrap{
+            position: relative;
+            .pad-change-chart-btn{
+                display: block;
+                width: 48px;
+                height: 48px;
+                position: absolute;
+                top: 50%;
+                transform: translateY(-50%);
+                left: 0px;
+                &.pad-change-chart-next-btn{
+                    right: 0;
+                    left: auto;
+                    transform: translateY(-50%) rotate(180deg);
+                }
+            }
+        }
         .chart-box{
             width: 85%;
             height: 370px;