system-phone 3.1.91 → 3.1.93

package/src/components/iot/IotBaseInfo.vue

@@ -1,97 +1,97 @@
-<template>
-<div class="flex">
-  <div  class="cols-sm-12 col-md-12 col-xs-12 " >
-    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
-      <div class="flex" style="padding: 0.5rem;align-items: center">
-        <img src="../../assets/pinpai.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
-        <span class="font-content">表具品牌</span>
-        <span class="font-head">{{row.f_meter_brand}}</span>
-      </div>
-
-    </div>
-    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
-      <div class="flex" style="padding: 0.5rem;align-items: center">
-        <img src="../../assets/leixing.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
-        <span class="font-content">表具类型</span>
-        <span class="font-head">{{row.f_meter_type}}</span>
-      </div>
-    </div>
-    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
-      <div class="flex" style="padding: 0.5rem;align-items: center">
-        <img src="../../assets/biaohao.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
-        <span class="font-content">表号</span>
-        <span class="font-head">{{row.f_meternumber}}</span>
-      </div>
-    </div>
-    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
-      <div class="flex" style="padding: 0.5rem;align-items: center">
-        <img src="../../assets/guige.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
-        <span class="font-content">表具规格</span>
-        <span class="font-head">{{row.f_meter_style}}</span>
-      </div>
-    </div>
-    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
-      <div class="flex" style="padding: 0.5rem;align-items: center">
-        <img src="../../assets/xinghao.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
-        <span class="font-content">表具型号</span>
-        <span class="font-head">{{row.f_type}}</span>
-      </div>
-    </div>
-    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
-      <div class="flex" style="padding: 0.5rem;align-items: center">
-        <img src="../../assets/bieming.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
-        <span class="font-content">表具别名</span>
-        <span class="font-head">{{row.f_alias}}</span>
-      </div>
-    </div>
-    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
-      <div class="flex" style="padding: 0.5rem;align-items: center">
-        <img src="../../assets/yue.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
-        <span class="font-content">剩余金额</span>
-        <span class="font-head">{{row.f_balance_amount}}</span>
-      </div>
-    </div>
-    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
-      <div class="flex" style="padding: 0.5rem;align-items: center">
-        <img src="../../assets/qiliang.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
-        <span class="font-content">累计用气量</span>
-        <span class="font-head">{{row.f_balance_gas}}</span>
-      </div>
-    </div>
-  </div>
-</div>
-</template>
-
-<script>
-  export default {
-    title: '基础信息',
-    data () {
-      return {
-        msg: '',
-        show: false
-      }
-    },
-    props:['row'],
-    ready () {
-      // this.$appdata.load().then(() => {
-      //   this.$emit('ready')
-      // })
-    }
-  }
-</script>
-<style media="screen" scoped>
-.font-head{
-  font-size: 14px;
-  font-weight: bold;
-  color: #333;
-}
-.font-content{
-  font-size: 12px;
-  font-weight: normal;
-  color: #666666;
-}
-  .meterinfo{
-    border:1px solid #eeeeee;
-    /*border-right: 2px solid #eeeeee;*/
-  }
-</style>
+<template>
+<div class="flex">
+  <div  class="cols-sm-12 col-md-12 col-xs-12 " >
+    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
+      <div class="flex" style="padding: 0.5rem;align-items: center">
+        <img src="../../assets/pinpai.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
+        <span class="font-content">表具品牌</span>
+        <span class="font-head">{{row.f_meter_brand}}</span>
+      </div>
+
+    </div>
+    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
+      <div class="flex" style="padding: 0.5rem;align-items: center">
+        <img src="../../assets/leixing.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
+        <span class="font-content">表具类型</span>
+        <span class="font-head">{{row.f_meter_type}}</span>
+      </div>
+    </div>
+    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
+      <div class="flex" style="padding: 0.5rem;align-items: center">
+        <img src="../../assets/biaohao.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
+        <span class="font-content">表号</span>
+        <span class="font-head">{{row.f_meternumber}}</span>
+      </div>
+    </div>
+    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
+      <div class="flex" style="padding: 0.5rem;align-items: center">
+        <img src="../../assets/guige.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
+        <span class="font-content">表具规格</span>
+        <span class="font-head">{{row.f_meter_style}}</span>
+      </div>
+    </div>
+    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
+      <div class="flex" style="padding: 0.5rem;align-items: center">
+        <img src="../../assets/xinghao.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
+        <span class="font-content">表具型号</span>
+        <span class="font-head">{{row.f_type}}</span>
+      </div>
+    </div>
+    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
+      <div class="flex" style="padding: 0.5rem;align-items: center">
+        <img src="../../assets/bieming.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
+        <span class="font-content">表具别名</span>
+        <span class="font-head">{{row.f_alias}}</span>
+      </div>
+    </div>
+    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
+      <div class="flex" style="padding: 0.5rem;align-items: center">
+        <img src="../../assets/yue.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
+        <span class="font-content">剩余金额</span>
+        <span class="font-head">{{row.f_balance_amount}}</span>
+      </div>
+    </div>
+    <div class="col-sm-3 col-md-3 col-xs-4 meterinfo">
+      <div class="flex" style="padding: 0.5rem;align-items: center">
+        <img src="../../assets/qiliang.png" style="height:32px;width:32px;margin-bottom: 5px" alt="" >
+        <span class="font-content">累计用气量</span>
+        <span class="font-head">{{row.f_balance_gas}}</span>
+      </div>
+    </div>
+  </div>
+</div>
+</template>
+
+<script>
+  export default {
+    title: '基础信息',
+    data () {
+      return {
+        msg: '',
+        show: false
+      }
+    },
+    props:['row'],
+    ready () {
+      // this.$appdata.load().then(() => {
+      //   this.$emit('ready')
+      // })
+    }
+  }
+</script>
+<style media="screen" scoped>
+.font-head{
+  font-size: 14px;
+  font-weight: bold;
+  color: #333;
+}
+.font-content{
+  font-size: 12px;
+  font-weight: normal;
+  color: #666666;
+}
+  .meterinfo{
+    border:1px solid #eeeeee;
+    /*border-right: 2px solid #eeeeee;*/
+  }
+</style>

package/src/components/iot/IotMeterInfo.vue

@@ -1,77 +1,77 @@
-<template>
-<div>
-  <div  class="cols-sm-12 col-md-12 col-xs-12 " >
-    <div class="col-sm-12 col-md-12 col-xs-12 ">
-      <label class="font-content lb-left" style="padding-left: 0.5rem">表具信息:{{row.f_meternumber}}</label>
-    </div>
-  </div>
-<div class="row" >
-
-  <div  class="cols-sm-12 col-md-12 col-xs-12 font-content" style="">
-
- <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
-      <span>表编号:</span>
-      <span style="padding-left: 0.5rem">{{row.f_user_id}}</span>
-    </p>
- <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
-      <span>用户编号:</span>
-      <span style="padding-left: 0.5rem">{{row.f_userinfo_code}}</span>
-    </p>
- <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
-      <span>余额:</span>
-      <span style="padding-left: 0.5rem">{{row.f_jval}}</span>
-    </p>
- <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
-      <span>网络购气次数:</span>
-      <span style="padding-left: 0.5rem">{{row.f_iot_times}}</span>
-    </p>
- <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
-      <span>总购金量:</span>
-      <span style="padding-left: 0.5rem">{{row.f_total_gas}}</span>
-    </p>
- <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
-      <span>总购气量:</span>
-      <span style="padding-left: 0.5rem">{{row.f_total_fee}}</span>
-    </p>
- <p class="col-sm-12 col-md-12 col-xs-12">
-      <span>气表品牌别名:</span>
-      <span style="padding-left: 0.5rem">{{row.f_alias}}</span>
-
-    </p>
-  </div>
-</div>
-</div>
-</template>
-
-<script>
-  export default {
-    title: '表具信息',
-    data () {
-      return {
-        msg: '',
-        show: false
-      }
-    },
-    props:['row'],
-    ready () {
-      // this.$appdata.load().then(() => {
-      //   this.$emit('ready')
-      // })
-    }
-  }
-</script>
-<style media="screen" scoped>
-.font-head{
-  font-size: 16px;
-  font-weight: bold;
-  color: #666;
-}
-.font-content{
-  font-size: 14px;
-  font-weight: normal;
-  color: #666666;
-}
-  p span{
-    flex:1
-  }
-</style>
+<template>
+<div>
+  <div  class="cols-sm-12 col-md-12 col-xs-12 " >
+    <div class="col-sm-12 col-md-12 col-xs-12 ">
+      <label class="font-content lb-left" style="padding-left: 0.5rem">表具信息:{{row.f_meternumber}}</label>
+    </div>
+  </div>
+<div class="row" >
+
+  <div  class="cols-sm-12 col-md-12 col-xs-12 font-content" style="">
+
+ <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
+      <span>表编号:</span>
+      <span style="padding-left: 0.5rem">{{row.f_user_id}}</span>
+    </p>
+ <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
+      <span>用户编号:</span>
+      <span style="padding-left: 0.5rem">{{row.f_userinfo_code}}</span>
+    </p>
+ <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
+      <span>余额:</span>
+      <span style="padding-left: 0.5rem">{{row.f_jval}}</span>
+    </p>
+ <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
+      <span>网络购气次数:</span>
+      <span style="padding-left: 0.5rem">{{row.f_iot_times}}</span>
+    </p>
+ <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
+      <span>总购金量:</span>
+      <span style="padding-left: 0.5rem">{{row.f_total_gas}}</span>
+    </p>
+ <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
+      <span>总购气量:</span>
+      <span style="padding-left: 0.5rem">{{row.f_total_fee}}</span>
+    </p>
+ <p class="col-sm-12 col-md-12 col-xs-12">
+      <span>气表品牌别名:</span>
+      <span style="padding-left: 0.5rem">{{row.f_alias}}</span>
+
+    </p>
+  </div>
+</div>
+</div>
+</template>
+
+<script>
+  export default {
+    title: '表具信息',
+    data () {
+      return {
+        msg: '',
+        show: false
+      }
+    },
+    props:['row'],
+    ready () {
+      // this.$appdata.load().then(() => {
+      //   this.$emit('ready')
+      // })
+    }
+  }
+</script>
+<style media="screen" scoped>
+.font-head{
+  font-size: 16px;
+  font-weight: bold;
+  color: #666;
+}
+.font-content{
+  font-size: 14px;
+  font-weight: normal;
+  color: #666666;
+}
+  p span{
+    flex:1
+  }
+</style>