瞬时热量对比配置

src/api/scheduling.js

@@ -4,4 +4,5 @@ export const postEnergyManage = params => {
   return http.post(`/api/manage/sheduling/EnergyManage`, params).then(res => res).catch(function (error) {
       console.log(error);
   })
-}
+}
\ No newline at end of file
+

src/router/index.js

@@ -397,6 +397,13 @@ const routes = [
             meta: {
                 title: '天气工况管理'
             }
+        },{
+            path: '/Scheduling/InstantHeat',
+            name: 'InstantHeatPage',
+            component: () => import('@/views/SchedulingPage/InstantHeatPage.vue'),
+            meta: {
+                title: '瞬时热量对比配置'
+            }
         }
         ]
     },

src/views/SchedulingPage/EnergyManagePage.vue

@@ -21,12 +21,12 @@ const tableLabel = reactive([
   {
     prop: 'id',
     label: "序号",
-    width: 120
+    width: 100
   },
   {
     prop: 'name',
     label: '名称',
-    width: 230
+    width: 200
   },
   {
     prop: 'type',
@@ -35,7 +35,7 @@ const tableLabel = reactive([
   {
     prop: 'used',
     label: "用度",
-    width: 220
+    width: 200
   },
   {
     prop: 'date',
@@ -183,7 +183,7 @@ onMounted(() => {
 
 <template>
 
-  <table cellpadding="0" cellspacing="1" style="background-color: #99bbe8;width: 100%;">
+  <table class="table_search" cellpadding="0" cellspacing="1" style="background-color: #99bbe8;width: 100%;">
     <tr style="height: 10px;">
       <th width="30%">
         <span>能源类型：</span>
@@ -328,48 +328,6 @@ onMounted(() => {
     </el-form>
   </el-dialog>
 
-
-
-
-
-  <!-- <el-dialog v-model="dialogVisible" :title="action == 'add' ? '数据新增' : '数据修改'" 
-  width="800" class="showAll_dialog">
-      <el-form :inline="true" :model="formEnergy" :rules="rules" ref="energyForm">
-        <div class="dialog_div">
-          <table border="3px">
-            <tr>
-              <th>供应站编号：</th>
-              <th><el-select v-model="formEnergy.name" placeholder="请选择">
-                    <el-option label="东部供热站" value="东部供热站" />
-                    <el-option label="行政区供热站" value="行政区供热站" />
-                    <el-option label="福宛里供热站" value="福宛里供热站" />
-                  </el-select></th>
-            </tr>
-            <tr>
-              <th>能源类型</th>
-              <th><input type="text"></th>
-            </tr>
-            <tr>
-              <th>用度</th>
-              <th><input type="text"></th>
-            </tr>
-            <tr>
-              <th>日期</th>
-              <th><input type="text"></th>
-            </tr>
-          </table>
-          <el-button>Default</el-button>
-          <el-button>Default</el-button>
-        </div>
-
-      </el-form>
-      <template #footer>
-        <div style="height: 400px;"></div>
-      </template>
-    </el-dialog>  -->
-
-
-
 </template>
 
 
@@ -385,11 +343,13 @@ onMounted(() => {
 
 .table {
   margin-top: 10px;
+  margin-left: 4px;
 }
 
 
-table {
+.table_search {
   width: 100%;
+  margin-left: 4px;
 }
 
 table,

src/views/SchedulingPage/InstantHeatPage.vue

+<template>
+  <div class="contentBlock">
+    <div class="contentBlockInn">
+      <el-card class="card-contianer">
+
+          <div class="card-header">
+            <span>瞬时热量对比配置</span>
+          </div>
+
+        <el-form ref="formRef" :data="formData" :model="formModel" label-width="auto">
+          <table cellpadding="0" cellspacing="1" >
+            <tr>
+              <th style="width: 25%">计划名称：</th>
+              <td style="width: 60%; margin:0; padding: 0">
+                <table cellpadding="0" cellspacing="0">
+                  <tr>
+                    <td style="text-align: left">
+                      <el-input style="width: 80%" v-model="formModel.planName"></el-input>
+                    </td>
+                  </tr>
+
+                </table>
+              </td>
+            </tr>
+            <tr>
+              <th style="width: 25%">偏差百分比 (%)：</th>
+              <td style="width: 60%; margin: 0; padding: 0">
+                <table cellpadding="0" cellspacing="0">
+                  <tr>
+                    <td style="text-align: left">
+                      <el-input style="width: 80%" v-model="formModel.diffPercentage"></el-input>
+                    </td>
+                  </tr>
+                </table>
+              </td>
+
+            </tr>
+
+
+            <tr>
+              <th style="width: 25%">判断时间 (分)：</th>
+              <td style="width: 60%; margin: 0; padding: 0">
+                <table cellpadding="0" cellspacing="0">
+                  <tr>
+                    <td style="text-align: left">
+                      <el-form>
+                        <el-input style="width: 80%" v-model="formModel.timeoutMin"></el-input>
+                      </el-form>
+
+                    </td>
+
+                  </tr>
+                </table>
+              </td>
+
+            </tr>
+
+
+            <tr>
+              <th style="width: 25%">调节温度 (℃)</th>
+              <td style="width: 60%; margin: 0; padding: 0">
+                <table cellpadding="0" cellspacing="0">
+                  <tr>
+                    <td style="text-align: left">
+                      <el-input style="width: 80%" v-model="formModel.tempRegulation"></el-input>
+                    </td>
+                  </tr>
+                </table>
+              </td>
+
+            </tr>
+
+
+            <tr>
+              <th style="width: 25%">备注</th>
+              <td style="width: 60%; margin: 0; padding: 0">
+                <table cellpadding="0" cellspacing="0">
+                  <tr>
+                    <td style="text-align: left">
+                      <el-input style="width: 80%" type="textarea" rows="6" v-model="formModel.description"></el-input>
+                    </td>
+
+                  </tr>
+                </table>
+              </td>
+            </tr>
+
+
+          </table>
+          <div class="btngrounp">
+            <el-button type="primary">保存</el-button>
+            <el-button type="primary" style="margin: 0 0 0 5px">关闭</el-button>
+          </div>
+        </el-form>
+
+      </el-card>
+    </div>
+  </div>
+
+</template>
+<script setup>
+import { ref, reactive, onMounted, onUnmounted } from "vue";
+const formModel = reactive({
+  planId: '',
+  planName: '瞬时热量偏差',
+  diffPercentage: '10',
+  timeoutMin: '10',
+  tempRegulation: '1',
+  description: '"预测瞬时热量"与集团"瞬时热量"进行对比，偏差10%（可变），超过10分钟（可变），对下发温度进行+-温度调节（温度可调）'
+})
+
+
+
+</script>
+<style lang="less" scoped>
+.card-contianer {
+  background-color:  #DFE8F6;
+}
+.card-header {
+  text-align: center;
+  font-weight: 700;
+  font-size: 28px;
+  margin-bottom:10px;
+}
+.btngrounp {
+  margin-top: 10px;
+  text-align: center;
+
+}
+
+
+table {
+  width: 100%;
+}
+
+table,
+tr,
+th,
+td {
+  font-size: 14px;
+  margin: 0;
+  padding: 0;
+  
+}
+
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+
+table th {
+  background-color: #F2F6F8;
+  text-align: center;
+  padding: 5px 10px;
+  border: 1px solid #DFE8F6;
+}
+
+table td {
+  text-align: center;
+  background-color: #ffffff;
+  padding: 5px 10px;
+  border: 1px solid #DFE8F6;
+  border-bottom: 0;
+}
+
+
+table.botList td {
+  width: 33%;
+  text-align: left;
+  font-weight: bolder;
+}
+</style>