电能质量评分配置

.gitignore

@@ -1,6 +1,7 @@
 .DS_Store
 node_modules/
 dist/
+.history
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*

src/styles/index.scss

@@ -182,6 +182,13 @@ div:focus {
     overflow-y: auto;
 }
 
+.basicInfo,
+.powerScore {
+    .el-form-item {
+        margin-left: 0
+    }
+}
+
 .siteManage-main {
     padding: 20px;
     .el-form-item.basic-info-page {

src/views/siteManage/basicInfo/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="siteManage-main basic-info-page" style="padding:20px 0">
+  <div class="siteManage-main basic-info-page">
     <el-form
       :model="ruleForm"
       :rules="rules"

src/views/siteManage/index.vue

@@ -44,9 +44,9 @@
         <el-tab-pane label="摄像头" name="five">
           <camera></camera>
         </el-tab-pane>
-        <el-tab-pane label="电能质量评分配置" name="six"
-          >电能质量评分配置</el-tab-pane
-        >
+        <el-tab-pane label="电能质量评分配置" name="six">
+          <power-Score></power-Score>
+          </el-tab-pane>
       </el-tabs>
     </div>
     <!-- 站点主题end -->
@@ -58,12 +58,13 @@ import basicInfo from "./basicInfo";
 import WatchDog from "./watchDog";
 import variableList from "./variableList";
 import camera from "./camera";
+import PowerScore from "./powerScore";
 
 export default {
-  components: { basicInfo, WatchDog, variableList,camera },
+  components: { basicInfo, WatchDog, variableList,camera,PowerScore},
   data() {
     return {
-      activeName: "five",
+      activeName: "six",
       filterText: "",
       data: [
         {

src/views/siteManage/powerScore/index.vue

@@ -1,5 +1,147 @@
 <template>
-  <div style="padding:30px;">
-   电能质量评分
+  <div class="siteManage-main powerScore">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      ref="ruleForm"
+      label-width="100px"
+      class="demo-ruleForm"
+    >
+          <div class="grid-content bg-purple">
+            <div class="el-form-item blockTitle">
+               电能质量各要素权重
+             </div>
+            <div></div>
+            <el-form-item label="功率因数(100%)" prop="name" label-width="130px">
+              <el-input v-model="ruleForm.name"></el-input>
+            </el-form-item>
+
+            <el-form-item label="电压合格率(%)" prop="name" label-width="130px">
+              <el-input v-model="ruleForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="负载率(%)" prop="name" label-width="130px">
+              <el-input v-model="ruleForm.name"></el-input>
+            </el-form-item>
+
+            
+
+            <el-form-item label="电流平衡度(%)：" prop="name" label-width="130px">
+              <el-input v-model="ruleForm.name"></el-input>
+            </el-form-item>
+           
+            <el-form-item label="电压平衡度(%)：" prop="name" label-width="130px">
+              <el-input v-model="ruleForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="谐波畸变率(%)" prop="name" label-width="130px">
+              <el-input v-model="ruleForm.name"></el-input>
+            </el-form-item>
+     
+             <div class="el-form-item blockTitle">
+               功率因素
+             </div>
+            <el-form-item label="所属台区" prop="name" label-width="130px">
+              <el-input v-model="ruleForm.name"></el-input>
+               <div class="remarksTxt">0.000404吨标准煤/千瓦时</div>
+            </el-form-item>
+            
+
+            <el-form-item>
+              <el-button type="primary" @click="submitForm('ruleForm')"
+                >保存</el-button>
+            
+            </el-form-item>
+
+          </div>
+       
+    </el-form>
   </div>
 </template>
+
+<script>
+export default {
+  name: "PowerScore",
+  data() {
+    return {
+      dialogImageUrl: "",
+      dialogVisible: false,
+      disabled: false,
+      ruleForm: {
+        name: "",
+        region: "",
+        date1: "",
+        date2: "",
+        delivery: false,
+        type: [],
+        resource: "",
+        desc: "",
+        planStartTime: "",
+        planEndTime: "",
+      },
+      rules: {
+        planStartDate: [
+          { required: true, message: "请选择开始日期", trigger: "change" },
+        ],
+        planEndDate: [
+          { required: true, message: "请输入结束日期", trigger: "change" },
+        ],
+        name: [
+          { required: true, message: "请输入站点名称", trigger: "blur" },
+          { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
+        ],
+        region: [
+          { required: true, message: "请选择活动区域", trigger: "change" },
+        ],
+        date1: [
+          {
+            type: "date",
+            required: true,
+            message: "请选择日期",
+            trigger: "change",
+          },
+        ],
+        date2: [
+          {
+            type: "date",
+            required: true,
+            message: "请选择时间",
+            trigger: "change",
+          },
+        ],
+        type: [
+          {
+            type: "array",
+            required: true,
+            message: "请至少选择一个活动性质",
+            trigger: "change",
+          },
+        ],
+        resource: [
+          { required: true, message: "请选择活动资源", trigger: "change" },
+        ],
+        desc: [{ required: true, message: "请填写活动形式", trigger: "blur" }],
+      },
+    };
+  },
+  methods: {
+    handleRemove(file) {
+      console.log(file);
+    },
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+    submitForm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          alert("submit!");
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+</style>

src/views/siteManage/variableList/index.vue

@@ -14,9 +14,9 @@
         </div>
 
         <div style="margin-top: 20px">
-          <el-button @click="select=1" :type="[select==1?'primary':'']">模拟量</el-button>
-          <el-button @click="select=2"  :type="[select==2?'primary':'']">状态量</el-button>
-          <el-button @click="select=3" :type="[select==3?'primary':'']">参数量</el-button>
+          <el-button @click="select=1" :type="select==1 ? 'primary' : ''" >模拟量</el-button>
+          <el-button @click="select=2"  :type="select==2 ? 'primary' : ''">状态量</el-button>
+          <el-button @click="select=3" :type="select==3 ? 'primary' : ''">参数量</el-button>
           <el-input
             placeholder="搜索变量或编码"
             style="width: 200px"