修改测点数据曲线图模型

src/views/monitor/checkCheckPoint.vue

@@ -11,128 +11,146 @@
       </div>
     </el-header>
 
-    <el-divider class="divi"></el-divider>
+    <el-main>
+      <el-row>
+        <check-point-info v-bind="dg1"></check-point-info>
+      </el-row>
+      <el-row>
+        <check-point-info v-bind="dg2"></check-point-info>
+      </el-row>
+      <el-row>
+        <check-point-info v-bind="dg3"></check-point-info>
+      </el-row>
+      <el-row>
+        <check-point-info v-bind="dg4"></check-point-info>
+      </el-row>
+      <el-row>
+        <check-point-info v-bind="dg4"></check-point-info>
+      </el-row>
+    </el-main>
+
+<!--    <el-divider class="divi"></el-divider>-->
     <!-- 第一行 -->
-    <el-row :gutter="20">
-      <el-col :span="4">
-        <div class="block">
-          <span class="text">牵引方向</span></br>
+<!--    <el-row :gutter="20">-->
+<!--      <el-col :span="4">-->
+<!--        <div class="block">-->
+<!--          <span class="text">牵引方向</span></br>-->
+<!--&lt;!&ndash;          <el-button type="primary">选择数据范围</el-button></br>&ndash;&gt;-->
+<!--          <el-dropdown size="mini" split-button type="primary">-->
+<!--            选择数据范围-->
+<!--            <el-dropdown-menu slot="dropdown">-->
+<!--              <el-dropdown-item>十分钟</el-dropdown-item>-->
+<!--              <el-dropdown-item>一小时</el-dropdown-item>-->
+<!--              <el-dropdown-item>六小时</el-dropdown-item>-->
+<!--              <el-dropdown-item>近 天</el-dropdown-item>-->
+<!--            </el-dropdown-menu>-->
+<!--          </el-dropdown>-->
+<!--          <el-button type="primary" >数据分析</el-button></br>-->
+<!--          <el-button type="primary">详细数据</el-button></br>-->
+<!--        </div>-->
+<!--      </el-col>-->
+<!--      <el-col :span="14">-->
+<!--        <div class="block">-->
+<!--          <direction></direction>-->
+<!--        </div>-->
+
+<!--      </el-col>-->
+<!--      <el-col :span="6">-->
+<!--        <div class="block">-->
+<!--          <el-card>-->
+<!--            <span class="info">设备健康程度:{{health}}</span></br>-->
+<!--            <span class="info">安全隐患程度:{{danger}}</span></br>-->
+<!--            <span class="info">正常运行:{{normal_time}}</span></br>-->
+<!--            <span class="info">数值超标总时长:{{total_time}}</span></br>-->
+<!--          </el-card>-->
+<!--        </div>-->
+
+<!--      </el-col>-->
+<!--    </el-row>-->
+<!--    &lt;!&ndash; 第二行 &ndash;&gt;-->
+<!--    <el-row :gutter="20">-->
+<!--      <el-col :span="4">-->
+<!--        <div class="block">-->
+<!--          <span class="text">牵引状态</span></br>-->
+<!--          <el-button type="primary">选择数据范围</el-button></br>-->
+<!--          <el-button type="primary" >数据分析</el-button></br>-->
+<!--          <el-button type="primary">详细数据</el-button></br>-->
+<!--        </div>-->
+<!--      </el-col>-->
+<!--      <el-col :span="14">-->
+<!--        <div class="block">-->
+<!--          <pull_status></pull_status>-->
+<!--        </div>-->
+
+<!--      </el-col>-->
+<!--      <el-col :span="6">-->
+<!--        <div class="block">-->
+<!--          <el-card>-->
+<!--            <span class="info">设备健康程度:{{health}}</span></br>-->
+<!--            <span class="info">安全隐患程度:{{danger}}</span></br>-->
+<!--            <span class="info">正常运行:{{normal_time}}</span></br>-->
+<!--            <span class="info">数值超标总时长:{{total_time}}</span></br>-->
+<!--          </el-card>-->
+<!--        </div>-->
+
+<!--      </el-col>-->
+<!--    </el-row>-->
+<!--    &lt;!&ndash; 第三行 &ndash;&gt;-->
+<!--    <el-row :gutter="20">-->
+<!--      <el-col :span="4">-->
+<!--        <div class="block">-->
+<!--          <span class="text">加速状态</span></br>-->
 <!--          <el-button type="primary">选择数据范围</el-button></br>-->
-          <el-dropdown size="mini" split-button type="primary">
-            选择数据范围
-            <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item>十分钟</el-dropdown-item>
-              <el-dropdown-item>一小时</el-dropdown-item>
-              <el-dropdown-item>六小时</el-dropdown-item>
-              <el-dropdown-item>近 天</el-dropdown-item>
-            </el-dropdown-menu>
-          </el-dropdown>
-          <el-button type="primary" >数据分析</el-button></br>
-          <el-button type="primary">详细数据</el-button></br>
-        </div>
-      </el-col>
-      <el-col :span="14">
-        <div class="block">
-          <direction></direction>
-        </div>
-
-      </el-col>
-      <el-col :span="6">
-        <div class="block">
-          <el-card>
-            <span class="info">设备健康程度:{{health}}</span></br>
-            <span class="info">安全隐患程度:{{danger}}</span></br>
-            <span class="info">正常运行:{{normal_time}}</span></br>
-            <span class="info">数值超标总时长:{{total_time}}</span></br>
-          </el-card>
-        </div>
-
-      </el-col>
-    </el-row>
-    <!-- 第二行 -->
-    <el-row :gutter="20">
-      <el-col :span="4">
-        <div class="block">
-          <span class="text">牵引状态</span></br>
-          <el-button type="primary">选择数据范围</el-button></br>
-          <el-button type="primary" >数据分析</el-button></br>
-          <el-button type="primary">详细数据</el-button></br>
-        </div>
-      </el-col>
-      <el-col :span="14">
-        <div class="block">
-          <pull_status></pull_status>
-        </div>
-
-      </el-col>
-      <el-col :span="6">
-        <div class="block">
-          <el-card>
-            <span class="info">设备健康程度:{{health}}</span></br>
-            <span class="info">安全隐患程度:{{danger}}</span></br>
-            <span class="info">正常运行:{{normal_time}}</span></br>
-            <span class="info">数值超标总时长:{{total_time}}</span></br>
-          </el-card>
-        </div>
-
-      </el-col>
-    </el-row>
-    <!-- 第三行 -->
-    <el-row :gutter="20">
-      <el-col :span="4">
-        <div class="block">
-          <span class="text">加速状态</span></br>
-          <el-button type="primary">选择数据范围</el-button></br>
-          <el-button type="primary" >数据分析</el-button></br>
-          <el-button type="primary">详细数据</el-button></br>
-        </div>
-      </el-col>
-      <el-col :span="14">
-        <div class="block">
-          <speed_status></speed_status>
-        </div>
-
-      </el-col>
-      <el-col :span="6">
-        <div class="block">
-          <el-card>
-            <span class="info">设备健康程度:{{health}}</span></br>
-            <span class="info">安全隐患程度:{{danger}}</span></br>
-            <span class="info">正常运行:{{normal_time}}</span></br>
-            <span class="info">数值超标总时长:{{total_time}}</span></br>
-          </el-card>
-        </div>
-
-      </el-col>
-    </el-row>
-    <!-- 第四行 -->
-    <el-row :gutter="20">
-      <el-col :span="4">
-        <div class="block">
-          <span class="text">牵引速度</span></br>
-          <el-button type="primary">选择数据范围</el-button></br>
-          <el-button type="primary" >数据分析</el-button></br>
-          <el-button type="primary">详细数据</el-button></br>
-        </div>
-      </el-col>
-      <el-col :span="14">
-        <div class="block">
-          <pulling_speed></pulling_speed>
-        </div>
-
-      </el-col>
-      <el-col :span="6">
-        <div class="block">
-          <el-card>
-            <span class="info">设备健康程度:{{health}}</span></br>
-            <span class="info">安全隐患程度:{{danger}}</span></br>
-            <span class="info">正常运行:{{normal_time}}</span></br>
-            <span class="info">数值超标总时长:{{total_time}}</span></br>
-          </el-card>
-        </div>
-
-      </el-col>
-    </el-row>
+<!--          <el-button type="primary" >数据分析</el-button></br>-->
+<!--          <el-button type="primary">详细数据</el-button></br>-->
+<!--        </div>-->
+<!--      </el-col>-->
+<!--      <el-col :span="14">-->
+<!--        <div class="block">-->
+<!--          <speed_status></speed_status>-->
+<!--        </div>-->
+
+<!--      </el-col>-->
+<!--      <el-col :span="6">-->
+<!--        <div class="block">-->
+<!--          <el-card>-->
+<!--            <span class="info">设备健康程度:{{health}}</span></br>-->
+<!--            <span class="info">安全隐患程度:{{danger}}</span></br>-->
+<!--            <span class="info">正常运行:{{normal_time}}</span></br>-->
+<!--            <span class="info">数值超标总时长:{{total_time}}</span></br>-->
+<!--          </el-card>-->
+<!--        </div>-->
+
+<!--      </el-col>-->
+<!--    </el-row>-->
+<!--    &lt;!&ndash; 第四行 &ndash;&gt;-->
+<!--    <el-row :gutter="20">-->
+<!--      <el-col :span="4">-->
+<!--        <div class="block">-->
+<!--          <span class="text">牵引速度</span></br>-->
+<!--          <el-button type="primary">选择数据范围</el-button></br>-->
+<!--          <el-button type="primary" >数据分析</el-button></br>-->
+<!--          <el-button type="primary">详细数据</el-button></br>-->
+<!--        </div>-->
+<!--      </el-col>-->
+<!--      <el-col :span="14">-->
+<!--        <div class="block">-->
+<!--          <pulling_speed></pulling_speed>-->
+<!--        </div>-->
+
+<!--      </el-col>-->
+<!--      <el-col :span="6">-->
+<!--        <div class="block">-->
+<!--          <el-card>-->
+<!--            <span class="info">设备健康程度:{{health}}</span></br>-->
+<!--            <span class="info">安全隐患程度:{{danger}}</span></br>-->
+<!--            <span class="info">正常运行:{{normal_time}}</span></br>-->
+<!--            <span class="info">数值超标总时长:{{total_time}}</span></br>-->
+<!--          </el-card>-->
+<!--        </div>-->
+
+<!--      </el-col>-->
+<!--    </el-row>-->
 
     <!-- 分页区域 -->
     <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[1, 2, 5, 10]" :page-size="1" layout="total, sizes, prev, pager, next, jumper" :total="4">
@@ -145,24 +163,53 @@
   import pull_status from '@/components/mining/main_bump/pull_status.vue'
   import pulling_speed from '@/components/mining/main_bump/pulling_speed.vue'
   import speed_status from '@/components/mining/main_bump/speed_status.vue'
+  import checkPointInfo from "./checkPointInfo";
   export default {
     name: "checkCheckPoint",
     data() {
       return {
         check_point_name: '',
         sub_system_name: '',
-        health: '健康',
-        danger: '较低',
-        normal_time: '9天',
-        total_time: '20s'
+        // health: '健康',
+        // danger: '较低',
+        // normal_time: '9天',
+        // total_time: '20s',
+        dg1: {
+          name: '牵引方向',
+          health: '健康',
+          danger: '较低',
+          normal_time: '9天',
+          total_time: '20s',
+        },
+        dg2: {
+          name: '牵引状态',
+          health: '健康',
+          danger: '较低',
+          normal_time: '9天',
+          total_time: '20s',
+        },
+        dg3: {
+          name: '加速状态',
+          health: '健康',
+          danger: '较低',
+          normal_time: '9天',
+          total_time: '20s',
+        },
+        dg4: {
+          name: '牵引速度',
+          health: '健康',
+          danger: '较低',
+          normal_time: '9天',
+          total_time: '20s',
+        }
       }
     },
     components: {
       direction,
       pull_status,
       pulling_speed,
-      speed_status
-
+      speed_status,
+      checkPointInfo
     },
     methods: {
       // 监听 pagesize 改变的事件