Browse Source

mis报表数据修正、app下载二维码

chenminghua 2 years ago
parent
commit
c4dd0d96c5

BIN
public/static/img/appdownload.png


+ 7 - 0
src/router/index.js

@@ -720,6 +720,13 @@ const routes = [{
 	component: () =>
 		import("../views/report/misimport.vue"),
 },
+//新能源运营对标表
+{
+	path: "/others/misreport",
+	name: "misreportt",
+	component: () =>
+		import("../views/report/misreport.vue"),
+},
 {
 	path: "/others/fdczzdy",
 	name: "fdczzdy",

+ 1 - 1
src/views/layout/Header.vue

@@ -30,7 +30,7 @@
           src="./static/img/appdownload.png"
           fit="fill"
         />
-        <span class="codeTip">宁夏新能源智能综合分析系统APP下载</span>
+        <span class="codeTip">宁夏新能源智能监盘APP下载</span>
       </el-popover>
     </div>
     <!-- <ul class="header-menu-dropdown" :class="{ dropdown: dropdown }">

+ 5 - 0
src/views/layout/Menu.vue

@@ -841,6 +841,11 @@ export default {
                   icon: "svg-matrix",
                   path: "/others/misimport",
                 },
+                {
+                  text: "运营对标报表",
+                  icon: "svg-matrix",
+                  path: "/others/misreport",
+                },
               ],
             },
             {

+ 135 - 23
src/views/report/misimport.vue

@@ -5,54 +5,162 @@
         <div class="query-item">
           <div class="lable">开始日期:</div>
           <div class="search-input">
-            <el-date-picker
-              v-model="datevalue"
-              type="daterange"
-              range-separator="至"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            >
+            <el-date-picker v-model="timeValue" type="daterange" range-separator="至" start-placeholder="开始日期"
+              end-placeholder="结束日期">
             </el-date-picker>
           </div>
         </div>
         <div class="query-actions">
-          <button class="btn green" @click="handleSearch">查询</button>
+          <button class="btn green" @click="getTableData">查询</button>
         </div>
         <div class="query-actions">
-          <el-upload
-            class="upload-demo"
-            action=""
-            :on-preview="handlePreview"
-            :on-remove="handleRemove"
-            :before-remove="beforeRemove"
-            :on-exceed="handleExceed"
-            :auto-upload="true"
-            :limit="1"
-            accept=".xls,.xlsx"
-            :file-list="fileList"
-          >
-            // accept 接受上传的文件类型
+          <el-upload class="upload-demo" ref="upload" action="http://10.155.32.4:8082/misreport/import/data"
+            :on-preview="handlePreview" :on-success="onSuccess" :on-remove="handleRemove" :before-remove="beforeRemove"
+            :on-exceed="handleExceed" :auto-upload="true" :limit="1" :before-upload="beforeAvatarUpload" @on-error="onError"
+            accept=".xls,.xlsx" :file-list="fileList" :show-file-list="false">
             <button class="btn green" @click="importExecl">数据导入</button>
           </el-upload>
         </div>
       </div>
+
+    </div>
+    <div>
+      <el-table height="80vh" ref="multipleTable" empty-text="暂无数据" :data="tableList" :header-cell-style="{
+        height: '40px',
+        background: 'rgba(83, 98, 104, 0.2)',
+        color: '#b2bdc0',
+        'border-bottom': '0px solid red',
+      }" :cell-style="{
+  height: '40px',
+  'border-bottom': 'solid 0px #242424',
+}" stripe style="width: 100%; margin-bottom: 10px">
+        <el-table-column prop="name" label="场站期次" align="center"></el-table-column>
+        <el-table-column label="风速" align="center">
+          <el-table-column prop="fs1" label="本期" width="120" align="center">
+          </el-table-column>
+          <el-table-column prop="fs2" label="同期" width="120" align="center">
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="发电量" align="center">
+          <el-table-column prop="fdl1" label="本期" width="120" align="center">
+          </el-table-column>
+          <el-table-column prop="fdl2" label="同期" width="120" align="center">
+          </el-table-column>
+
+        </el-table-column>
+
+        <el-table-column label="月发电量" align="center">
+          <el-table-column prop="ylj1" label="本期" width="120" align="center">
+          </el-table-column>
+          <el-table-column prop="ylj2" label="同期" width="120" align="center">
+          </el-table-column>
+        </el-table-column>
+
+        <el-table-column label="发电量(scada)" align="center">
+          <el-table-column prop="fdlscada1" label="本期" width="120" align="center">
+          </el-table-column>
+          <el-table-column prop="fdlscada2" label="同期" width="120" align="center">
+          </el-table-column>
+        </el-table-column>
+
+        <el-table-column label="上网电量" align="center">
+          <el-table-column prop="swdl1" label="本期" width="120" align="center">
+          </el-table-column>
+          <el-table-column prop="swdl2" label="同期" width="120" align="center">
+          </el-table-column>
+        </el-table-column>
+
+        <el-table-column label="综合厂用电量" align="center">
+          <el-table-column prop="zhcydl1" label="本期" width="120" align="center">
+          </el-table-column>
+          <el-table-column prop="zhcydl2" label="同期" width="120" align="center">
+          </el-table-column>
+        </el-table-column>
+
+        <el-table-column label="综合厂用电量(scada)" align="center">
+          <el-table-column prop="zhcydlscada1" label="本期" width="120" align="center">
+          </el-table-column>
+          <el-table-column prop="zhcydlscada2" label="同期" width="120" align="center">
+          </el-table-column>
+        </el-table-column>
+      </el-table>
     </div>
   </div>
 </template>
 
 <script>
+import BASE from "@tools/basicTool.js";
 export default {
   data() {
     return {
       fileList: [],
+      timeValue: [],
+      tableList: [],
     };
   },
-  created() {},
+  created() {
+    if (this.timeValue.length === 0) {
+      let date = new Date();
+      this.timeValue[0] = new Date(`${date.getFullYear()}-${date.getMonth()+1}-01`).getTime() ;
+      this.timeValue[1] = date.getTime();
+    }
+    this.getTableData()
+  },
   methods: {
-    handleSearch() {},
+    getTableData() {
+      let that = this;
+      that.API.requestData({
+        method: "GET",
+        subUrl: "misreport/caldata",
+        timeout: 60000,
+        data: {
+          st: new Date(this.timeValue[0]).formatDate("yyyy-MM-dd"),
+          et: new Date(this.timeValue[1]).formatDate("yyyy-MM-dd"),
+        },
+        success(res) {
+          if (res) {
+            let tableList = []
+            res.data.forEach(item => {
+              item.fdl1 = item.fdl1.toFixed(2),
+                item.fdl2 = item.fdl2.toFixed(2),
+                item.fdlscada1 = item.fdlscada1.toFixed(2),
+                item.fdlscada2 = item.fdlscada2.toFixed(2),
+                item.fs1 = item.fs1.toFixed(2),
+                item.fs2 = item.fs2.toFixed(2),
+                item.swdl1 = item.swdl1.toFixed(2),
+                item.swdl2 = item.swdl2.toFixed(2),
+                item.ylj1 = item.ylj1.toFixed(2),
+                item.ylj2 = item.ylj2.toFixed(2),
+                item.zhcydl1 = item.zhcydl1.toFixed(2),
+                item.zhcydl2 = item.zhcydl2.toFixed(2),
+                item.zhcydlscada1 = item.zhcydlscada1.toFixed(2),
+                item.zhcydlscada2 = item.zhcydlscada2.toFixed(2),
+                tableList.push(item)
+            })
+            that.tableList = tableList
+          }
+        }
+      })
+    },
+    beforeAvatarUpload() {
+      this.BASE.showLoading();
+    },
+    onSuccess() {
+      this.$message({
+        message: '上传成功',
+        type: 'success'
+      })
+      this.BASE.closeLoading();
+      this.$refs.upload.clearFiles();
+    },
     importExecl() {
 
     },
+    onError() {
+      this.$message.error('上传失败');
+      this.BASE.closeLoading();
+      this.$refs.upload.clearFiles();
+    },
     // 文件状态改变时的钩子,添加文件、上传成功和上传失败时都会被调用
     handleChange(file, fileList) {
       this.fileList.push(file.raw);
@@ -66,4 +174,8 @@ export default {
 </script>
 
 <style lang="less" scoped>
+.query-items {
+  display: flex;
+  flex-direction: row;
+}
 </style>

+ 33 - 0
src/views/report/misreport.vue

@@ -0,0 +1,33 @@
+<template>
+  <div style="height:100%" class="iframeBody">
+    <iframe :src="url" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe>
+  </div>
+    
+</template>
+
+<script>
+
+
+export default {
+  data(){
+    return {
+      url: "http://10.155.32.4:8000/bi47/showreport.do?resid=EBI$12$0C375MRT9PPPNMNCCTULLVQINXCND95K$1$2YRLMY7NQUVUAT9Y1WVPFQXYMKYFFUS5.rpttpl&id=admin&pw=admin&showmenu=false&showparams=true&calcnow=true --disable-features=SameSiteByDefaultCookies"
+    }
+  }
+}
+</script>
+  
+<style lang="less" scope>
+@titleGray: #9ca5a8;
+@rowGray: #606769;
+@darkBack: #536268;
+.knowledge-2 {
+  .el-select {
+    width: 200px;
+  }
+  .el-input {
+    width: 200px;
+  }
+}
+</style>
+