From 343dcc731858c121b1425093f3d3f834d38abe9b Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Thu, 2 Jun 2022 15:32:05 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Sidebar/Logo.vue |   3 +-
 src/views/dashboard/index.vue          | 174 ++++++++++++++-----------
 src/views/dashboard/index12.vue        | 130 ++++++++++++++++++
 3 files changed, 229 insertions(+), 78 deletions(-)
 create mode 100644 src/views/dashboard/index12.vue

diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 6e052c2..61a50fd 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -4,7 +4,8 @@
       <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
         <img v-if="logo" src="../../../assets/logo-mini.png?v=1" class="sidebar-logo">
       </router-link>
-      <router-link v-else key="expand" class="sidebar-logo-link" to="/">
+      <router-link v-else key="expand" class="sidebar-logo-link" to="/yiwanggongzhi/jsc.html">
+        <!-- 驾驶舱 -->
         <!-- <img v-if="logo" src="../../../assets/logo-mini.png" class="sidebar-logo"> -->
         <img src="../../../assets/logo.png?v=1"
           class="sidebar-name-logo" />
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index ffce2f5..d1d3d6b 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -1,95 +1,115 @@
 <template>
   <div class="dashboard-editor-container">
+    <div style="font-size:18px;margin-bottom:20px">
+      <p>欢迎回来!</p>
+      <p>{{userName}}</p>
+    </div>
+
+<el-card class="box-card">
+  <div slot="header" class="clearfix">
+    <span>代办事项</span>
+    <el-button style="float: right; padding: 3px 0" type="text">更多</el-button>
+  </div>
+  <div class="text item">
+    <div ref="lxTable">
+      <el-table :data="list" :height="tableHeight" style="width: 100%">
+        <el-table-column type="index" label="序号" width="50" align="center"> </el-table-column>
+        <el-table-column :prop="column.field" :align="column.align" v-for="(column,index) in columns"
+          :label="column.title" :width="column.width">
+          <template slot-scope="scope">
+            <div v-if="column.type=='status'">
+              <el-tag type="warning">待审核</el-tag>
+              <!-- <div v-if="scope.row[column.field]==0">待审核</div>
+              <div v-if="scope.row[column.field]==1">通过</div>
+              <div v-if="scope.row[column.field]==2">不通过</div> -->
+            </div>
+            <div v-else>{{scope.row[column.field]}}</div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- <div class="pagination">
+        <el-pagination @current-change="handleCurrentChange" :current-page="paginations.page"
+          :page-size="paginations.page_size" background layout="prev, pager, next" :total="paginations.total">
+        </el-pagination>
+      </div> -->
+    </div>
+  </div>
+</el-card>
 
-    <panel-group @handleRoute="handleRoute" :countsData="countsData" />
-    <el-row :gutter="32">
-      <el-col :xs="24" :sm="24" :lg="12">
-        <div class="chart-wrapper">
-          <div class="chart-title">
-            <router-link to="/toolbox/warning">数据统计</router-link>
-            <div>
-              <el-tag @click="changeDate('warning',item.type,index)" :type="(item.checked?'success':'info')"
-                style="margin-right: 10px;cursor: pointer;" v-for="(item,index) in stat.warning.dateRange">
-                {{item.name}}
-              </el-tag>
-            </div>
-          </div>
-          <bar-chart :chartData="stat.warning" />
-        </div>
-      </el-col>
-      <el-col :xs="24" :sm="24" :lg="12">
-        <div class="chart-wrapper">
-          <div class="chart-title">
-            <router-link to="/toolbox/exception">登录统计</router-link>
-            <div>
-              <el-tag @click="changeDate('exception',item.type,index)" :type="(item.checked?'success':'info')"
-                style="margin-right: 10px;cursor: pointer;" v-for="(item,index) in stat.exception.dateRange">
-                {{item.name}}
-              </el-tag>
-            </div>
-          </div>
-          <bar-chart :chartData="stat.exception" />
-        </div>
-      </el-col>
-    </el-row>
 
   </div>
 </template>
 
 <script>
-  import PanelGroup from './components/PanelGroup'
-  import BarChart from './components/BarChart'
-  import {
-    getChartsData,
-    getCounts
-  } from "../../api/dashboard.js"
+  import {getInfo} from "../../api/user.js";
+  import {
+    listNotice
+  } from "../../api/notice/index.js";
   export default {
     name: 'DashboardAdmin',
-    components: {
-      PanelGroup,
-      BarChart
-    },
+
     data() {
       return {
-        countsData: {
-          client_count: 0,
-          tool_count: 0,
-          user_count: 0
-        },
-        stat: {
-          warning: {
-            xArr: ["一","二","三","四","五"],
-            yArr: [200,300,400,500,330],
-            dateRange: [{
-              checked: true,
-              type: "week",
-              name: "本周"
-            }, {
-              checked: false,
-              type: "month",
-              name: "本月"
-            }]
-          },
-          exception: {
-            xArr: ["一","二","三","四","五"],
-            yArr: [200,300,400,500,330],
-            dateRange: [{
-              checked: true,
-              type: "week",
-              name: "本周"
-            }, {
-              checked: false,
-              type: "month",
-              name: "本月"
-            }]
-          },
-        }
+        userName:"",
+        searchList:{
+          page:1,
+          page_size:10
+        },
+        tableHeight:600,
+        list:[],
+        columns: [{
+            field: "title",
+            title: "公告名称",
+            type: "string",
+          },
+          {
+            field: "author",
+            title: "发布者",
+            type: "string",
+            width: 200,
+            align: "center"
+          },
+          {
+            field: "author_date",
+            title: "发布时间",
+            type: "string",
+            width: 200,
+            align: "center"
+          },
+          {
+            field: "status",
+            title: "状态",
+            type: "status",
+            width: 180,
+            align: "status"
+          }
+        ]
+
       }
     },
-    created: function() {
-
+    created() {
+      this.init();
     },
-    methods: {
+    methods: {
+      init(){
+        var that = this;
+        var clientHeight = document.documentElement.clientHeight
+        var lxHeader_height = 96.5; //查询 头部
+        var paginationHeight = 37; //分页的高度
+        var topHeight = 50; //页面 头部
+        let tableHeight = clientHeight - lxHeader_height - topHeight - paginationHeight - 110;
+        that.tableHeight = tableHeight;
+        getInfo().then(res => {
+          this.userName = res.name;
+        });
+
+        listNotice({
+          page: this.searchList.page,
+          page_size: this.searchList.page_size,
+        }).then(res => {
+          this.list = res.data
+        })
+      },
 
     }
   }
diff --git a/src/views/dashboard/index12.vue b/src/views/dashboard/index12.vue
new file mode 100644
index 0000000..ffce2f5
--- /dev/null
+++ b/src/views/dashboard/index12.vue
@@ -0,0 +1,130 @@
+<template>
+  <div class="dashboard-editor-container">
+
+    <panel-group @handleRoute="handleRoute" :countsData="countsData" />
+    <el-row :gutter="32">
+      <el-col :xs="24" :sm="24" :lg="12">
+        <div class="chart-wrapper">
+          <div class="chart-title">
+            <router-link to="/toolbox/warning">数据统计</router-link>
+            <div>
+              <el-tag @click="changeDate('warning',item.type,index)" :type="(item.checked?'success':'info')"
+                style="margin-right: 10px;cursor: pointer;" v-for="(item,index) in stat.warning.dateRange">
+                {{item.name}}
+              </el-tag>
+            </div>
+          </div>
+          <bar-chart :chartData="stat.warning" />
+        </div>
+      </el-col>
+      <el-col :xs="24" :sm="24" :lg="12">
+        <div class="chart-wrapper">
+          <div class="chart-title">
+            <router-link to="/toolbox/exception">登录统计</router-link>
+            <div>
+              <el-tag @click="changeDate('exception',item.type,index)" :type="(item.checked?'success':'info')"
+                style="margin-right: 10px;cursor: pointer;" v-for="(item,index) in stat.exception.dateRange">
+                {{item.name}}
+              </el-tag>
+            </div>
+          </div>
+          <bar-chart :chartData="stat.exception" />
+        </div>
+      </el-col>
+    </el-row>
+
+  </div>
+</template>
+
+<script>
+  import PanelGroup from './components/PanelGroup'
+  import BarChart from './components/BarChart'
+  import {
+    getChartsData,
+    getCounts
+  } from "../../api/dashboard.js"
+  export default {
+    name: 'DashboardAdmin',
+    components: {
+      PanelGroup,
+      BarChart
+    },
+    data() {
+      return {
+        countsData: {
+          client_count: 0,
+          tool_count: 0,
+          user_count: 0
+        },
+        stat: {
+          warning: {
+            xArr: ["一","二","三","四","五"],
+            yArr: [200,300,400,500,330],
+            dateRange: [{
+              checked: true,
+              type: "week",
+              name: "本周"
+            }, {
+              checked: false,
+              type: "month",
+              name: "本月"
+            }]
+          },
+          exception: {
+            xArr: ["一","二","三","四","五"],
+            yArr: [200,300,400,500,330],
+            dateRange: [{
+              checked: true,
+              type: "week",
+              name: "本周"
+            }, {
+              checked: false,
+              type: "month",
+              name: "本月"
+            }]
+          },
+        }
+      }
+    },
+    created: function() {
+
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .dashboard-editor-container {
+    padding: 32px;
+    background-color: rgb(240, 242, 245);
+    position: relative;
+
+    .github-corner {
+      position: absolute;
+      top: 0px;
+      border: 0;
+      right: 0;
+    }
+
+    .chart-wrapper {
+      background: #fff;
+      padding: 16px 16px 0;
+      margin-bottom: 32px;
+
+      .chart-title {
+        font-size: 16px;
+        margin-bottom: 10px;
+        display: flex;
+        justify-content: space-between;
+      }
+    }
+  }
+
+  @media (max-width:1024px) {
+    .chart-wrapper {
+      padding: 8px;
+    }
+  }
+</style>