Changes

src/views/dashboard-screen/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="dashboard-container">
     <div class="header">
-      <div class="title" @click="openDrawer('变电-电力异常信息')">
+      <div class="title">
         变电配电大数据可视化系统
       </div>
       <div class="r-title">
@@ -14,7 +14,7 @@
           <ChartMap/>
           <div class="jryl-wrap">
             <CardWrap>
-              <span slot="title">今日遗留</span>
+              <span slot="title" @click="openDrawer('变电-电力异常信息')">今日遗留</span>
               <div slot="content">
                 <Jryl/>
               </div>
@@ -44,7 +44,7 @@
 
             <CardWrap>
 
-              <span slot="title">电力受电线路</span>
+              <span slot="title" @click="openDrawer('电力远动调试本月兑现情况')">电力受电线路</span>
               <div slot="content">
                 <Dlsdxl/>
               </div>
@@ -53,7 +53,7 @@
           <div class="t-2">
             <CardWrap>
 
-              <span slot="title">电力变配电所</span>
+              <span slot="title"  @click="openDrawer('电力远动调试本月兑现情况')">电力变配电所</span>
               <div slot="content">
                 <Dlbpds/>
               </div>
@@ -65,7 +65,7 @@
       <div class="coner right">
         <div class="sop sop-1">
           <CardWrap>
-            <span slot="title">重要待办事项</span>
+            <span slot="title" @click="openDrawer('待办事项')">重要待办事项</span>
             <div slot="content">
               <Zydbsx/>
             </div>
@@ -120,6 +120,8 @@ import dayjs from 'dayjs'
 import ScreenBdDlYcxx from '@/views/dashboard-screen/screen/screen_Bd_Dl_Ycxx/ScreenBdDlYcxx.vue'
 import ScreenJxdxqk from '@/views/dashboard-screen/screen/screenJxdxqk.vue'
 import ScreenSyjhbydxqk from '@/views/dashboard-screen/screen/ScreenSyjhbydxqk.vue'
+import ScreenDbsx from '@/views/dashboard-screen/screen/screenDbsx/ScreenDbsx.vue'
+import ScreenDlts from '@/views/dashboard-screen/screen/screenDlts/screenDlts.vue'
 
 require('dayjs/locale/zh-cn')
 export default {
@@ -155,7 +157,9 @@ export default {
       const map = {
         '检修兑现情况': ScreenJxdxqk,
         '变电-电力异常信息': ScreenBdDlYcxx,
-        '试验计划本月兑现情况': ScreenSyjhbydxqk
+        '试验计划本月兑现情况': ScreenSyjhbydxqk,
+        '待办事项': ScreenDbsx,
+        '电力远动调试本月兑现情况': ScreenDlts
       }
       this.drawer.title = title
       this.drawer.visible = true

src/views/dashboard-screen/screen/screenDbsx/ScreenDbsx.vue

@@ -0,0 +1,127 @@
+<template>
+  <div>
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <!-- 操作按钮区域 -->
+      <div class="table-operator" style="margin: 5px 0;float: right">
+        <a-button ghost type="danger" icon="download" @click="handleExportXls()">导出</a-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <a-menu slot="overlay">
+            <a-menu-item key="1" @click="batchDel">
+              <a-icon type="delete"/>
+              删除
+            </a-menu-item>
+          </a-menu>
+          <a-button style="margin-left: 8px">
+            批量操作
+            <a-icon type="down"/>
+          </a-button>
+        </a-dropdown>
+      </div>
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-form-item>
+          <a-tree-select
+            v-model="queryParam.deptId"
+            style="width: 150px"
+            :show-search="true"
+            allow-clear
+            placeholder="选择车间"
+            :tree-data="treeData"
+            tree-node-filter-prop="label"
+            :replace-fields="{children:'children', title:'label', key:'id', value: 'id' }"
+          />
+        </a-form-item>
+        <a-form-item>
+          <j-list-select-tag
+            v-model="queryParam.stationId"
+            style="width: 150px"
+            placeholder="选择站场区间"
+            dict-code="station"
+          />
+        </a-form-item>
+        <a-form-item>
+          <a-input
+            v-model="queryParam.pillarCode"
+            style="width: 150px"
+            placeholder="输入支柱号"
+          />
+        </a-form-item>
+        <a-form-item>
+          <a-input
+            v-model="queryParam.checkUser"
+            style="width: 150px"
+            placeholder="输入检查人"
+          />
+        </a-form-item>
+        <a-form-item>
+          <a-button type="primary" @click="searchQuery">查询</a-button>
+          <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
+        </a-form-item>
+      </a-form>
+    </div>
+    <!-- table区域-begin -->
+    <div>
+      <div class="ant-alert ant-alert-info" style="margin: 16px 0;">
+        <i class="anticon anticon-info-circle ant-alert-icon"/> 已选择&nbsp;<a
+        style="font-weight: 600"
+      >{{ selectedRowKeys.length }}</a>项&nbsp;&nbsp;
+        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
+      </div>
+      <a-table
+        ref="table"
+        size="middle"
+        bordered
+        row-key="id"
+        :columns="columns"
+        :data-source="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        @change="handleTableChange"
+      />
+    </div>
+    <!-- table区域-end -->
+    <!-- 表单区域 -->
+  </div>
+</template>
+<script>
+import {listMixin} from '@/mixin/listMixin'
+import columns from './indexColumns'
+import {getAction} from '@/api/request'
+
+export default {
+  name: 'ScreenDbsx',
+  components: {},
+  mixins: [listMixin],
+  data() {
+    return {
+      // 查询条件
+      queryParam: {},
+      treeData: [],
+      // 表头
+      columns: columns(this),
+      url: {
+        list: '/business/catenary/bus/jcb/fdfxjyq/list',
+        delete: '/business/catenary/bus/jcb/fdfxjyq/',
+        tree: '/system/dept/treeSelect',
+        exportXlsUrl: '/business/catenary/bus/jcb/fdfxjyq/export'
+      }
+    }
+  },
+  created() {
+    this.loadTree()
+  },
+  methods: {
+    loadTree() {
+      this.treeData = []
+      getAction(this.url.tree).then((res) => {
+        if (res.code === 200) {
+          this.treeData = res.data
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped>
+@import '~@/assets/less/common.less'
+</style>

src/views/dashboard-screen/screen/screenDbsx/indexColumns.js

@@ -0,0 +1,70 @@
+function columns(vm) {
+  const cols = [
+    {
+      title: '序号',
+      key: 'rowIndex',
+      width: 60,
+      align: 'center',
+      customRender: function (t, r, index) {
+        return parseInt(index) + 1
+      }
+    },
+    {
+      title: '车间',
+      align: 'center',
+      dataIndex: 'cj',
+      key: 'cj'
+    },
+    {
+      title: '线别',
+      align: 'center',
+      dataIndex: 'xb',
+      key: 'xb'
+    },
+    {
+      title: '区间（站区）',
+      align: 'center',
+      dataIndex: 'qj',
+      key: 'qj'
+    },
+    {
+      title: '所亭名称',
+      align: 'center',
+      dataIndex: 'stmc',
+      key: 'stmc'
+    },
+    {
+      title: '开关高压数量',
+      align: 'center',
+      dataIndex: 'kggy',
+      key: 'kggy'
+    },
+    {
+      title: '开关低压数量',
+      align: 'center',
+      dataIndex: 'kgdy',
+      key: 'kgdy'
+    },
+    {
+      title: '上次调试年度',
+      align: 'center',
+      dataIndex: 'dctsnd',
+      key: 'dctsnd'
+    },
+    {
+      title: '月份计划',
+      align: 'center',
+      dataIndex: 'yfjh',
+      key: 'yfjh'
+    },
+    {
+      title: '完成时间',
+      align: 'center',
+      dataIndex: 'wcsj',
+      key: 'wcsj'
+    }
+  ]
+  return cols
+}
+
+export default columns

src/views/dashboard-screen/screen/screenDlts/screenDlts.vue

@@ -0,0 +1,114 @@
+<template>
+  <div class="dlts-wrap">
+    <div class="o-item">远动调试</div>
+    <div class="o-item">电力受电线路</div>
+    <div class="o-item">电力变配电所</div>
+    <div class="o-item">
+      1
+    </div>
+    <div class="o-item">
+      2
+    </div>
+    <div class="o-item">
+      3
+    </div>
+    <div class="o-item">
+      <Zydbsx :data="dataList[0]"/>
+    </div>
+    <div class="o-item">
+      <Zydbsx :data="dataList[1]"/>
+    </div>
+
+    <div class="o-item">
+      <Zydbsx :data="dataList[2]"/>
+    </div>
+  </div>
+</template>
+
+<script>
+import Zydbsx from '@/views/dashboard-screen/zydbsx/index.vue'
+
+export default {
+  name: 'ScreenDlts',
+  components: {Zydbsx},
+  data() {
+    return {
+      options: {
+        0: {},
+        1: {},
+        2: {}
+      },
+      dataList: {
+        0: [
+          {name: '本月已完成数', value: 4},
+          {name: '本月未完成数', value: 8},
+          {
+            name: '未完成明细',
+            value: null,
+            children: [{name: '吉蛟03号箱变（吉林隧道）'}, {name: '吉蛟12号箱变（草木沟隧道）'}, {name: '吉蛟20号箱变（拉法山隧道）'}]
+          },
+          {name: '年度剩余数', value: 0},
+          {name: '下月计划完成数', value: 0}
+        ],
+        1: [
+          {name: '本月已完成数', value: 4},
+          {name: '本月未完成数', value: 8},
+          {
+            name: '未完成明细',
+            value: null,
+            children: [{name: '吉蛟03号箱变（吉林隧道）'}, {name: '吉蛟12号箱变（草木沟隧道）'}, {name: '吉蛟20号箱变（拉法山隧道）'}]
+          },
+          {name: '年度剩余数', value: 0},
+          {name: '下月计划完成数', value: 0}
+        ],
+        2: [
+          {name: '本月已完成数', value: 4},
+          {name: '本月未完成数', value: 8},
+          {
+            name: '未完成明细',
+            value: null,
+            children: [{name: '吉蛟03号箱变（吉林隧道）'}, {name: '吉蛟12号箱变（草木沟隧道）'}, {name: '吉蛟20号箱变（拉法山隧道）'}]
+          },
+          {name: '年度剩余数', value: 0},
+          {name: '下月计划完成数', value: 0}
+        ]
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.dlts-wrap {
+  width: 100%;
+  height: calc(100% - 70px);
+  display: grid;
+  grid-auto-flow: row;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-rows: 1fr 8fr 5fr;
+  grid-row-gap: 1fr;
+  grid-column-gap: 200px;
+  color: #ffffff;
+
+  .o-item {
+    position: relative;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    ::v-deep {
+      .row-item {
+        font-size: 1.0vw;
+      }
+    }
+  }
+
+  * {
+    color: #ffffff;
+  }
+}
+
+</style>