1

src/App5.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="font-size: 13px">
     <div>
       <el-input type="text" placeholder="请输入项目名称" v-model="projectName" style="width: 150px;"/>
       <el-input type="text" placeholder="请输入盒子名称" v-model="boxName" style="width: 150px;margin-left: 5px"/>
@@ -20,6 +20,7 @@
         </el-option>
       </el-select>
       <el-button style="width: 150px;margin-left: 5px" type="primary">搜 索</el-button>
+      <el-button style="width: 150px;margin-left: 5px" type="success">导 出</el-button>
     </div>
 <!--    <h1 class="title">@table-merge/element-ui</h1>-->
 
@@ -118,10 +119,47 @@
 
                 <el-table-column prop="newTrend" label="新风机控制器" align='center'>
                   <el-table-column prop="nt_order" label="编号" align='center'></el-table-column>
-                  <el-table-column prop="nt_connect_status" label="通讯状态" align='center'></el-table-column>
-                  <el-table-column prop="nt_fault" label="故障" align='center'></el-table-column>
-                  <el-table-column prop="nt_in_temp" label="送风温度(℃)" align='center'></el-table-column>
-                  <el-table-column prop="nt_in_humidity" label="送风湿度(%)" align='center'></el-table-column>
+                  <el-table-column prop="nt_connect_status" label="通讯状态" align='center'>
+                    <template slot-scope="scope">
+                      <div style="background:yellowgreen;color: black;text-align: center;"
+                           v-if="scope.row.nt_connect_status === '正常'">{{scope.row.nt_connect_status}}</div>
+                      <div style="background:yellow;color: black;text-align: center;"
+                           v-if="scope.row.nt_connect_status === '异常'">{{scope.row.nt_connect_status}}</div>
+                      <div style="background:transparent;color: black;text-align: center;"
+                           v-if="scope.row.nt_connect_status === '-'">-</div>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="nt_fault" label="故障" align='center'>
+                    <template slot-scope="scope">
+                      <div style="background:yellow;color: black;text-align: center;"
+                           v-if="scope.row.nt_fault === '有'">{{scope.row.nt_fault}}</div>
+                      <div style="background:yellowgreen;color: black;text-align: center;"
+                           v-if="scope.row.nt_fault === '无'">{{scope.row.nt_fault}}</div>
+                      <div style="background:transparent;color: black;text-align: center;"
+                           v-if="scope.row.nt_fault === '-'">-</div>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="nt_in_temp" label="送风温度(℃)" align='center'>
+                    <template slot-scope="scope" >
+
+                      <div style="background:yellow;color: black;text-align: center;" @click="dialogFormVisible = true"
+                           v-if="scope.row.nt_in_temp <30 &&(scope.row.running_mode==='采暖' || scope.row.running_mode==='预热')">{{scope.row.host_su_temp}}</div>
+
+                      <div style="background:yellowgreen;color: black;text-align: center;" @click="dialogFormVisible = true"
+                           v-else>{{scope.row.nt_in_temp}}</div>
+
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="nt_in_humidity" label="送风湿度(%)" align='center'>
+                    <template slot-scope="scope">
+                      <div style="background:yellow;color: black;text-align: center;" @click="dialogFormVisible = true"
+                           v-if="scope.row.nt_in_humidity <30 &&(scope.row.running_mode==='采暖' || scope.row.running_mode==='预热')">{{scope.row.host_re_temp}}</div>
+
+                      <div style="background:yellowgreen;color: black;text-align: center;" @click="dialogFormVisible = true"
+                           v-else>{{scope.row.nt_in_humidity}}</div>
+
+                    </template>
+                  </el-table-column>
                   <el-table-column prop="nt_dew_point" label="露点(℃)" align='center'>
                     <template slot-scope="scope">
                     <div style="background:yellow;color: black;text-align: center;"
@@ -555,7 +593,7 @@ export default {
 }
 /* el-table样式 */
 .el-table {
-  font-size: 14px;
+  font-size: 11px;
   color: #606266;
   background-color: #FFFFFF;
   border: 1px solid #EBEBEB;