sisview小改

src/views/sisView/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="sisViewBox">
     <div class="viewItem">
-      <clock :width="330" :height="300" />
+      <clock :width="330" :height="290" />
       <div class="viewTitle">综<br /><br />合<br /><br />参<br /><br />数</div>
       <div class="contentBox">
         <div class="contentItem">
@@ -63,7 +63,7 @@
           <div class="itemName">消缺及时率</div>
           <div class="itemNum">{{items.xqjsl}}</div>
           <div class="itemUnit">%</div>
-          <div class="itemName noPd">综合厂用电率</div>
+          <div class="itemName">综合厂用电率</div>
           <div class="itemNum">{{items.zhcydl}}</div>
           <div class="itemUnit">%</div>
           <div class="itemName">月M&nbsp;T&nbsp;B&nbsp;F</div>
@@ -74,7 +74,7 @@
           <div class="itemName">风能利用率</div>
           <div class="itemNum">{{items.fnlyl}}</div>
           <div class="itemUnit">%</div>
-          <div class="itemName noPd">设备可利用率</div>
+          <div class="itemName">设备可利用率</div>
           <div class="itemNum">{{items.sbklyl}}</div>
           <div class="itemUnit">%</div>
           <div class="itemName">月可靠性</div>
@@ -323,13 +323,16 @@ export default {
 	  var that = this;
 	  that.API.requestData({
 	    method: "GET",
-	    baseURL: "bigscreen/list",
 	    subUrl: "http://10.155.32.4:8034/bigscreen/list",
 	    success(res) {
 			var keys = Object.keys(res.data);
 			var items = res.data;
 			keys.forEach(ele=>{
-				items[ele] = items[ele].toFixed(2)
+				if(items[ele].toFixed(2).split('.')[1] == '00'){
+					items[ele] = items[ele].toFixed(2).split('.')[0]
+				}else{
+					items[ele] = items[ele].toFixed(2)
+				}
 			})
 			that.items = items;
 	    },
@@ -349,7 +352,7 @@ export default {
 
 <style lang="less" scoped>
 .sisViewBox {
-  width: 100%;
+  width: 1881px;
   height: 100%;
   display: flex;
   justify-content: start;
@@ -370,7 +373,7 @@ export default {
       font-family: Arial, Helvetica, sans-serif;
       width: 30px;
       padding: 10px 40px;
-      font-size: 30px;
+      font-size: 25px;
       font-weight: 700;
       color: #ff0;
       text-decoration: none;
@@ -388,7 +391,7 @@ export default {
       align-items: flex-start;
       flex-direction: column;
       font-family: Georgia, "Times New Roman", Times, serif;
-      font-size: 30px;
+      font-size: 25px;
 
       .contentItem {
         display: flex;
@@ -401,18 +404,12 @@ export default {
           padding: 0 10px;
           text-align: justify;
           text-align-last: justify;
-
-          &.noPd {
-            width: 220px;
-            padding: 0 0 0 10px;
-          }
         }
 
         .itemNum {
           font-family: Arial, Helvetica, sans-serif;
           color: #f25656;
-          width: 140px;
-          text-align: center;
+          width: 130px;
         }
 
         .itemUnit {