首页

src/views/als/lifePrediction/index.vue

@@ -117,6 +117,10 @@ export default {
           prop: 'code',
           label: '部件编码'
         },
+        {
+          prop: 'createTime',
+          label: '创建时间'
+        },
         {
           prop: 'status',
           label: '状态'

src/views/home/index.scss

@@ -1,5 +1,8 @@
 .view-home {
   margin-top: -20px;
+  height: calc(100vh - 140px);
+  overflow: scroll;
+  
 }
 .view-home-card {
   margin: 0 10px;
@@ -200,3 +203,40 @@
   padding-top: 10px;
   height: calc(100% - 10px);
 }
+
+::v-deep .air .c-card-content-echars{
+  height: 300px !important;
+}
+.airStatus{
+  width: 100%;
+  height: 200px;
+  box-sizing: border-box;
+  color: #fff;
+
+  .firstRow,
+  .secondRow{
+    width: 100%;
+    height: 100px;
+    display: flex;
+    justify-content: space-around;
+    padding: 20px 0px;
+  }
+
+  .cell{
+    width: 9%;
+    height: 100px;
+    margin: 0 auto;
+    border: 1px solid #0c3440;
+
+    .info{
+      width: calc(100% - 82px);
+      height: 100%;
+      float: right;
+      text-align: center;
+    }
+  }
+}
+
+::-webkit-scrollbar{
+  display: none;
+}

src/views/home/index.vue

@@ -1,5 +1,42 @@
 <template>
   <div class="view-home">
+    <el-row>
+      <el-col :span="24" style="margin-bottom: 15px">
+        <Card title="飞机状态" class="air">
+          <template slot="content">
+            <div class="airStatus">
+              <div class="firstRow">
+                <div v-for="item of 10" :key="item" class="cell">
+                  <el-image style="width: 80px; height: 80px" :src="imgUrl"></el-image>
+                  <div class="info">
+                    <p>轰0101</p>
+                    <span class="success-state">健康 </span>
+                  </div>
+                </div>
+              </div>
+              <div class="secondRow">
+                <div v-for="item of 10" :key="item" class="cell">
+                  <el-image style="width: 80px; height: 80px" :src="imgUrl"></el-image>
+                  <div class="info">
+                    <p>轰0101</p>
+                    <span class="warning-state">故障 </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </template>
+        </Card>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24" style="margin-bottom: 15px">
+        <Card title="维修状态">
+          <template slot="content">
+            <LTable ref="table" :defaultFetch="true" :columns="columns" :dataSource="tableData" :options="options" :fetch="fetchTableData" class="tabl-box" />
+          </template>
+        </Card>
+      </el-col>
+    </el-row>
     <el-row>
       <el-col :span="12" style="margin-bottom: 15px">
         <Card title="历年任务">
@@ -74,7 +111,8 @@ export default {
       setTopOptions,
       bottomLeftOptions,
       bottomCenterOptions,
-      bottomRightOptions
+      bottomRightOptions,
+      imgUrl: require('@/assets/images/飞机.png')
     }
   },
   mounted() {