年度参数模块修改按钮弹出窗口

src/views/SchedulingPage/AnnualParamPage.vue

@@ -73,7 +73,12 @@ const tableBodyClass = data => {   // 表体样式
 const searchKey = ref('') // 查询参数
 const currentPage = ref(1)    // 当前页码
 const pageSize = ref(30)    // 每页显示条数
+const reviseWindowOpen = ref(false)
+const reviseForm = ref({})
+
 function handleEdit(val) {
+  reviseForm.value = {...val}
+  reviseWindowOpen.value = true
 } // 处理修改
 
 function handleDelete(val) {
@@ -83,6 +88,11 @@ function handleAdd() {
 } // 处理新增
 function handleSearch() {
 } // 处理查询
+function onSubmit() {
+} // 提交修改
+function handleClose() {
+  reviseWindowOpen.value = false
+} // 关闭弹窗
 </script>
 
 <template>
@@ -136,6 +146,68 @@ function handleSearch() {
             class="pagination"/>
       </el-config-provider>
     </div>
+    <div class="revise-window-dialog">
+      <el-dialog
+          title="年度参数修改"
+          v-model="reviseWindowOpen"
+          width="700px"
+          :before-close="handleClose">
+       <template #default>
+         <el-row first>
+           <el-col :span="8" col-label>节能等级：</el-col>
+           <el-col :span="16" col-value>
+             <el-select placeholder="" size="small" style="width: 370px">
+
+             </el-select>
+           </el-col>
+         </el-row>
+         <el-row>
+           <el-col :span="8" col-label>年度：</el-col>
+           <el-col :span="16" col-value>
+             <el-select placeholder="" size="small" style="width: 370px">
+
+             </el-select>
+           </el-col>
+         </el-row>
+         <el-row>
+           <el-col :span="8" col-label>标准：</el-col>
+           <el-col :span="16" col-value>
+             <el-input v-model="reviseForm.standard" placeholder="" style="width: 370px"/>
+           </el-col>
+         </el-row>
+         <el-row>
+           <el-col :span="8"  col-label>度日数标定值：</el-col>
+           <el-col :span="16" col-value>
+             <el-input v-model="reviseForm.degreeStandard" style="width: 370px"/>
+           </el-col>
+         </el-row>
+         <el-row>
+           <el-col :span="8" col-label>室内温度：</el-col>
+           <el-col :span="16" col-value>
+             <el-input v-model="reviseForm.indoorTemperature" style="width: 370px"/>
+           </el-col>
+         </el-row>
+         <el-row>
+           <el-col :span="8" col-label>室外温度：</el-col>
+           <el-col :span="16" col-value>
+             <el-input v-model="reviseForm.outdoorTemperature" style="width: 370px"/>
+           </el-col>
+         </el-row>
+         <el-row>
+           <el-col :span="8" col-label>回水温度：</el-col>
+           <el-col :span="16" col-value>
+             <el-input v-model="reviseForm.backWaterTemperature" style="width: 370px"/>
+           </el-col>
+         </el-row>
+       </template>
+        <template #footer>
+          <div class="dialog-footer">
+            <el-button type="primary" @click="onSubmit">保存</el-button>
+            <el-button type="primary" @click="handleClose">关闭</el-button>
+          </div>
+        </template>
+      </el-dialog>
+    </div>
   </div>
 </template>
 
@@ -161,7 +233,8 @@ function handleSearch() {
   justify-content: end;
   align-items: center;
 }
-.add-search-btn{
+
+.add-search-btn {
   margin: 5px 10px 5px 0;
 }
 
@@ -190,10 +263,40 @@ function handleSearch() {
 ::v-deep .el-table__body tr:hover > td {
   background: linear-gradient(to top, rgb(0, 198, 255), rgb(255, 255, 255)) !important;
 }
-.pagination-wrapper{
+
+.pagination-wrapper {
   padding: 5px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
+.el-row[first]{
+  border-top: 1px solid #a6c3e9;
+}
+.el-row{
+  border-left: 1px solid #a6c3e9;
+  border-right: 1px solid #a6c3e9;
+  border-bottom: 1px solid #a6c3e9;
+  width: 100%;
+  height: 35px;
+  color: #124362;
+}
+.el-col[col-label]{
+  display: flex;
+  justify-content: end;
+  align-items: center;
+  border-right: 1px solid #a6c3e9;
+  background-color: #f2f6f8;
+  padding-right: 5px;
+}
+.el-col[col-value]{
+  display: flex;
+  justify-content: start;
+  align-items: center;
+  padding-left: 5px;
+}
+.el-input{
+  color: black;
+  height: 24px;
+}
 </style>
\ No newline at end of file

src/views/SchedulingPage/weatherManageSub/BindWindow.vue

@@ -64,12 +64,8 @@ const onSubmit = ()=>{
   <el-dialog
       v-model="props.open"
       width="1000px"
+      title="换热站绑定"
       @close="emit('onCancel')">
-    <template #header>
-      <div class="dialog-custom-header">
-        换热站绑定
-      </div>
-    </template>
     <template #default>
       <div class="dialog-content">
         <el-row style="border-top: #a6c3e9 1px solid" class="not-select-row">

src/views/SchedulingPage/weatherManageSub/ReviseWindow.vue

@@ -55,12 +55,8 @@ const switchingModel = computed({
   <el-dialog
       v-model="props.open"
       width="1000px"
+      title="自定义修改"
       @close="emit('onCancel')">
-    <template #header>
-      <div class="dialog-custom-header">
-        自定义修改
-      </div>
-    </template>
     <template #default>
       <div class="dialog-content">
         <el-row style="border-top: #a6c3e9 1px solid">