Skip to content

W
web-project
Commit 4c8a80c3 authored by 裴文涛's avatar 裴文涛
Browse files
Options

气象干预列表增加排序，固定表头，固定列功能

parent 4b0e0076
Show whitespace changes
Inline Side-by-side
Showing with 126 additions and 65 deletions
package.json
View file @ 4c8a80c3
...@@ -19,6 +19,7 @@ ...@@ -19,6 +19,7 @@
"jquery": "^3.7.1", "jquery": "^3.7.1",
"jsencrypt": "^3.3.2", "jsencrypt": "^3.3.2",
"less": "^4.2.0", "less": "^4.2.0",
"lodash": "^4.17.21",
"mitt": "^3.0.1", "mitt": "^3.0.1",
"mock": "^0.1.1", "mock": "^0.1.1",
"mockjs": "^1.1.0", "mockjs": "^1.1.0",
......
src/api/scheduling.js
View file @ 4c8a80c3
...@@ -75,7 +75,11 @@ export const alterWeatherMagData = params => { // 添加或修改气象干预数 ...@@ -75,7 +75,11 @@ export const alterWeatherMagData = params => { // 添加或修改气象干预数
} }
export const getTransfer = param => { // 获取换热站列表 export const getTransfer = param => { // 获取换热站列表
return http.post(`/api/cusweather/getTransferIds?id=${param}`, param) return http.post("/api/cusweather/getTransferIds",param)
}
export const deleteWeatherMagData = params => { // 删除气象干预数据
return http.post("/api/cusweather/Delete",params)
} }
export const getAnnualParam = () => { // 获取年度参数列表 export const getAnnualParam = () => { // 获取年度参数列表
......
src/views/PatrolPage/HisPatrolPage.vue
View file @ 4c8a80c3
...@@ -173,13 +173,16 @@ ...@@ -173,13 +173,16 @@
options.length = 0; options.length = 0;
PatrolInfo.Id.length = 0; PatrolInfo.Id.length = 0;
var result = store.getters.getEnterprise(); var result = store.getters.getEnterprise();
console.log("result的值：",result)
if (result) { if (result) {
result.forEach(element=>{ result.forEach(element=>{
if(element.enterpriseId=== enterpriseId.value){ if(element.enterpriseId=== enterpriseId.value){
if(element.enterpriseId === "9BCA54BC-8F27-4849-8D7D-50C5099E1949".toLowerCase()){ if(element.enterpriseId === "9BCA54BC-8F27-4849-8D7D-50C5099E1949".toLowerCase()){
element.serviceCenterList.forEach(center=>{ element.serviceCenterList.forEach(center=>{
let c = []; let c = [];
center.supplyList.forEach(supply => { center.supplyList.forEach(supply => {
// console.log("suppleList",supply)
let chi = []; let chi = [];
supply.transferList.forEach(unit => { supply.transferList.forEach(unit => {
chi.push({ value: unit.unitId, label: unit.unitName }); chi.push({ value: unit.unitId, label: unit.unitName });
......
src/views/SchedulingPage/AnnualParamPage.vue
View file @ 4c8a80c3
...@@ -3,6 +3,7 @@ import {computed, onMounted, reactive, ref} from "vue"; ...@@ -3,6 +3,7 @@ import {computed, onMounted, reactive, ref} from "vue";
import {zhCn} from "element-plus/es/locale/index"; import {zhCn} from "element-plus/es/locale/index";
import {getAnnualParam, alterAnnualParam, addAnnualParam, deleteAnnualParam} from '@/api/scheduling.js' import {getAnnualParam, alterAnnualParam, addAnnualParam, deleteAnnualParam} from '@/api/scheduling.js'
import {ElMessage, ElMessageBox} from "element-plus"; import {ElMessage, ElMessageBox} from "element-plus";
import {vFloatNumber} from "@/utils/directives.js";
const data = ref() const data = ref()
const dataBackup = ref([]) const dataBackup = ref([])
...@@ -217,31 +218,31 @@ function resetInput() { ...@@ -217,31 +218,31 @@ function resetInput() {
<el-row> <el-row>
<el-col :span="8" col-label>标准：</el-col> <el-col :span="8" col-label>标准：</el-col>
<el-col :span="16" col-value> <el-col :span="16" col-value>
<el-input v-model="reviseForm.standard" placeholder="" style="width: 370px"/> <el-input v-float-number v-model="reviseForm.standard" placeholder="" style="width: 370px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8" col-label>度日数标定值：</el-col> <el-col :span="8" col-label>度日数标定值：</el-col>
<el-col :span="16" col-value> <el-col :span="16" col-value>
<el-input v-model="reviseForm.degreeStandard" style="width: 370px"/> <el-input v-float-number v-model="reviseForm.degreeStandard" style="width: 370px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8" col-label>室内温度：</el-col> <el-col :span="8" col-label>室内温度：</el-col>
<el-col :span="16" col-value> <el-col :span="16" col-value>
<el-input v-model="reviseForm.indoorTemperature" style="width: 370px"/> <el-input v-float-number v-model="reviseForm.indoorTemperature" style="width: 370px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8" col-label>室外温度：</el-col> <el-col :span="8" col-label>室外温度：</el-col>
<el-col :span="16" col-value> <el-col :span="16" col-value>
<el-input v-model="reviseForm.outdoorTemperature" style="width: 370px"/> <el-input v-float-number v-model="reviseForm.outdoorTemperature" style="width: 370px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8" col-label>回水温度：</el-col> <el-col :span="8" col-label>回水温度：</el-col>
<el-col :span="16" col-value> <el-col :span="16" col-value>
<el-input v-model="reviseForm.backWaterTemperature" style="width: 370px"/> <el-input v-float-number v-model="reviseForm.backWaterTemperature" style="width: 370px"/>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
...@@ -282,31 +283,31 @@ function resetInput() { ...@@ -282,31 +283,31 @@ function resetInput() {
<el-row> <el-row>
<el-col :span="8" col-label>标准：</el-col> <el-col :span="8" col-label>标准：</el-col>
<el-col :span="16" col-value> <el-col :span="16" col-value>
<el-input v-model="addForm.standard" placeholder="" style="width: 370px"/> <el-input v-float-number v-model="addForm.standard" placeholder="" style="width: 370px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8" col-label>度日数标定值：</el-col> <el-col :span="8" col-label>度日数标定值：</el-col>
<el-col :span="16" col-value> <el-col :span="16" col-value>
<el-input v-model="addForm.degreeStandard" style="width: 370px"/> <el-input v-float-number v-model="addForm.degreeStandard" style="width: 370px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8" col-label>室内温度：</el-col> <el-col :span="8" col-label>室内温度：</el-col>
<el-col :span="16" col-value> <el-col :span="16" col-value>
<el-input v-model="addForm.indoorTemperature" style="width: 370px"/> <el-input v-float-number v-model="addForm.indoorTemperature" style="width: 370px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8" col-label>室外温度：</el-col> <el-col :span="8" col-label>室外温度：</el-col>
<el-col :span="16" col-value> <el-col :span="16" col-value>
<el-input v-model="addForm.outdoorTemperature" style="width: 370px"/> <el-input v-float-number v-model="addForm.outdoorTemperature" style="width: 370px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8" col-label>回水温度：</el-col> <el-col :span="8" col-label>回水温度：</el-col>
<el-col :span="16" col-value> <el-col :span="16" col-value>
<el-input v-model="addForm.backWaterTemperature" style="width: 370px"/> <el-input v-float-number v-model="addForm.backWaterTemperature" style="width: 370px"/>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
......
src/views/SchedulingPage/PhenomenonPage.vue
View file @ 4c8a80c3
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
import {onMounted, ref} from "vue"; import {onMounted, ref} from "vue";
import {ElMessage, ElMessageBox} from "element-plus"; import {ElMessage, ElMessageBox} from "element-plus";
import {getPhenomenon,addPhenomenon,alterPhenomenon,deletePhenomenon} from "@/api/scheduling.js" import {getPhenomenon,addPhenomenon,alterPhenomenon,deletePhenomenon} from "@/api/scheduling.js"
import {vFloatNumber} from "@/utils/directives.js";
const data = ref() const data = ref()
const dataBackup = ref([]) const dataBackup = ref([])
...@@ -175,7 +176,7 @@ function getData(){ ...@@ -175,7 +176,7 @@ function getData(){
<el-row> <el-row>
<el-col :span="8" col-label>对应温度：</el-col> <el-col :span="8" col-label>对应温度：</el-col>
<el-col :span="16" col-value> <el-col :span="16" col-value>
<el-input v-model="reviseForm.phenomenonTemp" placeholder="" style="width: 370px"/> <el-input v-float-number v-model="reviseForm.phenomenonTemp" placeholder="" style="width: 370px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
...@@ -221,7 +222,7 @@ function getData(){ ...@@ -221,7 +222,7 @@ function getData(){
<el-row> <el-row>
<el-col :span="8" col-label>对应温度：</el-col> <el-col :span="8" col-label>对应温度：</el-col>
<el-col :span="16" col-value> <el-col :span="16" col-value>
<el-input v-model="addForm.phenomenonTemp" placeholder="" style="width: 370px"/> <el-input v-float-number v-model="addForm.phenomenonTemp" placeholder="" style="width: 370px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
......
src/views/SchedulingPage/WeatherManagePage.vue
View file @ 4c8a80c3
...@@ -2,9 +2,12 @@ ...@@ -2,9 +2,12 @@
import {computed, isRef, onMounted, reactive, ref, shallowRef} from "vue"; import {computed, isRef, onMounted, reactive, ref, shallowRef} from "vue";
import ReviseWindow from "./weatherManageSub/ReviseWindow.vue"; import ReviseWindow from "./weatherManageSub/ReviseWindow.vue";
import BindWindow from "./weatherManageSub/BindWindow.vue"; import BindWindow from "./weatherManageSub/BindWindow.vue";
import {getWeatherMagData, alterWeatherMagData, getTransfer} from '@/api/scheduling.js' import {getWeatherMagData, alterWeatherMagData, deleteWeatherMagData} from '@/api/scheduling.js'
import AddWindow from "./weatherManageSub/AddWindow.vue"; import AddWindow from "./weatherManageSub/AddWindow.vue";
import {ElMessage} from "element-plus"; import {ElMessage, ElMessageBox} from "element-plus";
import store from "@/store/index.js";
import cloneDeep from 'lodash/cloneDeep'
import {vFloatNumber} from "@/utils/directives.js";
const data = ref() const data = ref()
const reviseWindowOpen = ref(false) // 修改按钮弹窗状态 const reviseWindowOpen = ref(false) // 修改按钮弹窗状态
...@@ -27,22 +30,30 @@ const bind = (row) => { // 绑定按钮单击事件 ...@@ -27,22 +30,30 @@ const bind = (row) => { // 绑定按钮单击事件
bindWindowOpen.value = true bindWindowOpen.value = true
} }
const confirmRevise = val => { // 修改弹窗确认按钮事件 const confirmRevise = val => { // 修改弹窗确认按钮事件
console.log('修改数据',val) let params = cloneDeep(val)
// alterWeatherMagData(val).then(res=>{ params.isAuto = params.isAuto === '自动模式' ? true : false
// getData() params.isFixed = params.isFixed === '固定模式' ? true : false
// reviseWindowOpen.value = false params.operateTime = getCurrentDateTime()
// ElMessage({ if(params.supplyId === ''){
// message: '修改成功.', delete params.supplyId // 移除supplyId属性
// type: 'success', // 该属性要么有一个正确的值，要么移除，否则报错
// }) }
// }).catch(err=>{ alterWeatherMagData(params).then(res=>{
// ElMessage({ getData()
// message: '修改失败.', reviseWindowOpen.value = false
// type: 'error', ElMessage({
// }) message: '修改成功.',
// }) type: 'success',
})
}).catch(err=>{
ElMessage({
message: '修改失败.',
type: 'error',
})
})
} }
const confirmBind = val => { const confirmBind = val => {
// 绑定，新增，和修改用的是同一个接口
bindWindowOpen.value = false bindWindowOpen.value = false
} }
onMounted(() => { onMounted(() => {
...@@ -51,7 +62,7 @@ onMounted(() => { ...@@ -51,7 +62,7 @@ onMounted(() => {
function getData() { function getData() {
getWeatherMagData().then(res => { getWeatherMagData().then(res => {
data.value = res.data data.value = res.data
console.log("所有数据",data.value) console.log("气象干预所有数据",data.value)
}) })
} }
function handleAddWinOpenClose(){ function handleAddWinOpenClose(){
...@@ -73,18 +84,28 @@ function handleAdd(val){ ...@@ -73,18 +84,28 @@ function handleAdd(val){
}) })
}) })
} // 新增数据提交 } // 新增数据提交
function getCurrentDateTime() {
const now = new Date();
const year = now.getFullYear();
const month = ('0' + (now.getMonth() + 1)).slice(-2); // 月份从0开始，所以加1
const day = ('0' + now.getDate()).slice(-2);
const hours = ('0' + now.getHours()).slice(-2);
const minutes = ('0' + now.getMinutes()).slice(-2);
const seconds = ('0' + now.getSeconds()).slice(-2);
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
} // 生成时间
</script> </script>
<template> <template>
<div class="weather-manage-container"> <div class="weather-manage-container">
<el-row> <el-row>
<el-col :span="15" left-col> <el-col :span="15" left-col>
<el-button type="primary" @click="addWindowOpen = true" class="add-btn">新增</el-button>
<el-button type="primary" @click="getData">查询</el-button>
</el-col> </el-col>
<el-col :span="9" right-col> <el-col :span="9" right-col>
<el-button type="primary" @click="addWindowOpen = true" class="add-btn">新增</el-button>
<!-- <el-button type="primary" class="add-btn">新增</el-button>-->
<el-button type="primary">查询</el-button>
</el-col> </el-col>
</el-row> </el-row>
<div class="table-wrapper"> <div class="table-wrapper">
...@@ -93,12 +114,13 @@ function handleAdd(val){ ...@@ -93,12 +114,13 @@ function handleAdd(val){
stripe stripe
border border
style="width: 100%" style="width: 100%"
height="900px"
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass"> :row-class-name="tableBodyClass">
<el-table-column prop="allowPagingId" label="编号" align="center" width="60"/> <el-table-column prop="allowPagingId" label="编号" align="center" width="60"/>
<el-table-column prop="customizeName" label="自定义名称" width="200"/> <el-table-column prop="customizeName" sortable label="自定义名称" width="200"/>
<el-table-column prop="supplyName" label="供热站名称" width="160"/> <el-table-column prop="supplyName" sortable label="供热站名称" width="160"/>
<el-table-column prop="operateTime" label="操作时间" width="210"/> <el-table-column prop="operateTime" sortable label="操作时间" width="210"/>
<el-table-column prop="isFixed" label="干预模式" width="120"/> <el-table-column prop="isFixed" label="干预模式" width="120"/>
<el-table-column prop="temperature" label="温度" width="60"/> <el-table-column prop="temperature" label="温度" width="60"/>
<el-table-column prop="wind" label="风速" width="60"/> <el-table-column prop="wind" label="风速" width="60"/>
...@@ -107,8 +129,8 @@ function handleAdd(val){ ...@@ -107,8 +129,8 @@ function handleAdd(val){
<el-table-column prop="diffPercentage" label="自动偏差百分比" width="170"/> <el-table-column prop="diffPercentage" label="自动偏差百分比" width="170"/>
<el-table-column prop="timeoutMin" label="验证时间" width="100"/> <el-table-column prop="timeoutMin" label="验证时间" width="100"/>
<el-table-column prop="tempRegulation" label="调节温度" width="100"/> <el-table-column prop="tempRegulation" label="调节温度" width="100"/>
<el-table-column prop="sort" sortable label="排序" width="60"/> <el-table-column prop="sort" label="排序" width="60"/>
<el-table-column label="操作" width="200"> <el-table-column label="操作" fixed="right" width="200">
<template #default="scope"> <template #default="scope">
<div class="table-operate-column"> <div class="table-operate-column">
<el-button link @click="revise(scope.row)" type="primary">修改</el-button> <el-button link @click="revise(scope.row)" type="primary">修改</el-button>
...@@ -163,6 +185,7 @@ function handleAdd(val){ ...@@ -163,6 +185,7 @@ function handleAdd(val){
.add-btn { .add-btn {
margin: 5px 0; margin: 5px 0;
margin-left: 10px;
} }
:deep(.table-header-class) { :deep(.table-header-class) {
......
src/views/SchedulingPage/WindManagePage.vue
View file @ 4c8a80c3
...@@ -2,6 +2,8 @@ ...@@ -2,6 +2,8 @@
import {onMounted, ref, watch, watchEffect} from "vue"; import {onMounted, ref, watch, watchEffect} from "vue";
import {ElMessage, ElMessageBox} from "element-plus"; import {ElMessage, ElMessageBox} from "element-plus";
import {getWind, deleteWind, alterWind, addWind} from "@/api/scheduling.js" import {getWind, deleteWind, alterWind, addWind} from "@/api/scheduling.js"
import store from "@/store/index.js";
import {vFloatNumber} from "@/utils/directives.js";
const data = ref() const data = ref()
const dataBackup = ref([]) const dataBackup = ref([])
...@@ -94,6 +96,7 @@ function onAddSubmit() { ...@@ -94,6 +96,7 @@ function onAddSubmit() {
onMounted(() => { onMounted(() => {
getData() getData()
}) })
function getData() { function getData() {
...@@ -165,7 +168,7 @@ function resetInput() { ...@@ -165,7 +168,7 @@ function resetInput() {
<el-row> <el-row>
<el-col :span="8" col-label>对应温度：</el-col> <el-col :span="8" col-label>对应温度：</el-col>
<el-col :span="16" col-value> <el-col :span="16" col-value>
<el-input v-model="reviseForm.windTemp" placeholder="" style="width: 370px"/> <el-input v-float-number v-model="reviseForm.windTemp" placeholder="" style="width: 370px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
...@@ -199,7 +202,7 @@ function resetInput() { ...@@ -199,7 +202,7 @@ function resetInput() {
<el-row> <el-row>
<el-col :span="8" col-label>对应温度：</el-col> <el-col :span="8" col-label>对应温度：</el-col>
<el-col :span="16" col-value> <el-col :span="16" col-value>
<el-input v-model="addForm.windTemp" placeholder="" style="width: 370px"/> <el-input v-float-number v-model="addForm.windTemp" placeholder="" style="width: 370px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
......
src/views/SchedulingPage/weatherManageSub/AddWindow.vue
View file @ 4c8a80c3
<script setup> <script setup>
import {ref, defineProps, defineEmits, computed, isRef, onMounted, watchEffect} from "vue"; import {ref, defineProps, defineEmits, computed, isRef, onMounted, watchEffect} from "vue";
import {vFloatNumber} from "@/utils/directives.js";
const props = defineProps({ const props = defineProps({
open: { open: {
...@@ -97,7 +98,7 @@ function resetInput(){ ...@@ -97,7 +98,7 @@ function resetInput(){
<el-row> <el-row>
<el-col :span="8" class="content-col-label">温度：</el-col> <el-col :span="8" class="content-col-label">温度：</el-col>
<el-col :span="16" class="content-col-value"> <el-col :span="16" class="content-col-value">
<el-input :input-style="inputStyle" v-model="addData.temperature" style="width: 510px"/> <el-input v-float-number :input-style="inputStyle" v-model="addData.temperature" style="width: 510px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
...@@ -125,17 +126,17 @@ function resetInput(){ ...@@ -125,17 +126,17 @@ function resetInput(){
</el-col> </el-col>
<el-col :span="5" class="content-col-label">自动偏差百分比（%d）：</el-col> <el-col :span="5" class="content-col-label">自动偏差百分比（%d）：</el-col>
<el-col :span="7" class="content-col-value"> <el-col :span="7" class="content-col-value">
<el-input :input-style="inputStyle" v-model="addData.diffPercentage" style="width: 240px"/> <el-input v-float-number :input-style="inputStyle" v-model="addData.diffPercentage" style="width: 240px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="5" class="content-col-label">自动验证循环时间（分钟）：</el-col> <el-col :span="5" class="content-col-label">自动验证循环时间（分钟）：</el-col>
<el-col :span="7" class="content-col-value"> <el-col :span="7" class="content-col-value">
<el-input :input-style="inputStyle" v-model="addData.timeoutMin" style="width: 240px"/> <el-input v-float-number :input-style="inputStyle" v-model="addData.timeoutMin" style="width: 240px"/>
</el-col> </el-col>
<el-col :span="5" class="content-col-label">自动调节温度（℃）：</el-col> <el-col :span="5" class="content-col-label">自动调节温度（℃）：</el-col>
<el-col :span="7" class="content-col-value"> <el-col :span="7" class="content-col-value">
<el-input :input-style="inputStyle" v-model="addData.tempRegulation" style="width: 240px"/> <el-input v-float-number :input-style="inputStyle" v-model="addData.tempRegulation" style="width: 240px"/>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
......
src/views/SchedulingPage/weatherManageSub/BindWindow.vue
View file @ 4c8a80c3
<script setup> <script setup>
import {ref, defineProps, defineEmits, watchEffect, onMounted} from "vue"; import {ref, defineProps, defineEmits, watchEffect, onMounted, reactive} from "vue";
import http from "@/api/http.js"; import {getTransfer} from "@/api/scheduling.js"
import store from "@/store/index.js"; import store from "@/store/index.js";
import cloneDeep from 'lodash/cloneDeep'
const props = defineProps({ const props = defineProps({
open: { open: {
...@@ -23,17 +24,15 @@ const emit = defineEmits({ ...@@ -23,17 +24,15 @@ const emit = defineEmits({
}) })
const bindData = ref({}) const bindData = ref({})
watchEffect(()=>{ watchEffect(()=>{
bindData.value = {...props.data} // bindData.value = {...props.data}
bindData.value = cloneDeep(props.data) // 深拷贝数据
}) })
const inputStyle = { const inputStyle = {
color: 'black', color: 'black',
height: '24px' height: '24px'
} }
const heatingStationList = ref([ const supplyData = ref([]) // 供热站数据
'行政区供热站', const transferData = ref([]) // 换热站数据
'二号供热站',
'三号供热站'
]) // 供热站列表
const heatExchangeList = ref([ const heatExchangeList = ref([
'兴安里', '兴安里',
'永明里', '永明里',
...@@ -55,12 +54,32 @@ const heatExchangeList = ref([ ...@@ -55,12 +54,32 @@ const heatExchangeList = ref([
'振业里' '振业里'
]) // 换热站列表 ]) // 换热站列表
onMounted(()=>{ onMounted(()=>{
// let result = store.getters.getEnterprise() getSupply()
// console.log("绑定窗口挂载",result) getTransferData()
}) })
const onSubmit = ()=>{ const onSubmit = ()=>{
emit('onConfirm', bindData) emit('onConfirm', bindData)
} // 点击保存按钮 } // 点击保存按钮
function getTransferData(){ // 获取绑定换热站数据，若在onMounted中无法调用失败（id可能为空）,则在opOpen时操作
let param = {
id: bindData.value.customizeId
}
getTransfer(param).then(res=>{
transferData.value = res.data
})
}
function getSupply(){
let result = store.getters.getEnterprise()
result[0].serviceCenterList.forEach(fir_item =>{
fir_item.supplyList.forEach(sec_item=>{
supplyData.value.push({
supplyId: sec_item.supplyId,
supplyName: sec_item.supplyName,
})
})
})
}
</script> </script>
<template> <template>
...@@ -80,8 +99,8 @@ const onSubmit = ()=>{ ...@@ -80,8 +99,8 @@ const onSubmit = ()=>{
<el-row class="not-select-row"> <el-row class="not-select-row">
<el-col :span="8" class="content-col-label">供热站：</el-col> <el-col :span="8" class="content-col-label">供热站：</el-col>
<el-col :span="16" class="content-col-value"> <el-col :span="16" class="content-col-value">
<el-select v-model="bindData.supplyName" placeholder="" style="width: 210px;" class="custom-select" size="small"> <el-select v-model="bindData.supplyId" placeholder="" style="width: 210px;" class="custom-select" size="small">
<el-option v-for="item in heatingStationList" :key="item" :label="item" :value="item"/> <el-option v-for="item in supplyData" :key="item.supplyId" :label="item.supplyName" :value="item.supplyId"/> <!--此处还需考虑-->
</el-select> </el-select>
</el-col> </el-col>
</el-row> </el-row>
......
src/views/SchedulingPage/weatherManageSub/ReviseWindow.vue
View file @ 4c8a80c3
<script setup> <script setup>
import {ref, defineProps, defineEmits, computed, isRef, onMounted, watchEffect} from "vue"; import {ref, defineProps, defineEmits, computed, isRef, onMounted, watchEffect} from "vue";
import cloneDeep from 'lodash/cloneDeep'
import {vFloatNumber} from "@/utils/directives.js";
const props = defineProps({ const props = defineProps({
open: { open: {
...@@ -21,7 +23,10 @@ const emit = defineEmits({ ...@@ -21,7 +23,10 @@ const emit = defineEmits({
}) })
const reviseData = ref({}) const reviseData = ref({})
watchEffect(()=>{ watchEffect(()=>{
reviseData.value = {...props.data} // reviseData.value = {...props.data}
props.data.transfers = []
props.data.updateNullFields = ''
reviseData.value = cloneDeep(props.data) // 深拷贝数据
}) })
const inputStyle = { const inputStyle = {
color: 'black', color: 'black',
...@@ -40,8 +45,8 @@ const switchingisAuto = computed({ ...@@ -40,8 +45,8 @@ const switchingisAuto = computed({
} }
}) // 可写计算属性,手动、自动模式切换 }) // 可写计算属性,手动、自动模式切换
function onOpen(){ function onOpen(){
console.log('props.data数据',props.data) // console.log('props.data数据',props.data)
console.log('修改弹窗接收到的数据',reviseData.value) // console.log('修改弹窗接收到的数据',reviseData.value)
} }
</script> </script>
...@@ -72,7 +77,7 @@ function onOpen(){ ...@@ -72,7 +77,7 @@ function onOpen(){
<el-row> <el-row>
<el-col :span="8" class="content-col-label">温度：</el-col> <el-col :span="8" class="content-col-label">温度：</el-col>
<el-col :span="16" class="content-col-value"> <el-col :span="16" class="content-col-value">
<el-input :input-style="inputStyle" v-model="reviseData.temperature" style="width: 510px"/> <el-input v-float-number :input-style="inputStyle" v-model="reviseData.temperature" style="width: 510px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
...@@ -100,17 +105,17 @@ function onOpen(){ ...@@ -100,17 +105,17 @@ function onOpen(){
</el-col> </el-col>
<el-col :span="5" class="content-col-label">自动偏差百分比（%d）：</el-col> <el-col :span="5" class="content-col-label">自动偏差百分比（%d）：</el-col>
<el-col :span="7" class="content-col-value"> <el-col :span="7" class="content-col-value">
<el-input :input-style="inputStyle" v-model="reviseData.diffPercentage" style="width: 240px"/> <el-input v-float-number :input-style="inputStyle" v-model="reviseData.diffPercentage" style="width: 240px"/>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="5" class="content-col-label">自动验证循环时间（分钟）：</el-col> <el-col :span="5" class="content-col-label">自动验证循环时间（分钟）：</el-col>
<el-col :span="7" class="content-col-value"> <el-col :span="7" class="content-col-value">
<el-input :input-style="inputStyle" v-model="reviseData.timeoutMin" style="width: 240px"/> <el-input v-float-number :input-style="inputStyle" v-model="reviseData.timeoutMin" style="width: 240px"/>
</el-col> </el-col>
<el-col :span="5" class="content-col-label">自动调节温度（℃）：</el-col> <el-col :span="5" class="content-col-label">自动调节温度（℃）：</el-col>
<el-col :span="7" class="content-col-value"> <el-col :span="7" class="content-col-value">
<el-input :input-style="inputStyle" v-model="reviseData.tempRegulation" style="width: 240px"/> <el-input v-float-number :input-style="inputStyle" v-model="reviseData.tempRegulation" style="width: 240px"/>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment