From 537d0a0a333cf5a5a8212d3b98103f6c04cc8116 Mon Sep 17 00:00:00 2001
From: mhsnet <mhsnet@163.com>
Date: Mon, 8 May 2023 14:43:38 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=B7=BB=E5=8A=A0=E9=87=87?=
 =?UTF-8?q?=E8=B4=AD=E9=94=80=E5=94=AE=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../admin/components/PurchasingTodayList.vue  | 181 ++++++++++++++++++
 .../admin/components/SaleTodayList.vue        | 177 +++++++++++++++++
 SC-web/src/views/dashboard/admin/index.vue    |  14 +-
 3 files changed, 371 insertions(+), 1 deletion(-)
 create mode 100644 SC-web/src/views/dashboard/admin/components/PurchasingTodayList.vue
 create mode 100644 SC-web/src/views/dashboard/admin/components/SaleTodayList.vue

diff --git a/SC-web/src/views/dashboard/admin/components/PurchasingTodayList.vue b/SC-web/src/views/dashboard/admin/components/PurchasingTodayList.vue
new file mode 100644
index 00000000..edd5ccc6
--- /dev/null
+++ b/SC-web/src/views/dashboard/admin/components/PurchasingTodayList.vue
@@ -0,0 +1,181 @@
+<template>
+  <div class="notice_right">
+    <div class="notice_title">
+      <div class="title_left">
+        <span>今日采购数据</span>
+      </div>
+      <div class="title_right">
+      </div>
+    </div>
+    <div>
+      <el-table :data="list" style="width: 100%">
+        <el-table-column prop="Number" width="50px" label="序号">
+        </el-table-column>
+        <el-table-column prop="FFullName" label="部门">
+        </el-table-column>
+        <el-table-column prop="bangdan" label="采购磅单数(张)">
+        </el-table-column>
+        <el-table-column prop="settlement" label="采购吨位(吨)">
+        </el-table-column>
+        <el-table-column prop="amout" label="采购总额">
+        </el-table-column>
+        <el-table-column prop="notPaypalAmounts" label="代付款总额">
+        </el-table-column>
+        <el-table-column prop="paypalamounts" label="已付款总额">
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+
+<script>
+import request from '@/utils/request'
+import CountTo from 'vue-count-to'
+export default {
+  components: { CountTo },
+  data() {
+    return {
+      pageSize: 7,
+      currentPage: 1,
+      intervalID: undefined,
+      list: []
+    }
+  },
+  mounted: function () {
+    this.PurchasingTodayList();
+    this.intervalStrat();
+  },
+  // mounted() {
+  //   var date = new Date();
+  //   this.fnDateChg(date);
+  // },
+  beforeDestroy() {
+    this.intervalDel();
+  },
+  methods: {
+    PurchasingTodayList: function () {
+      request({
+        url: "/api/messageCenter/MessageCenter/getPurchaseorderdata",
+        method: "get",
+        data: {
+          currentPage: this.currentPage,
+          pageSize: this.pageSize,
+          json: "",
+          keyword: "",
+          sidx: ""
+        },
+      }).then(res => {
+        if (res.code == 200) {
+          this.list = res.data;
+          if (this.list.length === this.pageSize) {
+            this.currentPage = this.currentPage + 1;
+          } else {
+            this.currentPage = 1;
+          }
+        }
+      }).catch(() => {
+      })
+    },
+    intervalStrat() {
+      this.intervalDel();
+      this.intervalID = setInterval(() => {
+        this.PurchasingTodayList();
+      }, 5000);
+
+    },
+    intervalDel() {
+      if (this.intervalID) {
+        clearInterval(this.intervalID);
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.notice_title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 60px;
+  padding: 0 25px;
+
+  .title_left {
+    display: flex;
+    align-items: center;
+
+    span {
+      font-size: 16px;
+      font-weight: bold;
+      color: #333;
+    }
+  }
+
+  .title_right {
+    font-size: 12px;
+    color: #999;
+    line-height: 30px;
+  }
+}
+
+.notice_right {
+  background: #fff;
+  height: 400px;
+  border-radius: 4px;
+  overflow: hidden;
+
+  .no_right_massage {
+    li {
+      display: flex;
+      background: #fff;
+      border: 1px;
+      height: 170px;
+      border-top: 1px solid #f2f2f5;
+
+      .right_item {
+        width: 50%;
+        padding: 16px 20px;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+
+        .right-top {
+          font-size: 14px;
+          display: flex;
+          align-items: center;
+
+          img {
+            margin-right: 10px;
+          }
+        }
+
+        p {
+          font-size: 14px;
+          line-height: 22px;
+          padding: 20px 0;
+          color: #999;
+          display: -webkit-box;
+          line-clamp: 3;
+          -webkit-line-clamp: 3;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          /*! autoprefixer: off */
+          -webkit-box-orient: vertical;
+          /* autoprefixer: on */
+        }
+
+        .bt {
+          display: flex;
+          justify-content: space-between;
+          font-size: 12px;
+          color: #999;
+        }
+      }
+
+      .linet {
+        border-left: 1px solid #f2f2f5;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/SC-web/src/views/dashboard/admin/components/SaleTodayList.vue b/SC-web/src/views/dashboard/admin/components/SaleTodayList.vue
new file mode 100644
index 00000000..f719262f
--- /dev/null
+++ b/SC-web/src/views/dashboard/admin/components/SaleTodayList.vue
@@ -0,0 +1,177 @@
+<template>
+  <div class="notice_right">
+    <div class="notice_title">
+      <div class="title_left">
+        <span>今日销售数据</span>
+      </div>
+      <div class="title_right">
+      </div>
+    </div>
+    <div>
+      <el-table :data="list" style="width: 100%">
+        <el-table-column prop="Number" width="50px" label="序号">
+        </el-table-column>
+        <el-table-column prop="FFullName" label="部门">
+        </el-table-column>
+        <el-table-column prop="amout" label="销售总额">
+        </el-table-column>
+        <el-table-column prop="notCollectionAmounts" label="待回款总额">
+        </el-table-column>
+        <el-table-column prop="collectionamounts" label="进入回款额">
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+
+<script>
+import request from '@/utils/request'
+import CountTo from 'vue-count-to'
+export default {
+  components: { CountTo },
+  data() {
+    return {
+      pageSize: 7,
+      currentPage: 1,
+      intervalID: undefined,
+      list: []
+    }
+  },
+  mounted: function () {
+    this.SaleTodayList();
+    this.intervalStrat();
+  },
+  // mounted() {
+  //   var date = new Date();
+  //   this.fnDateChg(date);
+  // },
+  beforeDestroy() {
+    this.intervalDel();
+  },
+  methods: {
+    SaleTodayList: function () {
+      request({
+        url: "/api/messageCenter/MessageCenter/getSalesorderData",
+        method: "get",
+        data: {
+          currentPage: this.currentPage,
+          pageSize: this.pageSize,
+          json: "",
+          keyword: "",
+          sidx: "",
+        },
+      }).then(res => {
+        if (res.code == 200) {
+          this.list = res.data;
+          if (this.list.length === this.pageSize) {
+            this.currentPage = this.currentPage + 1;
+          } else {
+            this.currentPage = 1;
+          }
+        }
+      }).catch(() => {
+      })
+    },
+    intervalStrat() {
+      this.intervalDel();
+      this.intervalID = setInterval(() => {
+        this.SaleTodayList();
+      }, 5000);
+
+    },
+    intervalDel() {
+      if (this.intervalID) {
+        clearInterval(this.intervalID);
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.notice_title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 60px;
+  padding: 0 25px;
+
+  .title_left {
+    display: flex;
+    align-items: center;
+
+    span {
+      font-size: 16px;
+      font-weight: bold;
+      color: #333;
+    }
+  }
+
+  .title_right {
+    font-size: 12px;
+    color: #999;
+    line-height: 30px;
+  }
+}
+
+.notice_right {
+  background: #fff;
+  height: 400px;
+  border-radius: 4px;
+  overflow: hidden;
+
+  .no_right_massage {
+    li {
+      display: flex;
+      background: #fff;
+      border: 1px;
+      height: 170px;
+      border-top: 1px solid #f2f2f5;
+
+      .right_item {
+        width: 50%;
+        padding: 16px 20px;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+
+        .right-top {
+          font-size: 14px;
+          display: flex;
+          align-items: center;
+
+          img {
+            margin-right: 10px;
+          }
+        }
+
+        p {
+          font-size: 14px;
+          line-height: 22px;
+          padding: 20px 0;
+          color: #999;
+          display: -webkit-box;
+          line-clamp: 3;
+          -webkit-line-clamp: 3;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          /*! autoprefixer: off */
+          -webkit-box-orient: vertical;
+          /* autoprefixer: on */
+        }
+
+        .bt {
+          display: flex;
+          justify-content: space-between;
+          font-size: 12px;
+          color: #999;
+        }
+      }
+
+      .linet {
+        border-left: 1px solid #f2f2f5;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/SC-web/src/views/dashboard/admin/index.vue b/SC-web/src/views/dashboard/admin/index.vue
index 3419e366..3b66c807 100644
--- a/SC-web/src/views/dashboard/admin/index.vue
+++ b/SC-web/src/views/dashboard/admin/index.vue
@@ -42,6 +42,14 @@
       </ul>
     </div>
     <panel-group />
+    <el-row :gutter="10" class="notice">
+      <el-col :span="12">
+        <PurchasingTodayList />
+      </el-col>
+      <el-col :span="12">
+        <SaleTodayList />
+      </el-col>
+    </el-row>
     <el-row :gutter="12">
       <el-col :span="12">
         <line-chart-a />
@@ -92,6 +100,8 @@ import LineChartA from './components/LineChartA'
 import LineChartB from './components/LineChartB'
 import CountTo from 'vue-count-to'
 import ContractList from './components/ContractList'
+import PurchasingTodayList from './components/PurchasingTodayList'
+import SaleTodayList from './components/SaleTodayList'
 export default {
   name: 'DashboardAdmin',
   components: {
@@ -101,7 +111,9 @@ export default {
     CountTo,
     PortalLayoutB,
     PortalLayoutC,
-    ContractList
+    ContractList,
+    PurchasingTodayList,
+    SaleTodayList
   },
   data() {
     return {