update TemperatureDIalog

src/views/modules/pms/carHistory/components/configs/chart.js

@@ -0,0 +1,3 @@
+export default {
+  
+}

src/views/modules/pms/carHistory/components/configs/tableProps.js

@@ -0,0 +1,3 @@
+export default {
+  
+}

src/views/modules/pms/carHistory/components/temperatureDialog.vue

@@ -1,24 +1,63 @@
 <template>
-  <el-dialog :visible="visible" title="temperatureDialogVisible">temperatureDialogVisible</el-dialog>
+  <el-dialog :visible="visible" title="烧制温度" class="temperature-dialog" width="80%">
+    <div class="data-list"></div>
+    <div class="temp-chart" id="temp-chart"></div>
+  </el-dialog>
 </template>
 
 <script>
+import chartConfig from "./configs/chart";
+import tableConfig from "./configs/tableProps";
+
 export default {
   name: "TemperatureDialog",
   props: {},
   data() {
     return {
-      visible: false
+      visible: false,
+      hisId: null,
+      chartConfig,
+      tableConfig,
+      chart: null,
+      dataList: [],
+      page: 1,
+      size: 100,
     };
   },
   created() {},
   mounted() {},
   methods: {
     init(id) {
-      this.visible = true
+      this.hisId = id;
-    }
+      this.visible = true;
+    },
+    getList() {},
+    handlePageChange(page) {
+      this.page = page;
+      this.getList();
+    },
+    handleSizeChange(size) {
+      this.size = size;
+      this.getList();
+    },
   },
 };
 </script>
 
-<style scoped></style>
+<style scoped>
+.temperature-dialog >>> .el-dialog__body {
+  height: 70vh;
+  display: flex;
+}
+
+.data-list,
+.temp-chart {
+  border: 1px solid #ccc;
+  width: 45%;
+}
+
+.temp-chart {
+  flex: 1;
+  margin-left: 18px;
+}
+</style>