风机曲线增加新增功能

ipfcst/ipfcst-reportquery/src/main/frontend/views/parameterConfiguration/WindTurbinePowerCurve/index.vue

@@ -2,7 +2,7 @@
   <div class="chart-container">
     <div class="filter" >
       <div style="margin-left:-10px;">
-
+        <el-button size="small" type="primary"  @click="insertEvent"> 新增</el-button>
         <el-upload
           ref="upload"
           name="file"
@@ -12,9 +12,7 @@
           :show-file-list = false
         >
           <el-button size="small" type="primary" >读取excel</el-button>
-
         </el-upload>
-
       </div>
       <div class="toolbar" v-show="this.showToolBar"> <vxe-toolbar ref="fstToolBar" custom >
         <template v-slot:buttons>
@@ -74,6 +72,32 @@
         </el-tab-pane>
       </el-tabs>
     </div>
+
+    <el-dialog
+      title="风机曲线"
+      :visible.sync="dialogVisible"
+      width="30%"
+    >
+      <el-form ref="form" :model="form" label-width="120px" :rules="rules">
+        <el-form-item label="风速" prop="speed">
+          <el-input v-model="form.speed" style="width: 70%"></el-input>
+        </el-form-item>
+        <el-form-item label="功率" prop="power">
+          <el-input v-model="form.power" style="width: 70%"></el-input>
+        </el-form-item>
+        <el-form-item label="所属机组" prop="fanId">
+          <el-input v-model="form.fanId" style="width: 70%"></el-input>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="dialogVisible = false" style="color: #000000; border: 1px solid #000000">取 消</el-button>
+          <el-button type="primary" @click="saveRowEvent1"
+                     style="color: #000000; border: 1px solid #000000">确 定</el-button>
+        </span>
+      </template>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -105,7 +129,23 @@
         pageSize: 10,
         pageSizes: [10,50,100,{label: '大量数据', value: 1000},],
         currentPage: 1,
-        showToolBar:false,
+        showToolBar: false,
+        dialogVisible: false,
+        form: {},
+        rules: {
+          fanId: [
+            {required: true, message: '此处为必填项'},
+            {pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/, message: "填写数字", trigger: 'blur'},
+          ],
+          speed: [
+            {required: true, message: '此处为必填项'},
+            {pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/, message: "填写数字", trigger: 'blur'}
+          ],
+          power: [
+            {required: true, message: '此处为必填项'},
+            {pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/, message: "填写数字", trigger: 'blur'}
+          ],
+        },
       }
     },
     created () {
@@ -248,8 +288,21 @@
             })
           }
         })
-      }
-
+      },
+      insertEvent() {
+        this.form = {};
+        this.dialogVisible = true;
+      },
+      saveRowEvent1() {
+        this.$axios.post('/windTurbinePowerCurve', this.form).then(res => {
+          this.$message.success(res.message)
+          this.findBySomeConditions()
+        }).catch(e => {
+          this.$message.error(e)
+        })
+        this.dialogVisible = false;
+        this.findBySomeConditions()
+      },
     }
   }
 </script>