Merge remote-tracking branch 'origin/master'

src/router/index.js

@@ -3,6 +3,7 @@ import VueRouter from 'vue-router'
 import Login from '../views/Login/Login.vue'
 import Table1 from '../views/Articles/index.vue'
 import Fdjh from '../views/fdjh/fdjh.vue'
+import ssdd from '../views/ssdd/ssdd.vue'
 import Gznfh from '@/views/ydjhdjk/gznfh/index.vue'
 import Llx from '@/views/ystjjk/llx/index.vue'
 import Dm from '@/views/ystjjk/dm/index.vue'
@@ -12,11 +13,13 @@ import Ptfh from '@/views/sjcjjk/ptfh/index.vue'
 import Gaoznfh from '@/views/sjcjjk/gznfh/index.vue'
 import Fdjhhd from '@/views/fdjh/hd/index.vue'
 import Fdjhgf from '@/views/fdjh/gf/index.vue'
+import rqddjh from '@/views/rqdd/rqddjh.vue'
 import Fdjhcn from '@/views/fdjh/cn/index.vue'
 import Jkcx from '@/views/xtrz/jkcx/index.vue'
 import Xtpz from '../views/xtpz/xtpz.vue'
 import Rqdd from '../views/rqdd/rqdd.vue'
 import fdjhnav from '../views/fdjh/LeftNav.vue'
+import ssddnav from '../views/ssdd/LeftNav.vue'
 
 Vue.use(VueRouter)
 
@@ -42,6 +45,11 @@ const routes = [
         component: Fdjh
     },
     {
+        path: '/ssdd',
+        name: '实时调度',
+        component: ssdd
+    },
+    {
         path: '/fdjhhd',
         name: '火电厂',
         component: Fdjhhd
@@ -52,6 +60,11 @@ const routes = [
         component: Fdjhgf
     },
     {
+        path: '/rqddjh',
+        name: '日前调度计划',
+        component: rqddjh
+    },
+    {
         path: '/fdjhcn',
         name: '储能',
         component: Fdjhcn
@@ -117,6 +130,11 @@ const routes = [
         name: '发电计划菜单',
         component: fdjhnav
     },
+    {
+        path: '/ssddnav',
+        name: '实时调度菜单',
+        component: ssddnav
+    },
 
 ]
 

src/views/Articles/index.vue

@@ -1,188 +1,187 @@
 <template>
-  <div class="table-wrapper">
-    <div class="table-box">
-      <div class="title"
-           style="font-family: AliMaMa;font-size: 30px;font-weight: 1000;text-align: left;height: 40px">
-        <span style="position: absolute;top:-3px;left: 70px">风电</span>
-      </div>
-      <el-row :gutter="20">
-        <el-form>
-          <el-col>
-            <el-form-item
-                label="场站名称:"
-                label-width="100px"
-                style="font-weight: 700"
+    <div class="table-wrapper">
+        <div class="table-box">
+            <div class="title"
+                 style="font-family: AliMaMa;font-size: 30px;font-weight: 1000;text-align: left;height: 40px">
+                <span style="position: absolute;top:-3px;left: 70px">风电</span>
+            </div>
+            <el-row :gutter="20">
+                <el-form>
+                    <el-col>
+                        <el-form-item
+                                label="场站名称:"
+                                label-width="100px"
+                                style="font-weight: 700"
+                        >
+                            <el-select v-model="form.taskNumber" placeholder="请选择" size="mini">
+                                <el-option
+                                        v-for="item in options0"
+                                        :key="item.value"
+                                        :label="item.label"
+                                        :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col>
+                        <el-form-item
+                                label="装机容量(MVA):"
+                                label-width="150px"
+                                style="font-weight: 700"
+                        >
+                            <el-select v-model="form.taskNumber" placeholder="请选择" size="mini">
+                                <el-option
+                                        v-for="item in options2"
+                                        :key="item.value"
+                                        :label="item.label"
+                                        :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col>
+                        <el-form-item
+                                label="是否受控:"
+                                label-width="100px"
+                                style="font-weight: 700"
+                        >
+                            <el-select v-model="form.taskNumber" placeholder="请选择" size="mini">
+                                <el-option
+                                        v-for="item in options"
+                                        :key="item.value"
+                                        :label="item.label"
+                                        :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col>
+                        <el-form-item
+                                label="下发状态:"
+                                label-width="100px"
+                                style="font-weight: 700"
+                        >
+                            <el-select v-model="form.taskNumber" placeholder="请选择" size="mini">
+                                <el-option
+                                        v-for="item in options1"
+                                        :key="item.value"
+                                        :label="item.label"
+                                        :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col>
+                        <el-form-item
+                                label="日期:"
+                                label-width="60px"
+                                style="font-weight: 700"
+                        >
+                            <el-date-picker
+                                    v-model="form.date"
+                                    placeholder="选择日期"
+                                    style="width: 150px"
+                                    type="date">
+                            </el-date-picker>
+                        </el-form-item>
+                    </el-col>
+                </el-form>
+            </el-row>
+            <el-table
+                    :cell-style="{border:0,color:'#fff'}"
+                    :data="tableData"
+                    :header-cell-style="{color:'#fff'}"
+                    :row-style="{backgroundColor:'rgb(4,66,115,0.3)'}"
+                    size="mini"
+                    style="width: 1429px;font-size: 17px;background: none"
             >
-              <el-select v-model="form.taskNumber" placeholder="请选择" size="mini">
-                <el-option
-                    v-for="item in options0"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col>
-            <el-form-item
-                label="装机容量(MVA):"
-                label-width="150px"
-                style="font-weight: 700"
-            >
-              <el-select v-model="form.taskNumber" placeholder="请选择" size="mini">
-                <el-option
-                    v-for="item in options2"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col>
-            <el-form-item
-                label="是否受控:"
-                label-width="100px"
-                style="font-weight: 700"
-            >
-              <el-select v-model="form.taskNumber" placeholder="请选择" size="mini">
-                <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col>
-            <el-form-item
-                label="下发状态:"
-                label-width="100px"
-                style="font-weight: 700"
-            >
-              <el-select v-model="form.taskNumber" placeholder="请选择" size="mini">
-                <el-option
-                    v-for="item in options1"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col>
-            <el-form-item
-                label="日期:"
-                label-width="60px"
-                style="font-weight: 700"
-            >
-              <el-date-picker
-                  v-model="form.date"
-                  placeholder="选择日期"
-                  style="width: 150px"
-                  type="date">
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-        </el-form>
-      </el-row>
-      <el-table
-          :cell-style="{border:0,color:'#fff'}"
-          :data="tableData"
-          :header-cell-style="{color:'#fff'}"
-          :row-style="{backgroundColor:'rgb(4,66,115,0.3)'}"
-          size="mini"
-          style="width: 1429px;font-size: 17px;background: none"
-      >
-        <el-table-column
-            align="center"
-            label="场站名称"
-            prop="stationName"
-            width="270px"
-        >
-        </el-table-column>
-        <el-table-column
-            align="center"
-            label="是否受控"
-            prop="control"
-        >
-        </el-table-column>
-        <el-table-column
-            align="center"
-            label="装机容量(MVA)"
-            prop="capacity">
-        </el-table-column>
-        <el-table-column
-            align="center"
-            label="虚拟电厂计划值"
-            prop="capacity">
-        </el-table-column>
-        <el-table-column
-            align="center"
-            label="现货系统计划值"
-            prop="capacity">
-        </el-table-column>
-        <el-table-column
-            align="center"
-            label="计划时刻"
-            prop="time">
-        </el-table-column>
-        <el-table-column
-            align="center"
-            label="执行时刻"
-            prop="time">
-        </el-table-column>
-        <el-table-column
-            align="center"
-            label="下发状态"
-            prop="status">
-        </el-table-column>
-        <el-table-column
-            align="center"
-            label="下发时间"
-            prop="date">
-        </el-table-column>
-      </el-table>
+                <el-table-column
+                        align="center"
+                        label="场站名称"
+                        prop="stationName"
+                        width="230px"
+                >
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        label="是否受控"
+                        prop="control"
+                >
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        label="装机容量(MVA)"
+                        prop="capacity">
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        label="虚拟电厂计划值"
+                        prop="capacity">
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        label="现货系统计划值"
+                        prop="capacity">
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        label="计划时刻"
+                        prop="time">
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        label="执行时刻"
+                        prop="time">
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        label="下发状态"
+                        prop="status">
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        label="下发时间"
+                        prop="date">
+                </el-table-column>
+            </el-table>
+        </div>
     </div>
-  </div>
 </template>
 
 <script>
 
 export default {
-  name: 'Article-Index',
-  data() {
-    return {
-      form: {
-        taskNumber: '',
-        date: '',
-        current: 1,
-        size: 10
-      },
-      options: [],
-      options0: [],
-      options1: [],
-      options2: [],
-      tableData: []
+    name: 'Article-Index',
+    data() {
+        return {
+            form: {
+                taskNumber: '',
+                date: '',
+                current: 1,
+                size: 10
+            },
+            options: [],
+            options0: [],
+            options1: [],
+            options2: [],
+            tableData: []
+        }
+    },
+    methods: {},
+    mounted() {
+        const tableDataList = require('../tabledata.json');
+        this.tableData = tableDataList.windDataList
+        this.options = tableDataList.yesOrNoOption
+        this.options1 = tableDataList.status
+        this.options2 = tableDataList.capacity
+        this.options0 = tableDataList.stationOption
     }
-  },
-  methods: {},
-  mounted() {
-    const tableDataList = require('../tabledata.json');
-    this.tableData = tableDataList.windDataList
-    this.options = tableDataList.yesOrNoOption
-    this.options1 = tableDataList.status
-    this.options2 = tableDataList.capacity
-    this.options0 = tableDataList.stationOption
-  }
 }
 </script>
 
 <style lang="less" scoped>
 
 
-
 body {
   border: 0;
   background-image: url(./img/bgc.png)
@@ -257,7 +256,6 @@ body {
   }
 
 
-
   /deep/ .el-icon-arrow-up {
     transform: rotateZ(0deg);
 

src/views/fdjh/cn/index.vue

@@ -99,7 +99,7 @@
                         align="center"
                         label="场站名称"
                         prop="stationName"
-                        width="270px"
+                        width="230px"
                 >
                 </el-table-column>
                 <el-table-column

src/views/fdjh/gf/index.vue

@@ -99,7 +99,7 @@
                         align="center"
                         label="场站名称"
                         prop="stationName"
-                        width="270px"
+                        width="230px"
                 >
                 </el-table-column>
                 <el-table-column

src/views/fdjh/hd/index.vue

@@ -99,7 +99,7 @@
                         align="center"
                         label="场站名称"
                         prop="stationName"
-                        width="270px"
+                        width="230px"
                 >
                 </el-table-column>
                 <el-table-column

src/views/rqdd/rqdd.vue

@@ -1,170 +1,172 @@
 <template>
-  <div class="container">
-    <div class="head">
-      <div style="position: absolute;left: 0">
-        <img src="./img/Slice 311.png" alt="">
-      </div>
-      <div style="position: absolute;right: 377px;top: 18px">
-        <img src="./img/返回首页.png" alt="">
-      </div>
-      <div class="topButton1">
-        <div class="buttonWord">
-          <span>离线运行</span>
+    <div class="app-container">
+        <div class="head">
+            <div class="slice">
+                <img alt="" src="./img/Slice 311.png">
+            </div>
+            <div style="position: absolute;right: 377px;top: 18px">
+                <img alt="" src="./img/返回首页.png">
+            </div>
+            <div class="topButton1">
+                <div class="buttonWord">
+                    <span>离线运行</span>
+                </div>
+            </div>
+            <div class="topButton2">
+                <div class="buttonWord">
+                    <span>发电端计划监控</span>
+                </div>
+            </div>
         </div>
-      </div>
-      <div class="topButton2">
-        <div class="buttonWord">
-          <span>发电端计划监控</span>
+        <div class="zs1">
+            <div class="littleHeadWord">
+                <span>信息总览</span>
+            </div>
+        </div>
+        <div class="zs2">
+            <div class="littleHeadWord">
+                <span>告警信息</span>
+            </div>
+        </div>
+        <div class="ys1">
+            <div class="littleHeadWord">
+                <span>联络线信息</span>
+            </div>
+        </div>
+        <div class="yx1">
+            <div class="littleHeadWord">
+                <span>断面信息</span>
+            </div>
+        </div>
+        <div class="zx">
+            <div class="littleHeadWord">
+                <span>日前调度计划</span>
+            </div>
+            <iframe scrolling="no" src="/#/rqddjh" style="width: 100%;height: 100%;border: 0;">
+            </iframe>
         </div>
-      </div>
-    </div>
-    <div class="zs1">
-      <div class="littleHeadWord">
-        <span>信息总览</span>
-      </div>
-    </div>
-    <div class="zs2">
-      <div class="littleHeadWord">
-        <span>告警信息</span>
-      </div>
-    </div>
-    <div class="ys1">
-      <div class="littleHeadWord">
-        <span>联络线信息</span>
-      </div>
-    </div>
-    <div class="yx1">
-      <div class="littleHeadWord">
-        <span>断面信息</span>
-      </div>
-    </div>
-    <div class="zx">
-      <div class="littleHeadWord">
-        <span>日前调度计划</span>
-      </div>
     </div>
-  </div>
 </template>
 
 <script>
 export default {
-  name: 'rqdd-name'
+    name: 'rqdd-name'
 }
 </script>
 
-<style scoped lang="css">
-
-
-.container {
-  width: 1920px;
-  height: 1080px;
-  background: url(./img/beijing.png) no-repeat
+<style lang="css" scoped>
+.slice {
+    width: 300px;
+    position: absolute;
+    left: 30px;
 }
 
 .head {
-  width: 1920px;
-  height: 85px;
-  position: absolute;
-  top: 0;
-  background: url(./img/装饰.png) no-repeat
+    width: 100%;
+    height: calc(8vh);
+    background: url(./img/装饰.png) no-repeat;
+    background-size: 100% 100%;
 }
 
 .zs1 {
-  width: 629px;
-  height: 312px;
-  position: absolute;
-  top: 87px;
-  left: 2px;
-  background: url(./img/1.png) no-repeat
+    width: 50%;
+    height: calc(70vh);
+    position: absolute;
+    top: 87px;
+    left: 2px;
+    background: url(./img/1.png) no-repeat;
+
 
 }
 
 .topButton1 {
-  background: url(./img/4灰大素材.png);
-  height: 42px;
-  width: 179px;
-  position: absolute;
-  top: 16px;
-  left: 379px
+    background: url(./img/4灰大素材.png);
+    height: 42px;
+    width: 179px;
+    position: absolute;
+    top: 16px;
+    left: 379px
 }
 
 .topButton2 {
-  background: url(./img/色相饱和度4.png);
-  height: 42px;
-  width: 182px;
-  position: absolute;
-  top: 16px;
-  left: 608px
+    background: url(./img/色相饱和度4.png);
+    height: 42px;
+    width: 182px;
+    position: absolute;
+    top: 16px;
+    left: 608px
 }
-.topButton1 .buttonWord{
-  position: absolute;
-  top: 9px;
-  left: 45px;
-  color: white;
-  font-size: 19px;
-  font-weight: 1000;
-  font-family: AliMaMa;
+
+.topButton1 .buttonWord {
+    position: absolute;
+    top: 9px;
+    left: 45px;
+    color: white;
+    font-size: 19px;
+    font-weight: 1000;
+    font-family: AliMaMa;
 }
 
 
-.topButton2 .buttonWord{
-  position: absolute;
-  top: 9px;
-  left: 25px;
-  color: white;
-  font-size: 19px;
-  font-weight: 1000;
-  font-family: AliMaMa;
+.topButton2 .buttonWord {
+    position: absolute;
+    top: 9px;
+    left: 25px;
+    color: white;
+    font-size: 19px;
+    font-weight: 1000;
+    font-family: AliMaMa;
 }
+
 .zs2 {
-  width: 629px;
-  height: 312px;
-  position: absolute;
-  top: 87px;
-  left: 629px;
-  background: url(./img/1.png) no-repeat
+    width: 50%;
+    height: calc(80vh);
+    position: absolute;
+    top: 87px;
+    left: 629px;
+    background: url(./img/1.png) no-repeat
 
 }
 
 .ys1 {
-  width: 629px;
-  height: 474px;
-  position: absolute;
-  top: 87px;
-  left: 1260px;
-  background: url(./img/1.j.png) no-repeat
+    width: 29%;
+    height: calc(80vh);
+    position: absolute;
+    top: 87px;
+    left: 1260px;
+    background: url(./img/1.j.png) no-repeat
 
 }
 
 .yx1 {
-  width: 629px;
-  height: 474px;
-  position: absolute;
-  top: 561px;
-  left: 1260px;
-  background: url(./img/1.j.png) no-repeat
+    width: 29%;
+    height: calc(38vh);
+    position: absolute;
+    top: 561px;
+    left: 1260px;
+    background: url(./img/1.j.png) no-repeat
 }
 
 .zx {
-  width: 1254px;
-  height: 636px;
-  position: absolute;
-  top: 399px;
-  left: 2px;
-  background: url(./img/2.png) no-repeat
+    width: 69.5%;
+    height: calc(55vh);
+    position: absolute;
+    top: 399px;
+    left: 2px;
+    background: url(./img/2.png) no-repeat
 }
 
 .littleHeadWord {
-  text-align: left;
-  position: absolute;
-  left: 70px;
+    text-align: left;
+    position: absolute;
+    left: 70px;
 
 }
 
 .littleHeadWord span {
-  color: white;
-  font-size: 19px;
-  font-weight: 1000;
-  font-family: AliMaMa;
+    color: white;
+    font-size: 19px;
+    font-weight: 1000;
+    font-family: AliMaMa;
 }
 </style>

src/views/rqdd/rqddjh.vue

@@ -0,0 +1,188 @@
+<template>
+    <div class="table-wrapper">
+        <div class="table-box">
+            <el-table
+                    :cell-style="{border:0,color:'#fff'}"
+                    :data="tableData"
+                    :header-cell-style="{color:'#fff'}"
+                    :row-style="{backgroundColor:'rgb(4,66,115,0.3)'}"
+                    size="mini"
+                    style="width: 1429px;font-size: 17px;background: none"
+            >
+                <el-table-column
+                        align="center"
+                        label="场站名称"
+                        prop="stationName"
+                        width="230px"
+                >
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        label="类别"
+                        prop="type"
+                >
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        label="计划值"
+                        prop="plan">
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        label="计算时刻"
+                        prop="time">
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        label="是否下发"
+                        prop="status">
+                </el-table-column>
+            </el-table>
+        </div>
+    </div>
+</template>
+
+<script>
+
+export default {
+    name: 'Article-Index',
+    data() {
+        return {
+            form: {
+                taskNumber: '',
+                date: '',
+                current: 1,
+                size: 10
+            },
+            tableData: ''
+        }
+    },
+    methods: {},
+    mounted() {
+        const tableDataList = require('../tabledata.json');
+        this.tableData = tableDataList.rqddjhList
+    }
+}
+</script>
+
+<style lang="less" scoped>
+
+
+body {
+  border: 0;
+  background-image: url(../Articles/img/bgc.png)
+}
+
+.table-wrapper {
+  width: 97%;
+  height: 100%;
+  padding-left: 2%;
+
+  .table-box {
+    min-height: 300px;
+    background-size: cover;
+    margin-top: 50px;
+  }
+
+  .title {
+    margin-bottom: 20px;
+    margin-left: 60px;
+    font-size: 18px;
+    color: #fff;
+  }
+
+  /deep/ .el-form-item__label {
+    color: #fff;
+    font-size: 17px;
+  }
+
+  /deep/ .el-input__inner {
+    background-color: rgba(14, 73, 131);
+    border: 1px solid rgb(64, 153, 255);
+    height: 34px;
+    font-size: 17px;
+  }
+
+  /deep/ .el-table__header {
+    background: url(../Articles/img/bg1.png);
+  }
+
+  /deep/ .el-table--enable-row-hover .el-table__body tr:hover > td {
+    background-color: rgb(103, 118, 49) !important
+  }
+
+  /deep/ .el-col {
+    padding: 0;
+    display: inline-block;
+    position: relative;
+  }
+
+  /deep/ .el-col:nth-child(1) {
+    width: 19%;
+  }
+
+  /deep/ .el-col:nth-child(2) {
+    width: 22%;
+  }
+
+  /deep/ .el-col:nth-child(3) {
+    width: 19%;
+  }
+
+  /deep/ .el-col:nth-child(4) {
+    width: 19%;
+  }
+
+  /deep/ .el-col:nth-child(5) {
+    width: 11%;
+  }
+
+
+  /deep/ .el-input__inner {
+    width: 100%;
+  }
+
+
+  /deep/ .el-icon-arrow-up {
+    transform: rotateZ(0deg);
+
+  }
+
+
+  /deep/ .el-icon-arrow-up:before {
+    content: url(../Articles/img/xiala2.png);
+  }
+
+  /deep/ .el-input__prefix {
+    left: 75%;
+    padding-top: 3px;
+    width: 10%;
+  }
+
+  /deep/ .el-icon-date:before {
+    content: url(../Articles/img/riqi.png);
+  }
+
+  /deep/ .el-table__header tr {
+    background: url(../Articles/img/bg1.png);
+    height: 49px;
+
+  }
+
+  /deep/ .el-table th.el-table__cell {
+    background: none;
+  }
+
+  /deep/ .el-table__body {
+    -webkit-border-vertical-spacing: 13px; // 垂直间距
+  }
+
+  /deep/ .el-form-item__content {
+    text-align: left;
+  }
+
+  /deep/ .el-table, .el-table__expanded-cell {
+    background-color: rgb(1, 40, 81);
+  }
+}
+</style>

src/views/ssdd/LeftNav.vue

@@ -0,0 +1,178 @@
+<template>
+    <div class="sidebar">
+        <div style="font-family: AliMaMa;font-size: 30px;font-weight: 1000;text-align: left;">
+            <span style="position: absolute;top:-3px;left: 70px;color: #fff;">目录</span>
+        </div>
+        <div style="height: 40px"></div>
+        <el-menu
+                active-text-color="#ffd04b"
+                background-color="transparent"
+                class="sidebar-el-menu"
+                default-active="1"
+                text-color="#fff">
+            <!-- 一级菜单 -->
+            <template v-for="item in list">
+                <el-submenu v-if="item.children && item.children.length" :key="item.path" :index="item.path">
+                    <template slot="title"><img :src="require('../fdjh/img/plan.png')" style="margin-right: 10px;"
+                                                width="28px"/><span style="font-size:18px;font-weight:bold">{{
+                        item.name
+                        }}</span>
+                    </template>
+                    <!-- 二级菜单 -->
+                    <template v-for="itemChild in item.children">
+                        <el-submenu v-if="itemChild.children && itemChild.children.length" :key="itemChild.path"
+                                    :index="itemChild.path">
+                            <template slot="title"><img :src="require('../fdjh/img/pc1.png')"
+                                                        style="margin-right: 10px;"/><span
+                                    style="font-size:16px;font-weight:bold">{{ itemChild.name }}</span></template>
+                            <!-- 三级菜单 -->
+                            <el-menu-item v-for="itemChild_Child in itemChild.children" :key="itemChild_Child.path"
+                                          :index="itemChild_Child.path" @click="changePage(itemChild_Child)">
+                                <img :src="require('../fdjh/img/last1.png')" style="margin-right: 10px;"/><span
+                                    slot="title">{{ itemChild_Child.name }}</span></el-menu-item>
+                        </el-submenu>
+
+                        <el-menu-item v-else :key="itemChild.path" :index="itemChild.path"><img
+                                :src="require('../fdjh/img/pc1.png')"
+                                style="margin-right: 10px;"/><span slot="title">{{ itemChild.name }}</span>
+                        </el-menu-item>
+                    </template>
+                </el-submenu>
+                <el-menu-item v-else :key="item.path" :index="item.path"><img :src="require('../fdjh/img/plan.png')"
+                                                                              style="margin-right: 10px;"
+                                                                              width="28px"/><span
+                        slot="title">{{ item.name }}</span></el-menu-item>
+            </template>
+        </el-menu>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            list: [
+                {
+                    path: "/1",
+                    name: "实时调度计划",
+                    children: [
+                        {
+                            path: "/1/1",
+                            name: "发电端计划监控",
+                            children: [
+                                {
+                                    path: "/#/table1",
+                                    name: "风电",
+                                },
+                                {
+                                    path: "/#/fdjhgf",
+                                    name: "光伏电站",
+                                },
+                                {
+                                    path: "/#/fdjhhd",
+                                    name: "火电厂",
+                                },
+                                {
+                                    path: "/#/fdjhcn",
+                                    name: "储能",
+                                }
+                            ]
+                        },
+                        {
+                            path: "/1/2",
+                            name: "约束条件监控",
+                            children: [
+                                {
+                                    path: "/#/llx",
+                                    name: "联络线",
+                                },
+                                {
+                                    path: "/#/dm",
+                                    name: "断面",
+                                }
+                            ]
+                        },
+                        {
+                            path: "/1/3",
+                            name: "数据采集监控监控",
+                            children: [
+                                {
+                                    path: "/#/hd",
+                                    name: "火电厂",
+                                },
+                                {
+                                    path: "/#/fdgf",
+                                    name: "风电、光伏电站",
+                                },
+                                {
+                                    path: "/#/ptfh",
+                                    name: "普通负荷",
+                                },
+                                {
+                                    path: "/#/gaoznfh",
+                                    name: "高载能负荷",
+                                }
+                            ]
+                        }
+                    ]
+                }
+            ]
+        }
+    },
+    methods: {
+        changePage(obj) {
+            var parentIframe = parent.document.getElementById('showcontent');
+            parentIframe.src = obj.path;
+        }
+
+    }
+}
+</script>
+
+<style scoped>
+.sidebar {
+    display: block;
+    text-align: left;
+
+}
+
+.sidebar::-webkit-scrollbar {
+    width: 0;
+}
+
+.sidebar-el-menu:not(.el-menu--collapse) {
+//position: absolute; //top: 6%; margin: 0px 0 30px 30px; background-size: 100% 100%; height: 90%;
+}
+
+/deep/ .el-submenu__title:hover {
+    background-color: rgb(103, 118, 49) !important;
+}
+
+/deep/ .sidebar-el-menu {
+    margin-left: 23px !important;
+}
+
+.sidebar > ul {
+    height: 100%;
+}
+
+.el-menu {
+    border: 0 !important;
+}
+
+.el-menu-item {
+    height: 40px;
+    font-size: 16px;
+    font-weight: bold;
+}
+
+.el-submenu .el-menu-item:hover {
+    background-color: rgb(103, 118, 49) !important;
+}
+
+.el-sub-menu__title:hover {
+    background-color: rgb(103, 118, 49) !important;
+}
+</style>
+
+

src/views/ssdd/ssdd.vue

@@ -0,0 +1,57 @@
+<template>
+    <div class="page">
+        <div id="iframe0" class="pos_2" style="">
+            <iframe src="/#/ssddnav" style="width: 100%;height: 100%">
+            </iframe>
+        </div>
+        <div id="iframe1" class="pos_3" style="">
+            <iframe id="showcontent" style="width: 100%;height: 100%">
+            </iframe>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'fdjh-name'
+}
+</script>
+
+<style lang="css" scoped>
+.page {
+    background: url('../fdjh/img/fdjh-bj.png') no-repeat;
+    width: 100%;
+    height: calc(100vh);
+    background-size: 100% 100%;
+}
+
+iframe {
+    border: 0;
+}
+
+#iframe0 {
+    background: url(../fdjh/img/img.png) no-repeat;
+}
+
+#iframe1 {
+    background: url(../fdjh/img/img.png) no-repeat;
+}
+
+
+.pos_2 {
+    position: absolute;
+    width: 20%;
+    height: 89%;
+    left: 1%;
+    top: 10%;
+}
+
+.pos_3 {
+    position: absolute;
+    width: 79%;
+    height: 89%;
+    left: 21%;
+    right: 33px;
+    top: 10%;
+}
+</style>

src/views/tabledata.json

@@ -205,6 +205,64 @@
       "logTime": "2023-11-28 01:40:00"
     }
   ],
+  "rqddjhList": [
+    {
+      "stationName": "国电龙源官村风电场",
+      "type": "风机",
+      "plan": "50",
+      "time": "00:00:00",
+      "status": "是"
+    },
+    {
+      "stationName": "国电龙源官村风电场",
+      "type": "风机",
+      "plan": "50",
+      "time": "00:00:00",
+      "status": "是"
+    },
+    {
+      "stationName": "国电龙源官村风电场",
+      "type": "风机",
+      "plan": "50",
+      "time": "00:00:00",
+      "status": "是"
+    },
+    {
+      "stationName": "国电龙源官村风电场",
+      "type": "风机",
+      "plan": "50",
+      "time": "00:00:00",
+      "status": "是"
+    },
+    {
+      "stationName": "国电龙源官村风电场",
+      "type": "风机",
+      "plan": "50",
+      "time": "00:00:00",
+      "status": "是"
+    },
+    {
+      "stationName": "国电龙源官村风电场",
+      "type": "风机",
+      "plan": "50",
+      "time": "00:00:00",
+      "status": "是"
+    },
+    {
+      "stationName": "国电龙源官村风电场",
+      "type": "风机",
+      "plan": "50",
+      "time": "00:00:00",
+      "status": "是"
+    },
+    {
+      "stationName": "国电龙源官村风电场",
+      "type": "风机",
+      "plan": "50",
+      "time": "00:00:00",
+      "status": "是"
+    }
+  ],
   "xAxisData": {
     "data": [
       "00:00",