system-phone 3.1.1 → 3.1.2

package/src/components/screen/SecurityCheckItem.vue

@@ -1,50 +1,50 @@
-<template>
-    <div class="security-check-base">
-      <div class="circle"></div>
-      <div class="content-text">{{content.text}}</div>
-      <div class="content-number">{{content.number}}</div>
-    </div>
-</template>
-
-<script>
-    export default {
-      title: "SecurityCheckItem",
-      props:{
-        content:{
-          type:Object,
-          default:{
-            text:'正常入户',
-            number:3000
-          }
-        }
-      }
-    }
-</script>
-
-<style lang="less" scoped>
-  .security-check-base{
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    font-size: vw(14);
-    .circle{
-      width: 4.5%;
-      height: 30%;
-      border-radius: 50%;
-      border:1px solid #43f5ff;
-    }
-    .content-text{
-      width: 70%;
-      height: 100%;
-    }
-    .content-number{
-      font-size: vw(16);
-      color: #01D6ED;
-      width: 45%;
-      height: 100%;
-    }
-  }
-</style>
+<template>
+    <div class="security-check-base">
+      <div class="circle"></div>
+      <div class="content-text">{{content.text}}</div>
+      <div class="content-number">{{content.number}}</div>
+    </div>
+</template>
+
+<script>
+    export default {
+      title: "SecurityCheckItem",
+      props:{
+        content:{
+          type:Object,
+          default:{
+            text:'正常入户',
+            number:3000
+          }
+        }
+      }
+    }
+</script>
+
+<style lang="less" scoped>
+  .security-check-base{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    font-size: vw(14);
+    .circle{
+      width: 4.5%;
+      height: 30%;
+      border-radius: 50%;
+      border:1px solid #43f5ff;
+    }
+    .content-text{
+      width: 70%;
+      height: 100%;
+    }
+    .content-number{
+      font-size: vw(16);
+      color: #01D6ED;
+      width: 45%;
+      height: 100%;
+    }
+  }
+</style>

package/src/components/screen/TotalItem.vue

@@ -1,76 +1,76 @@
-<template>
-    <div class="total-base">
-      <div class="total-icon" :style="{'background':'url('+ chargeTotalIcon +') no-repeat','background-size':'70% 100%'}"></div>
-      <div class="total-content">
-        <div class="number" :style="{'color': numberColor}">{{number}}</div>
-        <div class="text" :style="{'color': textColor}">{{text}}</div>
-      </div>
-    </div>
-</template>
-
-<script>
-    export default {
-      title: "TotalItem",
-      props:{
-        chargeTotalIcon:{
-          default: require('src/assets/images/用户1.png')
-        },
-        numberColor:{
-          type:String,
-          default: '#00F9FD'
-        },
-        textColor:{
-          type:String,
-          default: 'rgba(255, 255, 255, 0.7)'
-        },
-        number:{
-          type:Number,
-          default: 1245137
-        },
-        text:{
-          type:String,
-          default:'今日售气量'
-        }
-      },
-      data(){
-          return {
-
-          }
-      }
-    }
-</script>
-
-<style lang="less" scoped>
-  .total-base{
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    .total-icon{
-      height: 100%;
-      width: 28%;
-      background: #ff8198;
-    }
-    .total-content{
-      height: 100%;
-      width: 65%;
-
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: space-around;
-      text-align: left;
-      .number{
-        font-size: 10vw;
-        width: 100%;
-        height: 65%;
-      }
-      .text{
-        font-size: vw(16);
-        width: 100%;
-        height: 30%;
-      }
-    }
-  }
-</style>
+<template>
+    <div class="total-base">
+      <div class="total-icon" :style="{'background':'url('+ chargeTotalIcon +') no-repeat','background-size':'70% 100%'}"></div>
+      <div class="total-content">
+        <div class="number" :style="{'color': numberColor}">{{number}}</div>
+        <div class="text" :style="{'color': textColor}">{{text}}</div>
+      </div>
+    </div>
+</template>
+
+<script>
+    export default {
+      title: "TotalItem",
+      props:{
+        chargeTotalIcon:{
+          default: require('src/assets/images/用户1.png')
+        },
+        numberColor:{
+          type:String,
+          default: '#00F9FD'
+        },
+        textColor:{
+          type:String,
+          default: 'rgba(255, 255, 255, 0.7)'
+        },
+        number:{
+          type:Number,
+          default: 1245137
+        },
+        text:{
+          type:String,
+          default:'今日售气量'
+        }
+      },
+      data(){
+          return {
+
+          }
+      }
+    }
+</script>
+
+<style lang="less" scoped>
+  .total-base{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    .total-icon{
+      height: 100%;
+      width: 28%;
+      background: #ff8198;
+    }
+    .total-content{
+      height: 100%;
+      width: 65%;
+
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: space-around;
+      text-align: left;
+      .number{
+        font-size: 10vw;
+        width: 100%;
+        height: 65%;
+      }
+      .text{
+        font-size: vw(16);
+        width: 100%;
+        height: 30%;
+      }
+    }
+  }
+</style>

package/src/components/screen/TotalUserNumber.vue

@@ -1,77 +1,77 @@
-<template>
-    <div class="total-base">
-      <div class="total-icon">
-        <div class="icon" :style="{'background':'url('+ userTotalIcon +') no-repeat','background-size':'100% 100%'}"></div>
-      </div>
-      <div class="total-content">
-        <div class="content-text">{{totalData.title}}</div>
-        <div class="content-number">{{totalData.number}}</div>
-      </div>
-    </div>
-</template>
-
-<script>
-    export default {
-      title: "TotalUserNumbert",
-      props:{
-        totalData:{
-          type:Object,
-          default:{
-            title:'居民用户',
-            number:65412
-          }
-        },
-        userTotalIcon:{
-          default: require('../../assets/images/居民用户.png')
-        }
-      }
-    }
-</script>
-
-<style lang="less" scoped>
-  .total-base{
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    .total-icon{
-      margin-left: 2%;
-      width:10%;
-      height: 100%;
-      background: #182281;
-      display: flex;
-      flex-direction: row;
-      justify-content: center;
-      align-items: center;
-      .icon{
-        width: 60%;
-        height: 60%;
-      }
-    }
-    .total-content{
-      margin-left: 1%;
-      width: 80%;
-      height: 100%;
-      background-image: linear-gradient(to right, rgb(20,31,128), rgba(0,65,146,0));
-      display: flex;
-      flex-direction: row;
-      justify-content: space-around;
-      align-items: center;
-      font-size: vw(21);
-      .content-text{
-        width: 50%;
-        height: 60%;
-        font-size: 6vw;
-        color: #fff;
-      }
-      .content-number{
-        width: 40%;
-        height: 60%;
-        color: #00FFE5;
-        font-size: 6vw;
-        position: relative;
-      }
-    }
-  }
-</style>
+<template>
+    <div class="total-base">
+      <div class="total-icon">
+        <div class="icon" :style="{'background':'url('+ userTotalIcon +') no-repeat','background-size':'100% 100%'}"></div>
+      </div>
+      <div class="total-content">
+        <div class="content-text">{{totalData.title}}</div>
+        <div class="content-number">{{totalData.number}}</div>
+      </div>
+    </div>
+</template>
+
+<script>
+    export default {
+      title: "TotalUserNumbert",
+      props:{
+        totalData:{
+          type:Object,
+          default:{
+            title:'居民用户',
+            number:65412
+          }
+        },
+        userTotalIcon:{
+          default: require('../../assets/images/居民用户.png')
+        }
+      }
+    }
+</script>
+
+<style lang="less" scoped>
+  .total-base{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    .total-icon{
+      margin-left: 2%;
+      width:10%;
+      height: 100%;
+      background: #182281;
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+      .icon{
+        width: 60%;
+        height: 60%;
+      }
+    }
+    .total-content{
+      margin-left: 1%;
+      width: 80%;
+      height: 100%;
+      background-image: linear-gradient(to right, rgb(20,31,128), rgba(0,65,146,0));
+      display: flex;
+      flex-direction: row;
+      justify-content: space-around;
+      align-items: center;
+      font-size: vw(21);
+      .content-text{
+        width: 50%;
+        height: 60%;
+        font-size: 6vw;
+        color: #fff;
+      }
+      .content-number{
+        width: 40%;
+        height: 60%;
+        color: #00FFE5;
+        font-size: 6vw;
+        position: relative;
+      }
+    }
+  }
+</style>

package/src/components/screen/WorkOrderItem.vue

@@ -1,51 +1,51 @@
-<template>
-    <div class="order-item-base" :style="{'background':'url('+ workOderIcon +') no-repeat','background-size':'100% 100%'}">
-      <div class="item-number" :style="{'color': color}">{{workOrder.number}}</div>
-      <div class="item-name">{{workOrder.name}}</div>
-    </div>
-</template>
-
-<script>
-    export default {
-      title: "WorkOrderItem",
-      props:{
-        workOrder:{
-          type:Object,
-          default:{
-            name:'工单量',
-            number:8740
-          }
-        },
-        color:{
-          type: String,
-          default: '#fffb44'
-        },
-        workOderIcon:{
-          default: require('src/assets/images/客服工单量.png')
-        }
-      }
-    }
-</script>
-
-<style lang="less" scoped>
-  .order-item-base{
-    font-size: vw(14);
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: row-reverse;
-    justify-content: end;
-    align-items: center;
-    .item-name{
-      width: 40%;
-      height: 60%;
-      color: #fff;
-    }
-    .item-number{
-      text-align: right;
-      margin-right: 5%;
-      width: 38%;
-      height: 60%;
-    }
-  }
-</style>
+<template>
+    <div class="order-item-base" :style="{'background':'url('+ workOderIcon +') no-repeat','background-size':'100% 100%'}">
+      <div class="item-number" :style="{'color': color}">{{workOrder.number}}</div>
+      <div class="item-name">{{workOrder.name}}</div>
+    </div>
+</template>
+
+<script>
+    export default {
+      title: "WorkOrderItem",
+      props:{
+        workOrder:{
+          type:Object,
+          default:{
+            name:'工单量',
+            number:8740
+          }
+        },
+        color:{
+          type: String,
+          default: '#fffb44'
+        },
+        workOderIcon:{
+          default: require('src/assets/images/客服工单量.png')
+        }
+      }
+    }
+</script>
+
+<style lang="less" scoped>
+  .order-item-base{
+    font-size: vw(14);
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: end;
+    align-items: center;
+    .item-name{
+      width: 40%;
+      height: 60%;
+      color: #fff;
+    }
+    .item-number{
+      text-align: right;
+      margin-right: 5%;
+      width: 38%;
+      height: 60%;
+    }
+  }
+</style>