Merge remote-tracking branch 'origin/master'

src/App.vue

@@ -25,4 +25,9 @@ export default {
   text-align: center;
   color: #2c3e50;
 }
+
+@font-face {
+  font-family: AliMaMa;
+  src: url(./assets/font/AlimamaDaoLiTi.ttf)
+}
 </style>

src/router/index.js

@@ -17,106 +17,173 @@ import Ptfh from '@/views/sjcjjk/ptfh/ptfh.vue'
 import Ptfh1 from '@/views/sjcjjk/ptfh/index.vue'
 import Gaoznfh from '@/views/sjcjjk/gznfh/gznfh.vue'
 import Gaoznfh1 from '@/views/sjcjjk/gznfh/index.vue'
+import Fdjhhd from '@/views/fdjh/hd/hd.vue'
+import Fdjhhd1 from '@/views/fdjh/hd/index.vue'
+import Fdjhgf from '@/views/fdjh/gf/gf.vue'
+import Fdjhgf1 from '@/views/fdjh/gf/index.vue'
+import Fdjhcn from '@/views/fdjh/cn/cn.vue'
+import Fdjhcn1 from '@/views/fdjh/cn/index.vue'
+import Jkcx from '@/views/xtrz/jkcx/jkcx.vue'
+import Jkcx1 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'
+
 Vue.use(VueRouter)
 
 const routes = [
-    {
-        path: '/xndc',
-        component: () => import('@/views/xndc/index'),
-        hidden: true
-    },
-    {
-        path: '/',
-        name: 'Login',
-        component: Login
-    },
-    {
-        path: '/table1',
-        name: 'Table1',
-        component: Table1
-    },
-    {
-        path: '/fdjh',
-        name: '发电计划',
-        component: Fdjh
-    },
-    {
-        path: '/gznfh1',
-        name: '高载能负荷',
-        component: Gznfh1
-    },
-    {
-        path: '/gznfh',
-        name: '高载能负荷',
-        component: Gznfh
-    },
-    {
-        path: '/llx1',
-        name: '联络线',
-        component: Llx1
-    },
-    {
-        path: '/llx',
-        name: '联络线',
-        component: Llx
-    },
-    {
-        path: '/dm1',
-        name: '断面',
-        component: Dm1
-    },
-    {
-        path: '/dm',
-        name: '断面',
-        component: Dm
-    },
-    {
-        path: '/hd1',
-        name: '火电厂',
-        component: Hd1
-    },
-    {
-        path: '/hd',
-        name: '火电厂',
-        component: Hd
-    },
-    {
-        path: '/fdgf1',
-        name: '风电、光伏电站',
-        component: Fdgf1
-    },
-    {
-        path: '/fdgf',
-        name: '风电、光伏电站',
-        component: Fdgf
-    },
-    {
-        path: '/ptfh1',
-        name: '普通负荷',
-        component: Ptfh1
-    },
-    {
-        path: '/ptfh',
-        name: '普通负荷',
-        component: Ptfh
-    },
-    {
-        path: '/gaoznfh1',
-        name: '高载能负荷',
-        component: Gaoznfh1
-    },
-    {
-        path: '/gaoznfh',
-        name: '高载能负荷',
-        component: Gaoznfh
-    },
+  {
+    path: '/xndc',
+    component: () => import('@/views/xndc/index'),
+    hidden: true
+  },
+  {
+    path: '/',
+    name: 'Login',
+    component: Login
+  },
+  {
+    path: '/table1',
+    name: 'Table1',
+    component: Table1
+  },
+  {
+    path: '/fdjh',
+    name: '发电计划',
+    component: Fdjh
+  },
+  {
+    path: '/fdjhhd1',
+    name: '火电厂',
+    component: Fdjhhd1
+  },
+  {
+    path: '/fdjhhd',
+    name: '火电厂',
+    component: Fdjhhd
+  },
+  {
+    path: '/fdjhgf1',
+    name: '光伏电站',
+    component: Fdjhgf1
+  },
+  {
+    path: '/fdjhgf',
+    name: '光伏电站',
+    component: Fdjhgf
+  },
+  {
+    path: '/fdjhcn1',
+    name: '储能',
+    component: Fdjhcn1
+  },
+  {
+    path: '/fdjhcn',
+    name: '储能',
+    component: Fdjhcn
+  },
+  {
+    path: '/gznfh1',
+    name: '高载能负荷',
+    component: Gznfh1
+  },
+  {
+    path: '/gznfh',
+    name: '高载能负荷',
+    component: Gznfh
+  },
+  {
+    path: '/llx1',
+    name: '联络线',
+    component: Llx1
+  },
+  {
+    path: '/llx',
+    name: '联络线',
+    component: Llx
+  },
+  {
+    path: '/dm1',
+    name: '断面',
+    component: Dm1
+  },
+  {
+    path: '/dm',
+    name: '断面',
+    component: Dm
+  },
+  {
+    path: '/hd1',
+    name: '火电厂',
+    component: Hd1
+  },
+  {
+    path: '/hd',
+    name: '火电厂',
+    component: Hd
+  },
+  {
+    path: '/fdgf1',
+    name: '风电、光伏电站',
+    component: Fdgf1
+  },
+  {
+    path: '/fdgf',
+    name: '风电、光伏电站',
+    component: Fdgf
+  },
+  {
+    path: '/ptfh1',
+    name: '普通负荷',
+    component: Ptfh1
+  },
+  {
+    path: '/ptfh',
+    name: '普通负荷',
+    component: Ptfh
+  },
+  {
+    path: '/gaoznfh1',
+    name: '高载能负荷',
+    component: Gaoznfh1
+  },
+  {
+    path: '/gaoznfh',
+    name: '高载能负荷',
+    component: Gaoznfh
+  },
+  {
+    path: '/jkcx1',
+    name: '接口、程序',
+    component: Jkcx1
+  },
+  {
+    path: '/jkcx',
+    name: '接口、程序',
+    component: Jkcx
+  },
 
   {
     path: '/xtpz',
     name: '系统配置',
     component: Xtpz
-  }
+  },
+  {
+    path: '/rqdd',
+    name: '日前调度',
+    component: Rqdd
+  },
+  {
+    path: '/dailyPlanning',
+    component: () => import('@/views/xndc/index'),
+    hidden: true
+  },
+  {
+    path: '/fdjhnav',
+    name: '发电计划菜单',
+    component: fdjhnav
+  },
+
 ]
 
 const router = new VueRouter({

src/views/Articles/index.vue

@@ -181,10 +181,7 @@ export default {
 
 <style lang="less" scoped>
 
-@font-face {
-  font-family: AliMaMa;//自定义字体名称
-  src: url("./font/AlimamaDaoLiTi.ttf")
-}
+
 
 body {
   border: 0;

src/views/Login/Login.vue

@@ -4,7 +4,7 @@
             <div style="width: 100%;text-align: center">
                 <div class="tab-wrapper">
                     <img :class="flag1? 'active1':'active2'" alt=""
-                         src="img/img_2.png" style="display: inline-block;position: absolute;top:50px;">
+                         src="./img/img_2.png" style="display: inline-block;position: absolute;top:50px;">
                     <div :class="flag1? 'active':''" class="tab1" @click="handleChange">账号登录</div>
                     <img alt="" src="./img/split.png" style="display: inline-block;position: absolute;top:-12px;">
                     <div :class="flag2? 'active':''" class="tab2" @click="handleChange1">人脸识别</div>
@@ -164,9 +164,6 @@ export default {
 
   .active {
     color: white;
-    background: url('./img/img_3.png') no-repeat;
-    background-position-y: bottom;
-    background-position-x: 50%;
   }
 
   .active1 {

src/views/fdjh/LeftNav.vue

@@ -0,0 +1,204 @@
+<template>
+  <div class="sidebar">
+<!--  <el-menu-->
+<!--      default-active="1"-->
+<!--      background-color="#545c64"-->
+<!--      text-color="#fff"-->
+<!--      active-text-color="#ffd04b" class=".el-aside .el-menu">-->
+<!--    &lt;!&ndash; 一级菜单 &ndash;&gt;-->
+<!--    <template v-for="item in list">-->
+<!--      <el-submenu v-if="item.children && item.children.length" :index="item.path" :key="item.path">-->
+<!--        <template slot="title"><i :class="item.icon"></i><span>{{item.name}}</span></template>-->
+
+<!--        &lt;!&ndash; 二级菜单 &ndash;&gt;-->
+<!--        <template v-for="itemChild in item.children">-->
+<!--          <el-submenu v-if="itemChild.children && itemChild.children.length" :index="itemChild.path" :key="itemChild.path">-->
+<!--            <template slot="title"><i :class="itemChild.icon"></i><span>{{itemChild.name}}</span></template>-->
+
+<!--            &lt;!&ndash; 三级菜单 &ndash;&gt;-->
+<!--            <el-menu-item v-for="itemChild_Child in itemChild.children" :index="itemChild_Child .path" :key="itemChild_Child.path">-->
+<!--              <i :class="itemChild_Child.icon"></i><span slot="title">{{itemChild_Child.name}}</span></el-menu-item>-->
+<!--          </el-submenu>-->
+
+<!--          <el-menu-item v-else :index="itemChild.path" :key="itemChild.path"><i :class="itemChild.icon"></i><span slot="title">{{itemChild.name}}</span></el-menu-item>-->
+<!--        </template>-->
+<!--      </el-submenu>-->
+
+<!--      <el-menu-item v-else :index="item.path" :key="item.path"><i :class="item.icon"></i><span slot="title">{{item.name}}</span></el-menu-item>-->
+<!--    </template>-->
+
+<!--  </el-menu>-->
+    <div class="title"
+         style="font-family: AliMaMa;font-size: 30px;font-weight: 1000;text-align: left;">
+      <span style="position: absolute;top:-3px;left: 70px">目录</span>
+    </div>
+  <el-menu
+      class="sidebar-el-menu"
+      @open="handleOpen"
+      @close="handleClose"
+      background-color="transparent"
+      text-color="#fff"
+      active-text-color="#ffd04b">
+
+    <el-submenu index="1">
+      <template slot="title">
+        <img width="28px" :src="require('./img/plan.png')" />
+        <span style="font-size:18px;font-weight:bold">&nbsp;日前调度计划</span>
+      </template>
+      <el-submenu index="1-1">
+        <template slot="title">
+          <img :src="require('./img/pc1.png')" />
+          <span style="font-size:16px;font-weight:bold">&nbsp;发电端计划监控</span>
+        </template>
+        <el-menu-item index="1-1-1"><img :src="require('./img/last1.png')" />&nbsp;风电</el-menu-item>
+        <el-menu-item index="1-1-2"><img :src="require('./img/last1.png')" />&nbsp;光伏电站</el-menu-item>
+        <el-menu-item index="1-1-3"><img :src="require('./img/last1.png')" />&nbsp;火电站</el-menu-item>
+      </el-submenu>
+      <el-submenu index="1-2">
+        <template slot="title">
+          <img :src="require('./img/pc1.png')" />
+          <span style="font-size:16px;font-weight:bold">&nbsp;用电端计划监控</span>
+        </template>
+        <el-menu-item index="1-2-1"><img :src="require('./img/last1.png')" />&nbsp;高载能计划负荷</el-menu-item>
+      </el-submenu>
+      <el-submenu index="1-3">
+        <template slot="title">
+          <img :src="require('./img/pc1.png')" />
+          <span style="font-size:16px;font-weight:bold">&nbsp;约束条件监控</span>
+        </template>
+        <el-menu-item index="1-3-1"><img :src="require('./img/last1.png')" />&nbsp;联络线</el-menu-item>
+        <el-menu-item index="1-3-2"><img :src="require('./img/last1.png')" />&nbsp;断面</el-menu-item>
+      </el-submenu>
+      <el-submenu index="1-4">
+        <template slot="title">
+          <img :src="require('./img/pc1.png')" />
+          <span style="font-size:16px;font-weight:bold">&nbsp;数据采集监控监控</span>
+        </template>
+        <el-menu-item index="1-4-1"><img :src="require('./img/last1.png')" />&nbsp;火电厂</el-menu-item>
+        <el-menu-item index="1-4-2"><img :src="require('./img/last1.png')" />&nbsp;风电、光伏电站</el-menu-item>
+        <el-menu-item index="1-4-3"><img :src="require('./img/last1.png')" />&nbsp;普通负荷</el-menu-item>
+        <el-menu-item index="1-4-4"><img :src="require('./img/last1.png')" />&nbsp;高载能负荷</el-menu-item>
+      </el-submenu>
+    </el-submenu>
+  </el-menu>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      list: [
+        {
+          path: "/1",
+          name: "日前调度计划",
+          icon:'el-icon-menu',
+          children: [
+            {
+              path: "/1/1",
+              name: "发电端计划监控",
+              icon:'el-icon-menu',
+              children: [
+                {
+                  path: "/1/1/1",
+                  name: "导航1-1-1",
+                  icon:'el-icon-menu',
+                },
+                {
+                  path: "/1/1/2",
+                  name: "导航1-1-2",
+                  icon:'el-icon-menu',
+                },
+                {
+                  path: "/1/1/3",
+                  name: "导航1-1-3",
+                  icon:'el-icon-menu',
+                }
+              ]
+            },
+            {
+              path: "/1/2",
+              name: "导航1-2",
+              icon:'el-icon-menu',
+            }
+          ]
+        },
+        {
+          path: "/2",
+          name: "导航二",
+          icon:'el-icon-menu'
+        }
+      ]
+    }
+  },
+  methods: {
+    handleOpen(key, keyPath) {
+      console.log(key, keyPath);
+    },
+    handleClose(key, keyPath) {
+      console.log(key, keyPath);
+    }
+,
+    changeLogo(){
+        console.log(this)
+    }
+
+  }
+}
+</script>
+
+<style scoped>
+.title {
+  margin-bottom: 20px;
+  margin-left: 60px;
+  font-size: 18px;
+  color: #fff;
+}
+
+.sidebar {
+  display: block;
+  text-align: left;
+}
+
+.sidebar::-webkit-scrollbar {
+  width: 0;
+}
+
+.sidebar-el-menu:not(.el-menu--collapse) {
+
+  margin: 40px 0 30px 30px;
+  background-size: 100% 100%;
+}
+
+
+/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/fdjh/cn/cn.vue

@@ -0,0 +1,83 @@
+<template>
+    <div class="page">
+        <iframe class="image_2 pos_2">
+            <img src="../../fdjh/img/fdjh-left.png">
+        </iframe>
+        <div id="iframe1" class="image_3 pos_3" style="">
+            <iframe src="/public#/fdjhcn1" style="width: 100%;height: 100%">
+            </iframe>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'cn-name',
+}
+</script>
+
+<style lang="css" scoped>
+.page {
+    background-image: url('../../fdjh/img/fdjh-bj.png');
+    position: absolute;
+    width: 1920px;
+    height: 1080px;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+}
+
+.image {
+    width: 100vw;
+    height: 4.5833vw;
+}
+
+iframe {
+    border: 0;
+}
+
+#iframe1 {
+    background-image: url(../../fdjh/img/img.png);
+}
+
+.pos {
+    position: absolute;
+    width: 1920px;
+    height: 88px;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 992px;
+}
+
+.image_2 {
+    width: 23.56rem;
+    height: 56.88rem;
+}
+
+.pos_2 {
+    position: absolute;
+    width: 377px;
+    height: 910px;
+    left: 30px;
+    right: 1513px;
+    top: 142px;
+    bottom: 28px;
+}
+
+.image_3 {
+    width: 91.19rem;
+    height: 56.88rem;
+}
+
+.pos_3 {
+    position: absolute;
+    width: 1479px;
+    height: 910px;
+    left: 408px;
+    right: 33px;
+    top: 142px;
+    bottom: 28px;
+}
+</style>

src/views/fdjh/cn/index.vue

@@ -0,0 +1,314 @@
+<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"
+                        >
+                            <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="选择日期"
+                                    size="mini"
+                                    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>
+        </div>
+    </div>
+</template>
+
+<script>
+
+export default {
+    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
+    }
+}
+</script>
+
+<style lang="less" scoped>
+
+@font-face {
+  font-family: AliMaMa;//自定义字体名称
+  src: url("../../Articles/font/AlimamaDaoLiTi.ttf")
+}
+
+body {
+  border: 0;
+  background-image: url(../../Articles/img/bgc.png)
+}
+
+.table-wrapper {
+  width: 1483px;
+  padding-left: 20px;
+
+  .table-box {
+    min-height: 600px;
+    background-size: cover;
+  }
+
+  .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: 15%;
+  }
+
+
+  /deep/ .el-input__inner:nth-child(1) {
+    width: 176px;
+  }
+
+  /deep/ .el-input__inner:nth-child(2) {
+    width: 176px;
+  }
+
+  /deep/ .el-input__inner:nth-child(2) {
+    width: 126px;
+  }
+
+  /deep/ .el-input__inner:nth-child(2) {
+    width: 175px;
+  }
+
+  /deep/ .el-icon-arrow-up {
+    transform: rotateZ(0deg);
+
+  }
+
+
+  /deep/ .el-icon-arrow-up:before {
+    content: url(../../Articles/img/xiala2.png);
+  }
+
+  /deep/ .el-input__prefix {
+    right: -60px;
+    padding-top: 3px;
+  }
+
+  /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/fdjh/fdjh.vue

@@ -1,8 +1,9 @@
 <template>
   <div class="page">
-    <iframe class="image_2 pos_2">
-      <img src="./img/fdjh-left.png">
-    </iframe>
+    <div id="iframe0" class="image_2 pos_2" style="">
+      <iframe  style="width: 100%;height: 100%" src="/#/fdjhnav">
+      </iframe>
+    </div>
     <div id="iframe1" class="image_3 pos_3" style="">
     <iframe  style="width: 100%;height: 100%" src="/#/table1">
     </iframe>
@@ -34,6 +35,10 @@ export default {
 iframe{
   border: 0;
 }
+#iframe0{
+  background-image: url(./img/img.png);
+}
+
 #iframe1{
   background-image: url(./img/img.png);
 }

src/views/fdjh/gf/gf.vue

@@ -0,0 +1,83 @@
+<template>
+    <div class="page">
+        <iframe class="image_2 pos_2">
+            <img src="../../fdjh/img/fdjh-left.png">
+        </iframe>
+        <div id="iframe1" class="image_3 pos_3" style="">
+            <iframe src="/public#/fdjhgf1" style="width: 100%;height: 100%">
+            </iframe>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'gf-name',
+}
+</script>
+
+<style lang="css" scoped>
+.page {
+    background-image: url('../../fdjh/img/fdjh-bj.png');
+    position: absolute;
+    width: 1920px;
+    height: 1080px;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+}
+
+.image {
+    width: 100vw;
+    height: 4.5833vw;
+}
+
+iframe {
+    border: 0;
+}
+
+#iframe1 {
+    background-image: url(../../fdjh/img/img.png);
+}
+
+.pos {
+    position: absolute;
+    width: 1920px;
+    height: 88px;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 992px;
+}
+
+.image_2 {
+    width: 23.56rem;
+    height: 56.88rem;
+}
+
+.pos_2 {
+    position: absolute;
+    width: 377px;
+    height: 910px;
+    left: 30px;
+    right: 1513px;
+    top: 142px;
+    bottom: 28px;
+}
+
+.image_3 {
+    width: 91.19rem;
+    height: 56.88rem;
+}
+
+.pos_3 {
+    position: absolute;
+    width: 1479px;
+    height: 910px;
+    left: 408px;
+    right: 33px;
+    top: 142px;
+    bottom: 28px;
+}
+</style>

src/views/fdjh/gf/index.vue

@@ -0,0 +1,314 @@
+<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"
+                        >
+                            <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="选择日期"
+                                    size="mini"
+                                    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>
+        </div>
+    </div>
+</template>
+
+<script>
+
+export default {
+    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
+    }
+}
+</script>
+
+<style lang="less" scoped>
+
+@font-face {
+  font-family: AliMaMa;//自定义字体名称
+  src: url("../../Articles/font/AlimamaDaoLiTi.ttf")
+}
+
+body {
+  border: 0;
+  background-image: url(../../Articles/img/bgc.png)
+}
+
+.table-wrapper {
+  width: 1483px;
+  padding-left: 20px;
+
+  .table-box {
+    min-height: 600px;
+    background-size: cover;
+  }
+
+  .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: 15%;
+  }
+
+
+  /deep/ .el-input__inner:nth-child(1) {
+    width: 176px;
+  }
+
+  /deep/ .el-input__inner:nth-child(2) {
+    width: 176px;
+  }
+
+  /deep/ .el-input__inner:nth-child(2) {
+    width: 126px;
+  }
+
+  /deep/ .el-input__inner:nth-child(2) {
+    width: 175px;
+  }
+
+  /deep/ .el-icon-arrow-up {
+    transform: rotateZ(0deg);
+
+  }
+
+
+  /deep/ .el-icon-arrow-up:before {
+    content: url(../../Articles/img/xiala2.png);
+  }
+
+  /deep/ .el-input__prefix {
+    right: -60px;
+    padding-top: 3px;
+  }
+
+  /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/fdjh/hd/hd.vue

@@ -0,0 +1,83 @@
+<template>
+    <div class="page">
+        <iframe class="image_2 pos_2">
+            <img src="../../fdjh/img/fdjh-left.png">
+        </iframe>
+        <div id="iframe1" class="image_3 pos_3" style="">
+            <iframe src="/public#/fdjhhd1" style="width: 100%;height: 100%">
+            </iframe>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'hd-name',
+}
+</script>
+
+<style lang="css" scoped>
+.page {
+    background-image: url('../../fdjh/img/fdjh-bj.png');
+    position: absolute;
+    width: 1920px;
+    height: 1080px;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+}
+
+.image {
+    width: 100vw;
+    height: 4.5833vw;
+}
+
+iframe {
+    border: 0;
+}
+
+#iframe1 {
+    background-image: url(../../fdjh/img/img.png);
+}
+
+.pos {
+    position: absolute;
+    width: 1920px;
+    height: 88px;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 992px;
+}
+
+.image_2 {
+    width: 23.56rem;
+    height: 56.88rem;
+}
+
+.pos_2 {
+    position: absolute;
+    width: 377px;
+    height: 910px;
+    left: 30px;
+    right: 1513px;
+    top: 142px;
+    bottom: 28px;
+}
+
+.image_3 {
+    width: 91.19rem;
+    height: 56.88rem;
+}
+
+.pos_3 {
+    position: absolute;
+    width: 1479px;
+    height: 910px;
+    left: 408px;
+    right: 33px;
+    top: 142px;
+    bottom: 28px;
+}
+</style>

src/views/fdjh/hd/index.vue

@@ -0,0 +1,314 @@
+<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"
+                        >
+                            <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="选择日期"
+                                    size="mini"
+                                    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>
+        </div>
+    </div>
+</template>
+
+<script>
+
+export default {
+    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
+    }
+}
+</script>
+
+<style lang="less" scoped>
+
+@font-face {
+  font-family: AliMaMa;//自定义字体名称
+  src: url("../../Articles/font/AlimamaDaoLiTi.ttf")
+}
+
+body {
+  border: 0;
+  background-image: url(../../Articles/img/bgc.png)
+}
+
+.table-wrapper {
+  width: 1483px;
+  padding-left: 20px;
+
+  .table-box {
+    min-height: 600px;
+    background-size: cover;
+  }
+
+  .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: 15%;
+  }
+
+
+  /deep/ .el-input__inner:nth-child(1) {
+    width: 176px;
+  }
+
+  /deep/ .el-input__inner:nth-child(2) {
+    width: 176px;
+  }
+
+  /deep/ .el-input__inner:nth-child(2) {
+    width: 126px;
+  }
+
+  /deep/ .el-input__inner:nth-child(2) {
+    width: 175px;
+  }
+
+  /deep/ .el-icon-arrow-up {
+    transform: rotateZ(0deg);
+
+  }
+
+
+  /deep/ .el-icon-arrow-up:before {
+    content: url(../../Articles/img/xiala2.png);
+  }
+
+  /deep/ .el-input__prefix {
+    right: -60px;
+    padding-top: 3px;
+  }
+
+  /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/rqdd/rqdd.vue

@@ -1,76 +1,170 @@
 <template>
-  <div class="page">
-    <iframe class="image_2 pos_2">
-      <img src="./img/fdjh-left.png">
-    </iframe>
-    <div id="iframe1" class="image_3 pos_3" style="">
-    <iframe  style="width: 100%;height: 100%" src="/#/table1">
-    </iframe>
+  <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>
+      </div>
+      <div class="topButton2">
+        <div class="buttonWord">
+          <span>发电端计划监控</span>
+        </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: 'fdjh-name'
+  name: 'rqdd-name'
 }
 </script>
 
 <style scoped lang="css">
-.page {
-  background-image: url('./img/fdjh-bj.png');
-  position: absolute;
+
+
+.container {
   width: 1920px;
   height: 1080px;
-  left: 0;
-  right: 0;
+  background: url(./img/beijing.png) no-repeat
+}
+
+.head {
+  width: 1920px;
+  height: 85px;
+  position: absolute;
   top: 0;
-  bottom: 0;
+  background: url(./img/装饰.png) no-repeat
 }
-.image {
-  width: 100vw;
-  height: 4.5833vw;
+
+.zs1 {
+  width: 629px;
+  height: 312px;
+  position: absolute;
+  top: 87px;
+  left: 2px;
+  background: url(./img/1.png) no-repeat
+
 }
-iframe{
-  border: 0;
+
+.topButton1 {
+  background: url(./img/4灰大素材.png);
+  height: 42px;
+  width: 179px;
+  position: absolute;
+  top: 16px;
+  left: 379px
 }
-#iframe1{
-  background-image: url(./img/img.png);
+
+.topButton2 {
+  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;
+}
+
 
-.pos {
+.topButton2 .buttonWord{
   position: absolute;
-  width: 1920px;
-  height: 88px;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 992px;
+  top: 9px;
+  left: 25px;
+  color: white;
+  font-size: 19px;
+  font-weight: 1000;
+  font-family: AliMaMa;
 }
-.image_2 {
-  width: 23.56rem;
-  height: 56.88rem;
+.zs2 {
+  width: 629px;
+  height: 312px;
+  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
+
 }
-.pos_2 {
+
+.yx1 {
+  width: 629px;
+  height: 474px;
   position: absolute;
-  width: 377px;
-  height: 910px;
-  left: 30px;
-  right: 1513px;
-  top: 142px;
-  bottom: 28px;
+  top: 561px;
+  left: 1260px;
+  background: url(./img/1.j.png) no-repeat
 }
-.image_3 {
-  width: 91.19rem;
-  height: 56.88rem;
+
+.zx {
+  width: 1254px;
+  height: 636px;
+  position: absolute;
+  top: 399px;
+  left: 2px;
+  background: url(./img/2.png) no-repeat
 }
-.pos_3 {
+
+.littleHeadWord {
+  text-align: left;
   position: absolute;
-  width: 1479px;
-  height: 910px;
-  left: 408px;
-  right: 33px;
-  top: 142px;
-  bottom: 28px;
+  left: 70px;
+
+}
+
+.littleHeadWord span {
+  color: white;
+  font-size: 19px;
+  font-weight: 1000;
+  font-family: AliMaMa;
 }
 </style>

src/views/tabledata.json

@@ -145,6 +145,74 @@
       "date": "2023-11-28"
     }
   ],
+  "logDataList": [
+    {
+      "logSource": "国电龙源官村风电场",
+      "logLevel": "1",
+      "logInformation": "数据异常",
+      "logTime": "2023-11-28 00:00:00"
+    },
+    {
+      "logSource": "国电龙源官村风电场",
+      "logLevel": "1",
+      "logInformation": "数据异常",
+      "logTime": "2023-11-28 00:10:00"
+    },
+    {
+      "logSource": "国电龙源官村风电场",
+      "logLevel": "1",
+      "logInformation": "数据异常",
+      "logTime": "2023-11-28 00:20:00"
+    },
+    {
+      "logSource": "国电龙源官村风电场",
+      "logLevel": "1",
+      "logInformation": "数据异常",
+      "logTime": "2023-11-28 00:30:00"
+    },
+    {
+      "logSource": "国电龙源官村风电场",
+      "logLevel": "1",
+      "logInformation": "数据异常",
+      "logTime": "2023-11-28 00:40:00"
+    },
+    {
+      "logSource": "国电龙源官村风电场",
+      "logLevel": "1",
+      "logInformation": "数据异常",
+      "logTime": "2023-11-28 00:50:00"
+    },
+    {
+      "logSource": "国电龙源官村风电场",
+      "logLevel": "1",
+      "logInformation": "数据异常",
+      "logTime": "2023-11-28 01:00:00"
+    },
+    {
+      "logSource": "国电龙源官村风电场",
+      "logLevel": "1",
+      "logInformation": "数据异常",
+      "logTime": "2023-11-28 01:10:00"
+    },
+    {
+      "logSource": "国电龙源官村风电场",
+      "logLevel": "1",
+      "logInformation": "数据异常",
+      "logTime": "2023-11-28 01:20:00"
+    },
+    {
+      "logSource": "国电龙源官村风电场",
+      "logLevel": "1",
+      "logInformation": "数据异常",
+      "logTime": "2023-11-28 01:30:00"
+    },
+    {
+      "logSource": "国电龙源官村风电场",
+      "logLevel": "1",
+      "logInformation": "数据异常",
+      "logTime": "2023-11-28 01:40:00"
+    }
+  ],
   "xAxisData": {
     "data": [
       "00:00",

src/views/xtrz/jkcx/index.vue

@@ -0,0 +1,199 @@
+<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-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="logSource"
+                        width="270px"
+                >
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        label="日志级别"
+                        prop="logLevel"
+                >
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        label="日志信息"
+                        prop="logInformation">
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        label="日志时间"
+                        prop="logTime">
+                </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.logDataList
+    }
+}
+</script>
+
+<style lang="less" scoped>
+
+@font-face {
+  font-family: AliMaMa;//自定义字体名称
+  src: url("../../Articles/font/AlimamaDaoLiTi.ttf")
+}
+
+body {
+  border: 0;
+  background-image: url(../../Articles/img/bgc.png)
+}
+
+.table-wrapper {
+  width: 1483px;
+  padding-left: 20px;
+
+  .table-box {
+    min-height: 600px;
+    background-size: cover;
+  }
+
+  .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: 15%;
+  }
+
+
+  /deep/ .el-input__inner:nth-child(1) {
+    width: 176px;
+  }
+
+  /deep/ .el-input__inner:nth-child(2) {
+    width: 176px;
+  }
+
+  /deep/ .el-input__inner:nth-child(2) {
+    width: 126px;
+  }
+
+  /deep/ .el-input__inner:nth-child(2) {
+    width: 175px;
+  }
+
+  /deep/ .el-icon-arrow-up {
+    transform: rotateZ(0deg);
+
+  }
+
+
+  /deep/ .el-icon-arrow-up:before {
+    content: url(../../Articles/img/xiala2.png);
+  }
+
+  /deep/ .el-input__prefix {
+    right: -60px;
+    padding-top: 3px;
+  }
+
+  /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/xtrz/jkcx/jkcx.vue

@@ -0,0 +1,84 @@
+<template>
+    <div class="page">
+        <iframe class="image_2 pos_2">
+            <img src="../../fdjh/img/fdjh-left.png">
+        </iframe>
+        <div id="iframe1" class="image_3 pos_3" style="">
+            <iframe src="/public#/jkcx1" style="width: 100%;height: 100%">
+            </iframe>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    // eslint-disable-next-line vue/multi-word-component-names
+    name: '接口、程序',
+}
+</script>
+
+<style lang="css" scoped>
+.page {
+    background-image: url('../../fdjh/img/fdjh-bj.png');
+    position: absolute;
+    width: 1920px;
+    height: 1080px;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+}
+
+.image {
+    width: 100vw;
+    height: 4.5833vw;
+}
+
+iframe {
+    border: 0;
+}
+
+#iframe1 {
+    background-image: url(../../fdjh/img/img.png);
+}
+
+.pos {
+    position: absolute;
+    width: 1920px;
+    height: 88px;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 992px;
+}
+
+.image_2 {
+    width: 23.56rem;
+    height: 56.88rem;
+}
+
+.pos_2 {
+    position: absolute;
+    width: 377px;
+    height: 910px;
+    left: 30px;
+    right: 1513px;
+    top: 142px;
+    bottom: 28px;
+}
+
+.image_3 {
+    width: 91.19rem;
+    height: 56.88rem;
+}
+
+.pos_3 {
+    position: absolute;
+    width: 1479px;
+    height: 910px;
+    left: 408px;
+    right: 33px;
+    top: 142px;
+    bottom: 28px;
+}
+</style>