提交修改比例计展示错误

src/views/weatherHome/components/rainCondition.vue

@@ -115,7 +115,7 @@
                   </a-popover>
                 </div>
                 <div style="width: 56%">
-                  <div :style="{ width: (item.rain / rainData.rainfallMax) * 100 + '%' }" class="columnar columnar-color"></div>
+                  <div :style="{ width: ((item.rain / rainData.rainfallMax) * 100?(item.rain / rainData.rainfallMax) * 100:0) + '%' }" class="columnar columnar-color"></div>
                 </div>
                 <div style="width: 20%; text-align: center">
                   <span v-if="item.rain != 0">{{ item.rain }}mm</span>

src/views/weatherHome/components/rpList.vue

@@ -5,14 +5,14 @@
       <div class="rp-box">
         <div>
           <progressBar
-            :width="(value.rain / maxBox) * 100"
+            :width="(value.rain / maxBox) * 100?(value.rain / maxBox) * 100:0"
             :iconType="3"
             :backgroundColorBox="'rgba(255, 255, 255, 0.1)'"
             :backgroundColorInner="'linear-gradient(270deg, #06C7ED 0%, rgba(55,145,255,0.76) 100%)'"
           />
         </div>
         <div
-          ><span v-if="value.rain !== 0">{{ value.rain }}mm</span><span v-else>暂无降雨</span></div
+          ><span v-if="value.rain*1 !== 0">{{ value.rain }}mm</span><span v-else>暂无降雨</span></div
         >
       </div>
     </div>
@@ -34,7 +34,7 @@ function upSwitch(key, value) {
 }
 const props = defineProps({
   dataObj: { type: Object, default: {} },
-  maxBox: { type: any, default: 100 },
+  maxBox: { type: any, default: 0 },
 });
 </script>
 <style lang="less" scoped>