Bladeren bron

fix:审批按钮位置错误兼容性问题处理

chenzhen2 2 jaren geleden
bovenliggende
commit
620508b291
1 gewijzigde bestanden met toevoegingen van 14 en 14 verwijderingen
  1. 14 14
      src/views/envmonitor/components/ManualWork/index.vue

+ 14 - 14
src/views/envmonitor/components/ManualWork/index.vue

@@ -35,9 +35,6 @@
         </template>
 
         <!--审批状态-->
-        <!-- <div class="approval-box" v-if="dateArr && dateArr.length">
-          
-        </div> -->
         <template v-if="approvalData && approvalData.length">
           <div
             class="approval-status"
@@ -354,8 +351,7 @@ export default defineComponent({
       // 设置当前可选择的时间可选时间
       setNowBarPerstion(timerArr: any) {
         let sliderList: any = document.querySelector("#sliderListId");
-        let slidersWrapper: any = document.querySelector("#slidersWrapperId");
-        let sliderWidth: any = slidersWrapper.getBoundingClientRect().width;
+        let sliderWidth: any = proxyData.getSliderWapperWidth();
         sliderList.style.width = sliderWidth * timerArr.length + "px";
         let index: any = proxyData.getNowPerstion(timerArr).nowIndex;
         let len: any = proxyData.getNowPerstion(timerArr).len;
@@ -1003,12 +999,19 @@ export default defineComponent({
         }
       },
       approvalData: approvalData,
+      // 获取slider的宽度
+      getSliderWapperWidth() {
+        let slidersWrapper: any = document.querySelector("#slidersWrapperId");
+        let slidersWrapperWidth: any =
+          slidersWrapper.getBoundingClientRect().width;
+        return slidersWrapperWidth;
+      },
       // 格式化审批状态的数据位置
       formateApproveStatusPerstion() {
         if (proxyData.nowData) {
           let spaceCustomContentList: any =
             proxyData.nowData.customSceneList || [];
-          let sliderBoxEl: any = document.querySelectorAll(".slider-box")[0];
+          let slidersWrapperWidth: any = proxyData.getSliderWapperWidth();
           proxyData.approvalData = [];
           for (let i = 0; i < spaceCustomContentList.length; i++) {
             let item: any = spaceCustomContentList[i];
@@ -1043,20 +1046,17 @@ export default defineComponent({
               let leftEnd: any = 0;
               timerArr.map((timer: any, index: any) => {
                 if (timer.formatTimer == startTime) {
-                  if (sliderBoxEl) {
-                    leftStart = sliderBoxEl.offsetWidth * index;
+                  if (slidersWrapperWidth) {
+                    leftStart = slidersWrapperWidth * index;
                   }
                 }
                 if (timer.formatTimer == endTime) {
-                  if (sliderBoxEl) {
-                    // if (index > 0) {
-                    //   index = index - 1;
-                    // }
-                    leftEnd = sliderBoxEl.offsetWidth * index;
+                  if (slidersWrapperWidth) {
+                    leftEnd = slidersWrapperWidth * index;
                   }
                 }
               });
-              obj.left = leftStart + (leftEnd - leftStart) / 2 - 21;
+              obj.left = leftStart + (leftEnd - leftStart) * 0.5 - 21;
               if (relNowTime < endTime) {
                 proxyData.approvalData.push(obj);
               }