统计，显示文本

Author: zgwit

pages/device-values.json

@@ -15,18 +15,35 @@
   "auto_refresh": 10,
   "load_api": "device/:id/values",
   "load_success": "this.render_values()",
-  "mount": "this.load_device(); this.value_action={type:'dialog',page:'device-history',params_func:'return {id:this.params.id, point:data.key}'}",
+  "mount": "this.load_device();",
   "methods": {
     "load_values": "this.request.get('device/'+this.params.id+'/values').subscribe(res=>{if(res.error)return; this.data=res.data; })",
-    "load_values_delay": ["delay", "setTimeout(()=>this.load_values(), delay || 1000)"],
+    "load_values_delay": [
+      "delay",
+      "setTimeout(()=>this.load_values(), delay || 1000)"
+    ],
     "refresh_values": "this.request.get('device/'+this.params.id+'/sync').subscribe(res=>{if(res.error)return; this.load_values_delay();})",
     "refresh_child_values": "this.request.get('device/'+this.device.gateway_id+'/sync/'+this.params.id).subscribe(res=>{if(res.error)return; this.load_values_delay()})",
     "load_device": "this.request.get('table/device/detail/'+this.params.id).subscribe(res=>{if(res.error)return; this.device=res.data; this.load_model(res.data.product_id)})",
-    "load_model": ["pid","this.request.get('product/'+pid+'/setting/model').subscribe(res=>{if(res.error)return; res.data.content && this.render_properties(res.data.content); setTimeout(()=>this.render_values(),100); })"],
-    "render_properties": ["properties", "properties && properties.map(p=>{ this.content.children.push({span: 24, content:{title:p.name,template:'statistic',  items: this.render_points(p.points)} }) })"],
-    "render_points": ["points", "return points && points.map(p=>{return{key:p.name,label:p.label,suffix:p.unit,span:6,action:this.value_action}}) "],
+    "load_model": [
+      "pid",
+      "this.request.get('product/'+pid+'/setting/model').subscribe(res=>{if(res.error)return; res.data.content && this.render_properties(res.data.content); setTimeout(()=>this.render_values(),100); })"
+    ],
+    "render_properties": [
+      "properties",
+      "properties && properties.map(p=>{ this.content.children.push({span: 24, content:{title:p.name,template:'statistic',  items: this.render_points(p.points)} }) })"
+    ],
+    "render_points": [
+      "points",
+      "return points && points.map(p=>{return{key:p.name,label:p.label,suffix:p.unit,span:6,action:this.content.value_action}}) "
+    ],
     "render_values": "this.pageComponent.children.map(p=>{p.componentRef.setInput('data', this.data) })"
   },
+  "value_action": {
+    "type": "dialog",
+    "page": "device-history",
+    "params_func": "return {id:this.params.id, point:data.key}"
+  },
   "children": [
   ]
 }

src/app/template/statistic/statistic.component.html

@@ -9,7 +9,7 @@
           <nz-col [nzSpan]="12" [nzMd]="item.span || 8" [nzXs]="24">
             <nz-card>
               <nz-statistic
-                [nzValue]="(data?.[item.key] | number: item.format || '1.0-2')||'-'"
+                [nzValue]="(typeof data?.[item.key] == 'number') ? (data?.[item.key] | number: item.format || '1.0-2') : (data?.[item.key] || '-')"
                 [nzTitle]="item.label"
                 [nzPrefix]="item.prefix"
                 [nzSuffix]="item.suffix"