页面调整

src/pages/eq/view/query-detail.vue

 <template lang="pug">
 .animation
   .info-title
-    //- | {{ dataForm.name }}
-    | 空调
+    | {{ dataForm.name }}
+    //- | 空调
     el-button(
       icon="el-icon-close",
       style="float: right",
@@ -15,16 +15,15 @@
     //- div(:class="dataForm.icon+'6'")
   .info-form(style="border-bottom: 1px solid #c0c0c0")
     .quDetailM
-      p.leftP 设备名称&nbsp;:&nbsp;&nbsp; 室内机
+      p.leftP 设备名称&nbsp;:&nbsp;&nbsp; {{ dataForm.name }}
     .quDetailM
-      p.leftP 设备编号&nbsp;:&nbsp;&nbsp; CDSLAKS-009
+      p.leftP 设备编号&nbsp;:&nbsp;&nbsp; {{ dataForm.code }}
     .quDetailM
-      p.leftP 设备品牌：&nbsp;:&nbsp;&nbsp;格力
+      p.leftP 设备品牌：&nbsp;:&nbsp;&nbsp;{{ dataForm.name }}
     .quDetailM
-      p.leftP 设备型号：&nbsp;:&nbsp;&nbsp;晶弘33-1
+      p.leftP 设备型号：&nbsp;:&nbsp;&nbsp;{{ dataForm.equipmentModel }}
     .quDetailM
-      p.leftP 安装日期：&nbsp;:&nbsp;&nbsp;2020-01-04
-      p.leftP 维保日期：&nbsp;:&nbsp;&nbsp;2020-01-15
+      p.leftP 安装日期：&nbsp;:&nbsp;&nbsp;{{ dataForm.installDate }}
   .info-form
     el-row
       el-col(:span="8")
@@ -38,13 +37,14 @@
         el-button(type="primary", size="mini", style="margin-left: 10px") 设定
     el-row
       el-col.text-size(:span="8") 当前已
-        span(v-if="state == 1") 打开
-        span(v-else) 关闭
+        span(v-if="dataForm.state == 1") 打开
+        span(v-else-if="dataForm.state == 2") 关闭
+        span(v-else) 故障
       el-col.text-size(:span="10") 当前频率：
         span(style="color: blue") 2289
         span &nbsp;转/分
   .info-state
-    span(style="font-weight: bold") 空调运行状态
+    span(style="font-weight: bold") 设备运行状态
     div
       span.type 电压：
       span.value 220 V
@@ -82,8 +82,8 @@ export default {
   created() {},
   methods: {
     init(data, stationId) {
+      console.log('---data:', data)
       this.dataForm = data
-      // this.stationId = stationId
       this.dataForm.operatorName = this.info.name
     },
 
@@ -206,7 +206,6 @@ export default {
     color: #46b6f9;
   }
 }
-
 </style>
 <style lang="scss">
 .instuctions_content {
@@ -218,12 +217,11 @@ export default {
   }
 }
 
-.el-icon-jfktg6{
+.el-icon-jfktg6 {
   width: 100%;
   height: 170px;
   text-align: center;
   background: url('../../../assets/images/kt.jpg') no-repeat center;
-  background-size:100% 100% ;
-
+  background-size: 100% 100%;
 }
 </style>