年度参数列表

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/components/DataMenu.vue

@@ -26,7 +26,7 @@
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
 import MyMenu from './MyMenu.vue';
-import { toRaw } from '@vue/reactivity'
+import { toRaw } from 'vue'
 const props = defineProps(['meun']);
 const emit= defineEmits(['subEvent','openM','closeM']);
 

src/components/Remote/TransferStatusControl.vue

 <template>
-    状态
-    <el-table>
-
+    <el-card class="remoteTitle">
+        <div class="card-content">
+            <div class="demo-button">
+                <el-button type="primary" size="small" @click="ReadStatus">读取全部</el-button>
+                <el-button type="primary" size="small" @click="WriteStatus" disabled="false">写入全部</el-button>
+            </div>
+            <div class="demo-image">
+                <div class="block">
+                    <span class="demonstration">读写成功</span>
+                    <el-icon><CircleCheckFilled color="rgb(0,255,0)"/></el-icon>
+                </div>
+                <div class="block">
+                    <span class="demonstration">通讯异常</span>
+                    <el-icon><Connection /></el-icon>
+                </div>
+                <div class="block">
+                    <span class="demonstration">读写失败</span>
+                    <el-icon><Failed color="rgb(255,0,0)"/></el-icon>
+                </div>
+            </div>
+        </div>
+    </el-card>
+    <el-table
+        ref="tableRef"
+        v-model:checked="selectedRows"
+        show-header="true" 
+        :height="tableHeight"
+        :cell-style="setCellStyle" 
+        border 
+        highlight-current-row 
+        :header-cell-style="setHeaderCellStyle"  
+        :data="visibleData" 
+        v-loading="isLoading"
+        element-loading-text="数据加载中......"
+        row-class-name="fixed-row-height"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+        <el-table-column type="selection" width="55" />
+        <el-table-column prop="rowIndex" label="序号" width="45px" fixed />
+        <el-table-column prop="transferId" label="机组编号" v-if="false" width="80px" fixed />
+        <el-table-column prop="transferName" label="换热机组" width="150px" fixed />
+        <el-table-column prop="jDValue" label="华为控制模式" width="80px" />
+        <el-table-column prop="gainMode" label="增益模式" width="80px" />
+        <el-table-column prop="weatherMode" label="气象仪模式" width="80px" />
+        <el-table-column prop="curveMode" label="曲线对应模式" width="80px" />
+        <el-table-column prop="criclePump1" label="1#循环泵启停" width="80px" />
+        <el-table-column prop="criclePump2" label="2#循环泵启停" width="80px" />
+        <el-table-column prop="Pump3" label="3#循环泵启停" width="80px" />
+        <el-table-column prop="Pump4" label="4#循环泵启停" width="80px" />
+        <el-table-column prop="ReplenishingPump" label="补水泵启停" width="80px" />
+        <el-table-column prop="SecPump1" label="1#二级泵启停" width="80px" />
+        <el-table-column prop="Evc1AutoOrManual" label="1#电动调节阀手动/自动切换" width="100px" />
+        <el-table-column prop="Evc2AutoOrManual" label="2#电动调节阀手动/自动切换" width="100px" />
+        <el-table-column prop="Evc3AutoOrManual" label="3#电动调节阀手动/自动切换" width="100px" />
+        <el-table-column prop="Evc4AutoOrManual" label="4#电动调节阀手动/自动切换" width="100px" />
+        <el-table-column prop="CriclePump1AutoOrManual" label="一号循环泵 手动/自动切换" width="100px" />
+        <el-table-column prop="CriclePump2AutoOrManual" label="二号循环泵 手动/自动切换" width="100px" />
+        <el-table-column prop="CriclePump3AutoOrManual" label="三号循环泵 手动/自动切换" width="100px" />
+        <el-table-column prop="CriclePump4AutoOrManual" label="四号循环泵 手动/自动切换" width="100px" />
+        <el-table-column prop="SecCriclePumpAutoOrManual" label="二级泵 手动/自动切换" width="100px" />
+        <el-table-column fixed="right" label="操作" width="100">
+            <template #default>
+                <el-button link type="primary" size="small" @click="ReadStatus">读取</el-button>
+                <el-button link type="primary" size="small" @click="WriteStatus">写入</el-button>
+            </template>
+        </el-table-column>
     </el-table>
+    <el-card style="height: 50px; padding: 0;">
+        <el-progress
+            :text-inside="true"
+            :stroke-width="16"
+             status="success"
+            :percentage="progress"
+            />
+    </el-card>
 </template>
 <script lang="ts" setup>
-  import { ref, reactive, onMounted, onUnmounted, watch } from 'vue';
-  import http from '../../api/http';
-  import store from "../../store/index";
+    import { ref, reactive, onMounted, onUnmounted, watch,toRefs  } from 'vue';
+    import http from '../../api/http';
+    import store from "../../store/index";
 
-  const props = defineProps(['activeRadio']);
-    console.log("1actionValue:"+props.activeRadio);
+    const enterpriseId = store.getters.getEnterpriseId();
+    const props = defineProps(['activeRadio']);
+    const tableRef = ref(null);
+    const selectedRows = ref([]);
+    const isLoading= ref(true);
+    const visibleData = ref([]);
+    const tableHeight = ref(500);
+    const progress =ref(0);
+    const state = reactive({
+        fits: ['Success', 'fale', 'cover', 'none', 'scale-down'],
+        url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+    })
+    const { fits, url } = toRefs(state);
 
     //监听修改actionValue状态
     watch(() =>props.activeRadio, (oldValue, newValue) => {
@@ -18,8 +100,100 @@
         initData();
     },{deep:true});
 
-    function initData(){
-        
+    function setContentHeight() {
+        tableHeight.value = window.innerHeight - 300;
+    }
+    async function initData(){
+        isLoading.value = true;
+        var type = 0;
+        if(enterpriseId === "9BCA54BC-8F27-4849-8D7D-50C5099E1949".toLowerCase()){
+            type = 1;
+        }
+        var result = await http.post('/api/remote/GetTransferStatus',{"SupplyType":type, "DeviceId": props.activeRadio});
+        console.log(result);
+        visibleData.value = result.data;
+        isLoading.value = false;
     }
     initData();
-</script>
+
\ No newline at end of file
+    async function ReadStatus(){
+        if(selectedRows){
+            selectedRows.value.forEach(item =>{
+                ReadStation(item);
+            })
+        }
+    }
+    async function WriteStatus(){
+
+    }
+
+    async function ReadStation(value){
+        var result = await http.post('', value);
+        var jobj = result.data;
+        console.log(jobj);
+    }
+
+    onMounted(() => {
+        setContentHeight();
+    window.addEventListener('resize', setContentHeight);
+    })
+    onUnmounted(() => {
+        window.removeEventListener('resize', setContentHeight);
+    })
+
+    function setCellStyle({ row, column, rowIndex, columnIndex }) {
+        let css_color = {};
+        css_color['padding-left'] = '0px';
+        css_color['padding-right'] = '0px';
+        css_color['borderColor'] = '#97d5fd';
+        css_color['padding'] = '0px';
+        return css_color;
+    }
+
+    function setHeaderCellStyle({ row, column, rowIndex, columnIndex }) {
+        let css_color;
+        var backcolor = 'd9f1ff';
+        css_color = { 'background-color': '#' + backcolor, 'padding-left': '0px', 'padding-right': '0px', 'borderColor': '#97d5fd', 'color': '#000', 'text-align': 'center', 'vertical-align': 'top' };
+
+        var backcolor = 'd9f1ff';
+        css_color = { 'background-color': '#' + backcolor, 'padding-left': '0px', 'padding-right': '0px', 'borderColor': '#97d5fd', 'color': '#000', 'text-align': 'center', 'vertical-align': 'top' };
+
+        return css_color;
+    }
+
+</script>
+
+<style scoped>
+.remoteTitle{
+    width: 100%;
+}
+
+.card-content {
+  display: flex;
+  justify-content: space-between;
+}
+
+.demo-image {
+    width: 70%;
+    display: right;
+    flex: 9;
+}
+.demo-image .block {
+  padding: 1px 0;
+  text-align: center;
+  border-right: solid 1px var(--el-border-color);
+  display: inline-block;
+  width: 80px;
+  box-sizing: border-box;
+  vertical-align: top;
+}
+.demo-image .block:last-child {
+  border-right: none;
+}
+.demo-image .demonstration {
+  display: block;
+  color: var(--el-text-color-secondary);
+  font-size: 12px;
+  margin-bottom: 0px;
+}
+</style>
\ No newline at end of file

src/router/index.js

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

src/views/RemotePage/TransControlPage.vue

 
 <template>
   <el-card class="card-contianer">
-      <label>{{radioTitle}}：</label>
-      <el-radio-group v-model="activeRadio" style="margin-left: 50px;">
-        <el-radio
-          v-for="(option, index) in options"
-          :key="index"
-          :label="option.value"
-          >
-          {{ option.lable }}
-        </el-radio>
-      </el-radio-group>
+    <div>
+
+    </div>
+        <label>{{radioTitle}}：</label>
+        <el-radio-group v-model="activeRadio" style="margin-left: 50px;">
+          <el-radio
+            v-for="(option, index) in options"
+            :key="index"
+            :label="option.value"
+            >
+            {{ option.lable }}
+          </el-radio>
+        </el-radio-group>
   </el-card>
   <el-tabs :tab-position="tabPosition" style="height: 100%" class="demo-tabs">
     <el-tab-pane label="换热站状态" v-if="isTransferStatus">
@@ -182,7 +185,7 @@
 
 .card-contianer {
   display: flex;
-  width: auto;
+  width: 100%;
   height: 50px;
   align-items: center; 
   vertical-align: middle;

src/views/SchedulingPage/AnalysisManage.vue

+<template>
+    生产与结算数据分析表
+</template>
\ No newline at end of file

src/views/SchedulingPage/AnnualParam.vue

+<template>
+    年度参数管理
+</template>
\ No newline at end of file

src/views/SchedulingPage/ConfigBoiler.vue

+<template>
+    锅炉参数配置
+</template>
\ No newline at end of file

src/views/SchedulingPage/EnergyManage.vue

+<template>
+    能源消耗
+</template>
\ No newline at end of file

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',
@@ -55,8 +55,8 @@ const config = reactive({
 })
 
 const handleSearch = () => {
-  config.name
-  getEnergyData()
+  config.name,
+  getEnergyData(),
   config.name = ''
 }
 
@@ -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/InstantHeat.vue

+<template>
+    瞬时热量对比配置
+</template>
\ No newline at end of file

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>

src/views/SchedulingPage/Phenomenon.vue

+<template>
+    天气工况
+</template>
\ No newline at end of file

src/views/SchedulingPage/WeatherManage.vue

+<template>
+    气象干预
+</template>
\ No newline at end of file

src/views/SchedulingPage/WindManage.vue

+<template>
+    风力配置管理
+</template>
\ No newline at end of file