磁盘空间显示修改

src/views/iot/videoRecorder/detail.dialog.vue

@@ -38,16 +38,21 @@
           >
             <div>
               <span class="progressName"
-                >硬盘{{ disk.diskIndex }}                
-                <el-tag  v-if ="disk.state == 0" type="success">状态：正常</el-tag>
-                <el-tag  v-else-if ="disk.state == 1" type="danger">状态：异常</el-tag>
-                <el-tag  v-else type="info">状态：未知</el-tag>
+              >硬盘{{ disk.diskIndex }}
+                <el-tag v-if="disk.state == 0" type="success">状态：正常</el-tag>
+                <el-tag v-else-if="disk.state == 1" type="danger">状态：异常</el-tag>
+                <el-tag v-else type="info">状态：未知</el-tag>
               </span>
-                <span class="progressMain"
-                >{{
-                  ((disk.total - disk.available) / 1024).toFixed(1)
-                }}G已用(共{{ (disk.total / 1024).toFixed(1) }}G)</span
-              >
+                <span class="progressMain" v-if="(disk.total - disk.available) >  1024*1024">
+                  {{
+                  ((disk.total - disk.available) / 1024/1024).toFixed(2)
+                }}T已用(共{{ (disk.total / 1024/1024).toFixed(2) }}T)
+                </span>
+              <span class="progressMain" v-else>
+                  {{
+                  ((disk.total - disk.available) / 1024).toFixed(2)
+                }}G已用(共{{ (disk.total / 1024).toFixed(2) }}G)
+                </span>
             </div>
 
             <el-progress
@@ -179,11 +184,12 @@
 </template>
 
 <script>
-import { mapState, mapMutations } from "vuex";
+import {mapMutations, mapState} from "vuex";
 import DataRangePicker from "@/components/dateTime/daterange.picker.vue";
-import { getLabel } from "@/views/commonOption.js";
+import {getLabel} from "@/views/commonOption.js";
+
 export default {
-  components: { DataRangePicker },
+  components: {DataRangePicker},
   dicts: [],
   data() {
     const params = this.$route.params;
@@ -236,7 +242,8 @@ export default {
     onHide() {
       this.isShow = false;
     },
-    renderDiskInfo(info) {},
+    renderDiskInfo(info) {
+    },
     diskProgress(disk) {
       if (!disk.total) {
         return 0;
@@ -252,22 +259,24 @@ export default {
       let rate = this.diskProgress(disk);
       if (rate > 90) {
         return "exception";
-      }  else if (rate > 70) {
+      } else if (rate > 70) {
         return "warning";
-      } else  {
+      } else {
         return "success";
       }
     },
     // 事件
     //apimark//
   },
-  mounted() {},
+  mounted() {
+  },
 };
 </script>
 
 <style lang="scss">
 .edu-training-edit {
 }
+
 .titleDiv {
   margin-top: 20px;
   margin-bottom: 20px;
@@ -279,33 +288,40 @@ export default {
   //     height: 17px;
   // }
 }
+
 .divCls {
   display: flex;
   flex-flow: wrap;
   align-items: center;
+
   .Fatherprogress {
     width: 33.3333%;
     margin-bottom: 20px;
     margin-top: 20px;
+
     .progressName {
       font-size: 17px;
     }
+
     .progressMain {
-      width:90%;
+      width: 90%;
       font-size: 14px;
       color: #8c8c8c;
       display: inline-block;
       margin-left: 20px;
       // margin: 0 auto;
     }
+
     .el-progress__text {
       display: none;
     }
   }
 }
-.progress{
+
+.progress {
   width: 80%;
 }
+
 .el-dialog__body {
   padding-top: 0px;
 }