无故障学习【未完成】

src/views/MalfunctionWarning/components/detectionRecord.vue

@@ -1,176 +1,126 @@
 <template>
-  <el-dialog
-    width="50%"
-    top="10vh"
-    custom-class="modal"
-    title="检测记录"
-    :close-on-click-modal="false"
-    @opened="opened()"
-  >
-    <div style="height: 70vh; overflow-y: auto">
-      <div class="titleBar">
-        <div class="titleName">测试级</div>
-      </div>
-      <el-table
-        ref="multipleTable"
-        empty-text="暂无数据"
-        :data="allData"
-        :header-cell-style="{
-          height: '40px',
-          background: 'rgba(83, 98, 104, 0.2)',
-          color: '#b2bdc0',
-          'border-bottom': '0px solid red',
-        }"
-        :cell-style="{
-          height: '40px',
-          'border-bottom': 'solid 0px #242424',
-        }"
-        stripe
-        style="width: 100%; margin-bottom: 10px"
-      >
-        <el-table-column
-          prop="starttime"
-          label="故障时间"
-          width="160"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="stationen"
-          label="风场"
-          width="80"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="stationcn"
-          label="场站名称"
-          width="120"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="windturbineid"
-          label="风机编号"
-          width="100"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="model"
-          label="风机型号"
-          width="80"
-          align="center"
-        ></el-table-column>
-        <el-table-column width="200" label="故障标签">
-          <template #default="scope">
-            <span>
-              <el-select
-                v-model="scope.row.faultcode"
-                @change="selectChange(scope.row)"
-                clearable
-                placeholder="请选择"
-                popper-class="select"
-                style="width: 130px; margin-left: 30px"
-              >
-                <el-option
-                  v-for="item in faultLists"
-                  :key="item.faultcode"
-                  :label="item.faulttype"
-                  :value="item.faultcode"
-                >
-                </el-option>
-              </el-select>
-            </span>
-          </template>
-        </el-table-column>
-        <el-table-column width="120" label="操作">
-          <button class="btn" @click="getReports()">查看检测报告</button>
-        </el-table-column>
-      </el-table>
-    </div>
-    <TestReport v-model="reportDisplay"></TestReport>
-  </el-dialog>
+	<el-dialog width="50%" top="10vh" custom-class="modal" title="检测记录" :close-on-click-modal="false"
+		@opened="opened()">
+		<div style="height: 70vh; overflow-y: auto">
+			<div class="titleBar">
+				<div class="titleName">测试级</div>
+			</div>
+			<el-table ref="multipleTable" empty-text="暂无数据" :data="allData" :header-cell-style="{ height: '40px', background: 'rgba(83, 98, 104, 0.2)', color: '#b2bdc0', 'border-bottom': '0px solid red', }" :cell-style="{ height: '40px', 'border-bottom': 'solid 0px #242424', }" stripe style="width: 100%; margin-bottom: 10px">
+				<el-table-column prop="starttime" label="故障时间" width="160" align="center"></el-table-column>
+				<el-table-column prop="stationen" label="风场" width="80" align="center"></el-table-column>
+				<el-table-column prop="stationcn" label="场站名称" width="120" align="center"></el-table-column>
+				<el-table-column prop="windturbineid" label="风机编号" width="100" align="center"></el-table-column>
+				<el-table-column prop="model" label="风机型号" width="80" align="center"></el-table-column>
+				<el-table-column width="200" label="故障标签">
+					<template #default="scope">
+						<span>
+							<el-select v-model="scope.row.faultcode" @change="selectChange(scope.row)" clearable
+								placeholder="请选择" popper-class="select" style="width: 130px; margin-left: 30px">
+								<el-option v-for="item in faultLists" :key="item.faultcode" :label="item.faulttype"
+									:value="item.faultcode">
+								</el-option>
+							</el-select>
+						</span>
+					</template>
+				</el-table-column>
+				<el-table-column width="120" label="操作">
+					<template #default="btn">
+						<button class="btn" @click="getReports(btn.row.faultid)">查看检测报告</button>
+					</template>
+				</el-table-column>
+			</el-table>
+		</div>
+		<TestReport v-model="reportDisplay" :faultid='faultid'></TestReport>
+	</el-dialog>
 </template>
 <script>
-import TestReport from "./testReport.vue";
-import axios from "axios";
-export default {
-  components: {
-    TestReport,
-  },
-  props: {},
-  data() {
-    return {
-      faultLists: [],
-      allData: [],
-      reportDisplay: false,
-    };
-  },
-  created() {
-    this.getfaultLables();
-  },
-  methods: {
-    opened() {
-      this.getData();
-    },
-    getData() {
-      let that = this;
-      this.API.requestData({
-        method: "GET",
-        subUrl: "http://192.168.1.18:9002/case/fault/list",
-        data: {
-          //   station: this.selectValue,
-          //   model: this.selectMoudle,
-          st: new Date(new Date().getTime() - 86400000).formatDate("yyyy-MM-dd hh:mm:ss"),
-          et: new Date().formatDate("yyyy-MM-dd hh:mm:ss"),
-        },
-        success(res) {
-          if (res) {
-            that.allData = res.data;
-          }
-        },
-      });
-    },
-    getfaultLables() {
-      let that = this;
-      this.API.requestData({
-        method: "GET",
-        subUrl: "http://192.168.1.18:9002/know/fault/type/all",
-        success(res) {
-          if (res) {
-            that.faultLists = res.data;
-          }
-        },
-      });
-    },
+	import TestReport from "./testReport.vue";
+	import axios from "axios";
+	export default {
+		components: {
+			TestReport,
+		},
+		props: {
+			myData: {}
+		},
+		data() {
+			return {
+				faultLists: [],
+				allData: [],
+				reportDisplay: false,
+				faultid:''
+			};
+		},
+		created() {
+			this.getfaultLables();
+		},
+		methods: {
+			opened() {
+				this.getData();
+			},
+			getData() {
+				let that = this;
+				that.API.requestData({
+					method: "GET",
+					subUrl: "http://192.168.1.18:9002/case/fault/list",
+					data: {
+						station: that.myData.station,
+						model: that.myData.model,
+						st: that.myData.st,
+						et: that.myData.et,
+						category: 3
+					},
+					success(res) {
+						if (res) {
+							that.allData = res.data;
+						}
+					},
+				});
+			},
+			getfaultLables() {
+				let that = this;
+				this.API.requestData({
+					method: "GET",
+					subUrl: "http://192.168.1.18:9002/know/fault/type/all",
+					success(res) {
+						if (res) {
+							that.faultLists = res.data;
+						}
+					},
+				});
+			},
 
-    selectChange(data) {
-      let params = [];
-      (data.faulttype = this.faultLists.filter(
-        (item) => item.faultcode === data.faultcode
-      )[0]?.faulttype),
-        params.push(data);
-      axios({
-        method: "post",
-        url: "http://192.168.10.19:9002/case/fault/insert",
-        data: params,
-        header: {
-          "Content-Type": "application/json",
-        },
-      }).then((res) => {
-        if (res.data.code !== 200) {
-          this.BASE.showMsg({
-            type: "error",
-            msg: "标签修改失败",
-          });
-        }
-      });
-    },
-    getReports() {
-      this.reportDisplay = true;
-    },
-  },
-};
+			selectChange(data) {
+				let params = [];
+				(data.faulttype = this.faultLists.filter(
+					(item) => item.faultcode === data.faultcode
+				)[0]?.faulttype),
+				params.push(data);
+				axios({
+					method: "post",
+					url: "http://192.168.10.19:9002/case/fault/insert",
+					data: params,
+					header: {
+						"Content-Type": "application/json",
+					},
+				}).then((res) => {
+					if (res.data.code !== 200) {
+						this.BASE.showMsg({
+							type: "error",
+							msg: "标签修改失败",
+						});
+					}
+				});
+			},
+			getReports(id) {
+				this.faultid = id;
+				this.reportDisplay = true;
+			},
+		},
+	};
 </script>
 <style lang="less" scoped>
-.btn {
-  width: 106px !important;
-}
-</style>
+	.btn {
+		width: 106px !important;
+	}
+</style>

src/views/MalfunctionWarning/components/testReport.vue

@@ -1,280 +1,225 @@
 <template>
-  <el-dialog
-    custom-class="cDialog"
-    top="50px"
-    v-model="dialogVisible"
-    width="80%"
-  >
-    <el-button
-      style="position: absolute; right: 24px; top: 60px; z-index: 5000"
-      type="primary"
-      @click="exportPDF"
-    >
-      导出为PDF</el-button
-    >
-    <div class="pdfDom">
-      <div class="title">故障检测报告</div>
-      <div class="info">
-        <div class="infoContent">
-          <div class="contents">
-            <div class="contentsTitle">风机编号：</div>
-            <div>NG01_01</div>
-          </div>
-          <div class="contents">
-            <div class="contentsTitle">风机型号：</div>
-            <div>UP82</div>
-          </div>
-          <div class="contents">
-            <div class="contentsTitle">故障发生时间：</div>
-            <div>2021-11-26 09:00:00</div>
-          </div>
-        </div>
-        <div class="infoContent">
-          <div class="contents">
-            <div class="contentsTitle">使用模型：</div>
-            <div>神经网络</div>
-          </div>
-          <div class="contents">
-            <div class="contentsTitle">训练次数：</div>
-            <div>200次</div>
-          </div>
-          <div class="contents"></div>
-        </div>
-        <div class="result">
-          <div class="moduleTitle">诊断结果:</div>
-          <div class="resultContent">
-            诊断故障最大可能为<text style="color: #dc143c">齿轮箱故障</text
-            >,下表为各故障可能发生的实际概率：
-          </div>
-          <div class="resultTable">
-            <el-table
-              empty-text="暂无数据"
-              :data="faultList"
-              :header-cell-style="{
-                background: 'rgb(153,204,255)',
-                color: '#000',
-                'font-size': '20px',
-              }"
-              :cell-style="{
-                'font-size': '20px',
-                color: '#696969',
-              }"
-              border
-              stripe
-              style="width: 100%; margin: 10px 0"
-            >
-              <el-table-column
-                prop="name"
-                label="故障名称"
-                align="center"
-              ></el-table-column>
-              <el-table-column
-                prop="percent"
-                label="发生概率"
-                align="center"
-              ></el-table-column>
-            </el-table>
-          </div>
-        </div>
-        <div class="result">
-          <div class="moduleTitle">诊断依据:</div>
-          <div class="resultContent">
-            根据风场情况，训练故障权重图、训练和测试准确率、训练模型误差率如下：
-          </div>
-          <div class="charts">
-            <BarChart
-              v-if="barList.length > 0"
-              id="reportBar"
-              :barList="barList"
-            ></BarChart>
-            <LineChart
-              v-if="lossList"
-              id="reporLoss"
-              :reportFlag="true"
-              :dataList="lossList"
-            ></LineChart>
-            <LineChart
-              v-if="accuracyList"
-              id="reporAccuracy"
-              :reportFlag="true"
-              :dataList="accuracyList"
-            ></LineChart>
-          </div>
-          <div class="resultContent">
-            该模型训练和测试的准确率分别为<text style="color: #dc143c"
-              >74.2%和73.3%</text
-            >；误差率分别为<text style="color: #dc143c">2%和1%</text
-            >；该模型训练所倚重的测点比重分别为：<text style="color: #dc143c"
-              >偏航位置7.2%、发电机转速4.4%、有功功率3.4%、U1项绕组电流2.9%、齿轮箱轴2温度2.1%</text
-            >。模型训练过程所有测点倚重占比如下表所示：
-          </div>
-          <div class="resultTable">
-            <el-table
-              empty-text="暂无数据"
-              :data="proportionList"
-              :header-cell-style="{
-                background: 'rgb(153,204,255)',
-                color: '#000',
-                'font-size': '20px',
-              }"
-              :cell-style="{
-                'font-size': '20px',
-                color: '#696969',
-              }"
-              border
-              stripe
-              style="width: 100%; margin: 10px 0"
-            >
-              <el-table-column
-                prop="name"
-                label="故障名称"
-                align="center"
-              ></el-table-column>
-              <el-table-column
-                prop="percent"
-                label="发生概率"
-                align="center"
-              ></el-table-column>
-            </el-table>
-          </div>
-        </div>
-      </div>
-    </div>
-  </el-dialog>
+	<el-dialog custom-class="cDialog" top="50px" v-model="dialogVisible" width="80%" @opened="report()">
+		<el-button style="position: absolute; right: 24px; top: 60px; z-index: 5000" type="primary" @click="exportPDF">
+			导出为PDF</el-button>
+		<div class="pdfDom">
+			<div class="title">故障检测报告</div>
+			<div class="info">
+				<div class="infoContent">
+					<div class="contents">
+						<div class="contentsTitle">风机编号：</div>
+						<div>{{reportData.windturbineId}}</div>
+					</div>
+					<div class="contents">
+						<div class="contentsTitle">风机型号：</div>
+						<div>{{reportData.model}}</div>
+					</div>
+					<div class="contents">
+						<div class="contentsTitle">故障发生时间：</div>
+						<div>{{reportData.faultTime}}</div>
+					</div>
+				</div>
+				<div class="infoContent">
+					<div class="contents">
+						<div class="contentsTitle">使用模型：</div>
+						<div>{{reportData.modelName}}</div>
+					</div>
+					<div class="contents">
+						<div class="contentsTitle">训练次数：</div>
+						<div>{{reportData.trainingTimes}}次</div>
+					</div>
+					<div class="contents"></div>
+				</div>
+				<div class="result">
+					<div class="moduleTitle">诊断结果:</div>
+					<div class="resultContent">
+						诊断故障最大可能为<text style="color: #dc143c">{{reportData.result}}</text>,下表为各故障可能发生的实际概率：
+					</div>
+					<div class="resultTable">
+						<el-table empty-text="暂无数据" :data="faultList" :header-cell-style="{ background: 'rgb(153,204,255)', color: '#000', 'font-size': '20px', }" :cell-style="{ 'font-size': '20px', color: '#696969', }" border stripe style="width: 100%; margin: 10px 0">
+							<el-table-column prop="name" label="故障名称" align="center"></el-table-column>
+							<el-table-column prop="percent" label="发生概率" align="center"></el-table-column>
+						</el-table>
+					</div>
+				</div>
+				<div class="result">
+					<div class="moduleTitle">诊断依据:</div>
+					<div class="resultContent">
+						根据风场情况，训练故障权重图、训练和测试准确率、训练模型误差率如下：
+					</div>
+					<div class="charts">
+						<BarChart v-if="barList.length > 0" id="reportBar" :barList="barList"></BarChart>
+						<LineChart v-if="lossList" id="reporLoss" :reportFlag="true" :dataList="lossList"></LineChart>
+						<LineChart v-if="accuracyList" id="reporAccuracy" :reportFlag="true" :dataList="accuracyList">
+						</LineChart>
+					</div>
+					<div class="resultContent">
+						该模型训练和测试的准确率分别为<text style="color: #dc143c">74.2%和73.3%</text>；误差率分别为<text
+							style="color: #dc143c">2%和1%</text>；该模型训练所倚重的测点比重分别为：<text
+							style="color: #dc143c">偏航位置7.2%、发电机转速4.4%、有功功率3.4%、U1项绕组电流2.9%、齿轮箱轴2温度2.1%</text>。模型训练过程所有测点倚重占比如下表所示：
+					</div>
+					<div class="resultTable">
+						<el-table empty-text="暂无数据" :data="proportionList" :header-cell-style="{ background: 'rgb(153,204,255)', color: '#000', 'font-size': '20px', }" :cell-style="{ 'font-size': '20px', color: '#696969', }" border stripe style="width: 100%; margin: 10px 0">
+							<el-table-column prop="name" label="故障名称" align="center"></el-table-column>
+							<el-table-column prop="percent" label="发生概率" align="center"></el-table-column>
+						</el-table>
+					</div>
+				</div>
+			</div>
+		</div>
+	</el-dialog>
 </template>
 <script>
-import Get_PDF from "@tools/htmlToPdf";
-import LineChart from "./lineChart.vue";
-import BarChart from "./barChart.vue";
-export default {
-  components: {
-    LineChart,
-    BarChart,
-  },
-  created() {
-    let dataList = JSON.parse(
-      '{"ducumentName":"NNS-1637028563000","loss":[1.0882383584976196,1.067789912223816,1.0520573854446411,1.0380222797393799,1.0230460166931152,1.0070627927780151,0.9899255037307739,0.9736341238021851,0.9547672271728516,0.9341660737991333,0.9082227945327759,0.8833365440368652,0.8581799268722534,0.8310791254043579,0.8011142611503601,0.7700659036636353,0.7383494973182678,0.7076452970504761,0.6731187105178833,0.6390867829322815],"accuracy":[0.3047619163990021,0.37142857909202576,0.3619047701358795,0.3619047701358795,0.380952388048172,0.5809524059295654,0.6571428775787354,0.6571428775787354,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6761904954910278,0.6952381134033203,0.7333333492279053,0.7428571581840515],"val_loss":[1.0914311408996582,1.0727100372314453,1.0579898357391357,1.0469794273376465,1.0305122137069702,1.012723684310913,0.9997329115867615,0.9839586615562439,0.9610583782196045,0.9339884519577026,0.9096081256866455,0.8876619338989258,0.862886905670166,0.8299474120140076,0.793283998966217,0.7597811222076416,0.7229973673820496,0.6826366782188416,0.6449647545814514,0.6126752495765686],"val_accuracy":[0.2666666805744171,0.2666666805744171,0.2666666805744171,0.2666666805744171,0.4000000059604645,0.644444465637207,0.644444465637207,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.7333333492279053,0.7555555701255798,0.7333333492279053],"bar":[{"name":"邮箱温度","value":0.3},{"name":"风速","value":0.25},{"name":"变桨","value":0.25},{"name":"有高","value":0.2}]}'
-    );
-    this.lossList.loss = dataList.loss;
-    this.lossList.val_loss = dataList.val_loss;
-    this.accuracyList.accuracy = dataList.accuracy;
-    this.accuracyList.val_accuracy = dataList.val_accuracy;
-    this.barList = dataList.bar;
-  },
-  data() {
-    return {
-      barList: [],
-      lossList: {},
-      accuracyList: {},
-      faultList: [
-        {
-          name: "齿轮箱故障",
-          percent: "80%",
-        },
-        {
-          name: "变频器故障",
-          percent: "17%",
-        },
-        {
-          name: "变桨系统故障",
-          percent: "3%",
-        },
-      ],
-      proportionList: [
-        {
-          name: "偏航位置",
-          percent: "7.2%",
-        },
-        {
-          name: "发电机转速",
-          percent: "4.4%",
-        },
-        {
-          name: "有功功率",
-          percent: "3.4%",
-        },
-        {
-          name: "U1项绕组电流",
-          percent: "2.9%",
-        },
-        {
-          name: "齿轮箱轴2温度",
-          percent: "2.1%",
-        },
-        {
-          name: "电网无功功率",
-          percent: "1.9%",
-        },
-      ],
-    };
-  },
-  methods: {
-    // 导出PDF
-    exportPDF(name) {
-      this.BASE.showMsg({
-        type: "success",
-        msg: "正在导出...请稍后...",
-      });
-      Get_PDF.downloadPDF(document.querySelector(".pdfDom"), "故障检测报告");
-    },
-  },
-};
+	import Get_PDF from "@tools/htmlToPdf";
+	import LineChart from "./lineChart.vue";
+	import BarChart from "./barChart.vue";
+	export default {
+		components: {
+			LineChart,
+			BarChart,
+		},
+		props:{
+			faultid:''
+		},
+		created() {
+			let dataList = JSON.parse(
+				'{"ducumentName":"NNS-1637028563000","loss":[1.0882383584976196,1.067789912223816,1.0520573854446411,1.0380222797393799,1.0230460166931152,1.0070627927780151,0.9899255037307739,0.9736341238021851,0.9547672271728516,0.9341660737991333,0.9082227945327759,0.8833365440368652,0.8581799268722534,0.8310791254043579,0.8011142611503601,0.7700659036636353,0.7383494973182678,0.7076452970504761,0.6731187105178833,0.6390867829322815],"accuracy":[0.3047619163990021,0.37142857909202576,0.3619047701358795,0.3619047701358795,0.380952388048172,0.5809524059295654,0.6571428775787354,0.6571428775787354,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6761904954910278,0.6952381134033203,0.7333333492279053,0.7428571581840515],"val_loss":[1.0914311408996582,1.0727100372314453,1.0579898357391357,1.0469794273376465,1.0305122137069702,1.012723684310913,0.9997329115867615,0.9839586615562439,0.9610583782196045,0.9339884519577026,0.9096081256866455,0.8876619338989258,0.862886905670166,0.8299474120140076,0.793283998966217,0.7597811222076416,0.7229973673820496,0.6826366782188416,0.6449647545814514,0.6126752495765686],"val_accuracy":[0.2666666805744171,0.2666666805744171,0.2666666805744171,0.2666666805744171,0.4000000059604645,0.644444465637207,0.644444465637207,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.6666666865348816,0.7333333492279053,0.7555555701255798,0.7333333492279053],"bar":[{"name":"邮箱温度","value":0.3},{"name":"风速","value":0.25},{"name":"变桨","value":0.25},{"name":"有高","value":0.2}]}'
+			);
+			this.lossList.loss = dataList.loss;
+			this.lossList.val_loss = dataList.val_loss;
+			this.accuracyList.accuracy = dataList.accuracy;
+			this.accuracyList.val_accuracy = dataList.val_accuracy;
+			this.barList = dataList.bar;
+		},
+		data() {
+			return {
+				reportData:{},
+				barList: [],
+				lossList: {},
+				accuracyList: {},
+				faultList: [{
+						name: "齿轮箱故障",
+						percent: "80%",
+					},
+					{
+						name: "变频器故障",
+						percent: "17%",
+					},
+					{
+						name: "变桨系统故障",
+						percent: "3%",
+					},
+				],
+				proportionList: [{
+						name: "偏航位置",
+						percent: "7.2%",
+					},
+					{
+						name: "发电机转速",
+						percent: "4.4%",
+					},
+					{
+						name: "有功功率",
+						percent: "3.4%",
+					},
+					{
+						name: "U1项绕组电流",
+						percent: "2.9%",
+					},
+					{
+						name: "齿轮箱轴2温度",
+						percent: "2.1%",
+					},
+					{
+						name: "电网无功功率",
+						percent: "1.9%",
+					},
+				],
+			};
+		},
+		methods: {
+			// 导出PDF
+			exportPDF(name) {
+				this.BASE.showMsg({
+					type: "success",
+					msg: "正在导出...请稍后...",
+				});
+				Get_PDF.downloadPDF(document.querySelector(".pdfDom"), "故障检测报告");
+			},
+			report(){
+				let that = this;
+				that.API.requestData({
+					method: "GET",
+					subUrl: "http://10.155.32.14:9090/api/autofault/report",
+					success(res) {
+						if (res) {
+							res.forEach(ele=>{
+								if(ele.id === that.faultid){
+									that.reportData = ele;
+								}
+							})
+						}
+					},
+				});
+			}
+		},
+	};
 </script>
 <style lang="less" scoped>
-.cDialog {
-  position: relative;
+	.cDialog {
+		position: relative;
 
-  .pdfDom {
-    padding: 30px 50px;
-  }
+		.pdfDom {
+			padding: 30px 50px;
+		}
 
-  .title {
-    text-align: center;
-    font-size: 32px;
-    font-weight: 700;
-  }
+		.title {
+			text-align: center;
+			font-size: 32px;
+			font-weight: 700;
+		}
 
-  .info {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
+		.info {
+			display: flex;
+			flex-direction: column;
+			width: 100%;
 
-    .infoContent {
-      width: 100%;
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      justify-content: center;
-      margin-bottom: 20px;
-      font-size: 22px;
+			.infoContent {
+				width: 100%;
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				justify-content: center;
+				margin-bottom: 20px;
+				font-size: 22px;
 
-      .contents {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        width: 33%;
+				.contents {
+					display: flex;
+					flex-direction: row;
+					align-items: center;
+					width: 33%;
 
-        .contentsTitle {
-          font-weight: bold;
-        }
-      }
-    }
+					.contentsTitle {
+						font-weight: bold;
+					}
+				}
+			}
 
-    .result {
-      font-size: 22px;
+			.result {
+				font-size: 22px;
 
-      .resultTable {
-        display: flex;
-        width: 40%;
-        margin-left: 30%;
-      }
+				.resultTable {
+					display: flex;
+					width: 40%;
+					margin-left: 30%;
+				}
 
-      .charts {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-      }
-    }
-  }
-}
-</style>
+				.charts {
+					display: flex;
+					flex-direction: row;
+					align-items: center;
+				}
+			}
+		}
+	}
+</style>

src/views/MalfunctionWarning/supervised.vue

@@ -179,7 +179,7 @@
     ></ChartDetails>
     <DetectionRecord
       v-model="detectionDisplay"
-      :allData="allData"
+      :myData="myData"
     ></DetectionRecord>
   </div>
 </template>
@@ -216,6 +216,7 @@ export default {
   },
   data() {
     return {
+		myData:{},
       dataList: [],
       faultLists: [],
       lossList: {},
@@ -362,6 +363,12 @@ export default {
         this.showBarList.push(this.ceshiList);
         this.recordsDisplay = true;
       } else if (btnType === "jcjl") {
+		  this.myData = {
+			  station: this.selectValue,
+			  model: this.selectMoudle,
+			  st: new Date(this.timeValue[0]).formatDate("yyyy-MM-dd hh:mm:ss"),
+			  et: new Date(this.timeValue[1]).formatDate("yyyy-MM-dd hh:mm:ss"),
+		  };
         this.detectionDisplay = true;
       }
     },