| | |
| | | </el-col> |
| | | <el-col :span="20" :xs="24" class="flex-column h100"> |
| | | <el-card shadow="hover" :body-style="{ paddingBottom: '0' }"> |
| | | <el-form :inline="true" :model="queryParams"> |
| | | <el-form :inline="true" :model="queryParams" label-width="120px"> |
| | | <el-form-item label="进口水位" prop="WaterLevel"> |
| | | <el-input v-model="queryParams.WaterLevel" style="width: 226.4px" placeholder="名称" clearable></el-input> |
| | | <el-input v-model="queryParams.WaterLevel" style="width: 180px" placeholder="名称" clearable></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="目标流量(m³/h)" prop="TargetFlow"> |
| | | <el-input v-model="queryParams.TargetFlow" style="width: 226.4px" placeholder="编码" clearable /> |
| | | <el-input v-model="queryParams.TargetFlow" style="width: 180px" placeholder="编码" clearable /> |
| | | </el-form-item> |
| | | <el-form-item label="目标压力(MPa)" prop="TargetPressure"> |
| | | <el-input v-model="queryParams.TargetPressure" style="width: 226.4px" placeholder="编码" clearable /> |
| | | <el-input v-model="queryParams.TargetPressure" style="width: 180px" placeholder="编码" clearable /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button icon="ele-Refresh" @click="resetQuery" type="primary">调度 </el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div style="width: 100%; height: 100px; padding: 10px" class="aside_main" :class="{ aside_main_show: !asideStatus }"> |
| | | <el-form :inline="true" :model="pumpPanel"> |
| | | <div class="flex flex-start"> |
| | | <el-form-item label="总流量"> |
| | | <el-input v-model="pumpPanel.TotalFlow" style="width: 126.4px" readonly></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="总压力"> |
| | | <el-input v-model="pumpPanel.TotalPressure" style="width: 126.4px" readonly /> |
| | | </el-form-item> |
| | | <el-form-item label="总功率"> |
| | | <el-input v-model="pumpPanel.TotalPower" style="width: 126.4px" readonly /> |
| | | </el-form-item> |
| | | <el-form-item label="总效率"> |
| | | <el-input v-model="pumpPanel.TotalEfficiency" style="width: 126.4px" readonly /> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="flex flex-start"> |
| | | <el-form-item label="总千吨能耗"> |
| | | <el-input v-model="pumpPanel.WP" style="width: 126.4px" readonly /> |
| | | </el-form-item> |
| | | <el-form-item label="总单位能耗"> |
| | | <el-input v-model="pumpPanel.UWP" style="width: 126.4px" readonly /> |
| | | </el-form-item> |
| | | <el-form-item label="开泵台数"> |
| | | <el-input v-model="pumpPanel.UWP" style="width: 126.4px" readonly /> |
| | | </el-form-item> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | |
| | | <!-- 收缩图标 --> |
| | | <div :class="aside_open_close ? 'aside_open' : 'aside_close'" @click="asideChange"> |
| | | <!-- <div :class="aside_open_close ? 'aside_open' : 'aside_close'" @click="asideChange"> |
| | | <el-icon> |
| | | <ArrowUp v-if="aside_open_close" /> |
| | | <ArrowDown v-else /> |
| | | </el-icon> |
| | | </div> --> |
| | | </el-card> |
| | | <el-card class="mt8" shadow="hover"> |
| | | <div style="width: 100%; height: 100px" class="aside_main" :class="{ aside_main_show: !asideStatus }"> |
| | | <el-form :inline="true" :model="pumpPanel" label-width="120px"> |
| | | <div class="flex"> |
| | | <el-form-item label="总流量"> |
| | | <el-input v-model="pumpPanel.TotalFlow" style="width: 180px" readonly></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="总压力"> |
| | | <el-input v-model="pumpPanel.TotalPressure" style="width: 180px" readonly /> |
| | | </el-form-item> |
| | | <el-form-item label="总功率"> |
| | | <el-input v-model="pumpPanel.TotalPower" style="width: 180px" readonly /> |
| | | </el-form-item> |
| | | <el-form-item label="总效率"> |
| | | <el-input v-model="pumpPanel.TotalEfficiency" style="width: 180px" readonly /> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="flex"> |
| | | <el-form-item label="总千吨能耗"> |
| | | <el-input v-model="pumpPanel.WP" style="width: 180px" readonly /> |
| | | </el-form-item> |
| | | <el-form-item label="总单位能耗"> |
| | | <el-input v-model="pumpPanel.UWP" style="width: 180px" readonly /> |
| | | </el-form-item> |
| | | <el-form-item label="开泵台数"> |
| | | <el-input v-model="pumpPanel.UWP" style="width: 180px" readonly /> |
| | | </el-form-item> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | </el-card> |
| | | |
| | | <el-card class="flex-auto scroll-table-card" shadow="hover" style="margin-top: 8px"> |
| | | <el-table |
| | | v-loading="tableLoading" |
| | |
| | | <style scoped lang="scss"> |
| | | /* 侧边栏样式 */ |
| | | .aside_main { |
| | | height: 140px !important; |
| | | height: 80px !important; |
| | | transition: width 0.3s; |
| | | box-sizing: border-box; |
| | | // box-shadow: inset 0px 0px 1px #3d3d3d; |