From e91d7fc9796ea2a5c4b428f0a1bf7805a2c9d537 Mon Sep 17 00:00:00 2001
From: xuhaoyun <xuhaoyun1101@foxmail.com>
Date: Fri, 19 May 2023 11:22:05 +0800
Subject: [PATCH] 0519

---
 src/api/companyCanban/index.js      |   9 ++
 src/components/login.vue            |   1 +
 src/views/archives/anjian.vue       |   6 +-
 src/views/archives/car.vue          |   6 +-
 src/views/archives/fangke.vue       |  16 +--
 src/views/archives/qiyeyuangong.vue |   6 +-
 src/views/archives/wupin.vue        |   6 +-
 src/views/companyCanban/fangyi.vue  | 158 +++++++++++++++++++++++++++-
 src/views/safetyIndex/yuangong.vue  |   2 +-
 9 files changed, 187 insertions(+), 23 deletions(-)
 create mode 100644 src/api/companyCanban/index.js

diff --git a/src/api/companyCanban/index.js b/src/api/companyCanban/index.js
new file mode 100644
index 0000000..4da97cd
--- /dev/null
+++ b/src/api/companyCanban/index.js
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+//基本信息
+export function epidemicTrend(params) {
+    return request({
+        url: '/safety/signboard/epidemic/trend',
+        method: 'post',
+        params
+    })
+}
diff --git a/src/components/login.vue b/src/components/login.vue
index c0fc48e..a3f0659 100644
--- a/src/components/login.vue
+++ b/src/components/login.vue
@@ -95,6 +95,7 @@ export default {
             this.$store.dispatch("Login", param)
                 .then((res) => {
                     if (res.code === 200) {
+                        sessionStorage.setItem('activeIndex', '1')
                         this.$router.push({
                             path: '/home/safetyIndex'
                         })
diff --git a/src/views/archives/anjian.vue b/src/views/archives/anjian.vue
index 7cf6bfa..dae7840 100644
--- a/src/views/archives/anjian.vue
+++ b/src/views/archives/anjian.vue
@@ -32,7 +32,7 @@
         <div class="block">
             <el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
                 @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum"
-                :page-sizes="[3]" layout="total, sizes, prev, pager, next, jumper" :total="total">
+                :page-sizes="[5]" layout="total, sizes, prev, pager, next, jumper" :total="total">
             </el-pagination>
         </div>
         <el-dialog title="案件详情" :visible.sync="diaVisible" class="picForm" v-if="anjianDetail">
@@ -107,7 +107,7 @@ export default {
     data() {
         return {
             formInline: {},
-            pageSize: 3,
+            pageSize: 5,
             pageNum: 1,
             total: 0,
             diaVisible: false,
@@ -160,7 +160,7 @@ export default {
 <style lang="less" scoped>
 .mainBox {
     width: 100%;
-    height: 320px;
+    height: 420px;
     background: url('~@/assets/companyFile/背景22136.png') no-repeat;
     background-size: 100% 100%;
     padding: 70px 20px 60px;
diff --git a/src/views/archives/car.vue b/src/views/archives/car.vue
index ed67a51..98bd17c 100644
--- a/src/views/archives/car.vue
+++ b/src/views/archives/car.vue
@@ -48,7 +48,7 @@
         <div class="block">
             <el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
                 @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum"
-                :page-sizes="[6]" layout="total, sizes, prev, pager, next, jumper" :total="total">
+                :page-sizes="[5]" layout="total, sizes, prev, pager, next, jumper" :total="total">
             </el-pagination>
         </div>
         <div class="bottomZS"></div>
@@ -61,7 +61,7 @@ export default {
     data() {
         return {
             formInline: {},
-            pageSize: 6,
+            pageSize: 5,
             pageNum: 1,
             total: 0,
             isShow: [{ show: false }, { show: false }, { show: false }, { show: false }, { show: false }],
@@ -118,7 +118,7 @@ export default {
 <style lang="less" scoped>
 .mainBox {
     width: 100%;
-    height: 550px;
+    height: 470px;
     background: url('~@/assets/companyFile/背景22136.png') no-repeat;
     background-size: 100% 100%;
     padding: 70px 20px 60px;
diff --git a/src/views/archives/fangke.vue b/src/views/archives/fangke.vue
index 45384cd..d133c77 100644
--- a/src/views/archives/fangke.vue
+++ b/src/views/archives/fangke.vue
@@ -104,16 +104,16 @@ export default {
         this.getList()
     },
     mounted() {
-        this.$nextTick(() => {
-            this.chooseTime = [this.timeDefault + ' 00:00:00', this.timeDefault + ' 23:59:59']
-        })
+        // this.$nextTick(() => {
+        //     this.chooseTime = [this.timeDefault + ' 00:00:00', this.timeDefault + ' 23:59:59']
+        // })
     },
     computed: {
-        timeDefault() {
-            const date = new Date();
-            let s1 = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + (date.getDate());
-            return s1;
-        }
+        // timeDefault() {
+        //     const date = new Date();
+        //     let s1 = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + (date.getDate());
+        //     return s1;
+        // }
     },
     methods: {
         getList() {
diff --git a/src/views/archives/qiyeyuangong.vue b/src/views/archives/qiyeyuangong.vue
index 41b9953..a19d39e 100644
--- a/src/views/archives/qiyeyuangong.vue
+++ b/src/views/archives/qiyeyuangong.vue
@@ -53,7 +53,7 @@
         <div class="block">
             <el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
                 @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum"
-                :page-sizes="[6]" layout="total, sizes, prev, pager, next, jumper" :total="total">
+                :page-sizes="[5]" layout="total, sizes, prev, pager, next, jumper" :total="total">
             </el-pagination>
         </div>
         <div class="bottomZS"></div>
@@ -66,7 +66,7 @@ export default {
     data() {
         return {
             formInline: {},
-            pageSize: 6,
+            pageSize: 5,
             pageNum: 1,
             total: 0,
             tableData: [],
@@ -149,7 +149,7 @@ export default {
 <style lang="less" scoped>
 .mainBox {
     width: 100%;
-    height: 720px;
+    height: 620px;
     background: url('~@/assets/companyFile/背景22136.png') no-repeat;
     background-size: 100% 100%;
     padding: 70px 20px 60px;
diff --git a/src/views/archives/wupin.vue b/src/views/archives/wupin.vue
index b39b26a..aa34576 100644
--- a/src/views/archives/wupin.vue
+++ b/src/views/archives/wupin.vue
@@ -48,7 +48,7 @@
         <div class="block">
             <el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
                 @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum"
-                :page-sizes="[6]" layout="total, sizes, prev, pager, next, jumper" :total="total">
+                :page-sizes="[5]" layout="total, sizes, prev, pager, next, jumper" :total="total">
             </el-pagination>
         </div>
         <el-dialog :title="detailItem.goodsName" :visible.sync="diaVisible" class="picForm">
@@ -93,7 +93,7 @@ export default {
     data() {
         return {
             formInline: {},
-            pageSize: 6,
+            pageSize: 5,
             pageNum: 1,
             DetailpageSize: 5,
             detailpageNum: 1,
@@ -203,7 +203,7 @@ export default {
 <style lang="less" scoped>
 .mainBox {
     width: 100%;
-    height: 550px;
+    height: 460px;
     background: url('~@/assets/companyFile/背景22136.png') no-repeat;
     background-size: 100% 100%;
     padding: 70px 20px 60px;
diff --git a/src/views/companyCanban/fangyi.vue b/src/views/companyCanban/fangyi.vue
index 8958df9..354e8c8 100644
--- a/src/views/companyCanban/fangyi.vue
+++ b/src/views/companyCanban/fangyi.vue
@@ -1,20 +1,165 @@
 <template>
     <div class="fangyi">
         <div class="title"><img src="../../assets/safetyIndex/装饰009991.png" alt="">防疫安全</div>
+        <div class="fytb" id="fytb"></div>
         <div class="bottomBtns"></div>
     </div>
 </template>
 <script>
-
+import * as echarts from 'echarts';
+import "echarts-gl";
+import { epidemicTrend } from '@/api/companyCanban'
 export default {
     props: ['companyId'],
     data() {
         return {
-
+            companyID: this.companyId,
+            fangyiList: {},
+            dateList: [],
+            jingneiList: [],
+            jingwaiList: [],
         }
     },
     created() {
+        console.log(this.companyID, 'this.companyID');
+        epidemicTrend({ companyId: this.companyID }).then(res => {
+            this.fangyiList = res.data
+            this.initfytb()
+        })
+    },
+    methods: {
+        initfytb() {
+            let myChart = echarts.init(document.getElementById("fytb"));
+            const dateList = this.fangyiList.list_12.map(item => {
+                return item.statisticsDate
+            })
+            const jingnwaiList = this.fangyiList.list_12.map(item => {
+                return item.numValue
+            })
+            const jingnneiList = this.fangyiList.list_13.map(item => {
+                return item.numValue
+            })
+            const option = {
+                tooltip: {
+                    trigger: "axis",
+                },
+                grid: {
+                    top: "5%",
+                    right: "5%",
+                    bottom: "15%",
+                    left: "15%",
+                },
+                legend: [{
+                    data: ['这是一个小标题'],
+                    top: '5%',
+                    width: 100,
+                    selectedMode: false,
+                    textStyle: {
+                        color: 'rgba(255, 255, 255, 0.7)'
+                    },
+                }, {
+                    top: '5%',
+                    right: 'center',
+                    width: 200,
+                    data: ['境外', '境内'],
+                    textStyle: {
+                        color: 'rgba(255, 255, 255, 0.7)'
+                    },
+                },],
+
+                xAxis: {
+                    type: "category",
+                    show: true,
+                    minInterval: 1,
+                    splitLine: {
+                        show: false,
+                    },
+                    axisLabel: {
+                        show: true, // 是否显示刻度标签
+                        color: "#D0DEEE", // 刻度标签文字的颜色
+                    },
+                    minorTick: { show: false },
+                    data: dateList,
+                },
+                yAxis: {
+                    type: "value",
+                    show: true,
+                    minInterval: 1,
+                    splitLine: {
+                        show: false,
+                    },
+                    minorTick: { show: false },
+                    axisLabel: {
+                        show: true, // 是否显示刻度标签
+                        color: "#FFF", // 刻度标签文字的颜色
+                    },
+                },
+                series: [
+                    {
+                        name: "境外",
+                        type: "line",
+                        showSymbol: false,
+                        stack: "Total",
+                        emphasis: {
+                            focus: "series",
+                        },
+                        areaStyle: {
+                            opacity: 0.8,
+                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                                {
+                                    offset: 0,
+                                    color: "rgb(128, 255, 165)",
+                                },
+                                {
+                                    offset: 1,
+                                    color: "rgb(1, 191, 236)",
+                                },
+                            ]),
+                        },
+                        smooth: true,
+
+                        itemStyle: {
+                            normal: {
+                                color: "#00d2c4",
+                            },
+                        },
+                        data: jingnwaiList,
+                    },
+                    {
+                        name: "境内",
+                        type: "line",
+                        showSymbol: false,
+                        stack: "Total",
+                        emphasis: {
+                            focus: "series",
+                        },
+                        areaStyle: {
+                            opacity: 0.8,
+                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                                {
+                                    offset: 0,
+                                    color: "rgb(255, 191, 0)",
+                                },
+                                {
+                                    offset: 1,
+                                    color: "rgb(224, 62, 76)",
+                                },
+                            ]),
+                        },
+                        smooth: true,
 
+                        itemStyle: {
+                            normal: {
+                                color: "#FFCB6A",
+                            },
+                        },
+                        data: jingnneiList,
+                    },
+                ],
+            };
+
+            option && myChart.setOption(option);
+        },
     },
 }
 </script>
@@ -47,9 +192,18 @@ export default {
         }
     }
 
+    .fytb {
+        width: 100%;
+        height: calc(100% - 93px);
+
+        padding: 0 15px;
+    }
+
     .bottomBtns {
         width: 100%;
         height: 50px;
+        margin-bottom: 10px;
+        padding: 0 15px;
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/safetyIndex/yuangong.vue b/src/views/safetyIndex/yuangong.vue
index 1b3f4a8..354f9f7 100644
--- a/src/views/safetyIndex/yuangong.vue
+++ b/src/views/safetyIndex/yuangong.vue
@@ -341,7 +341,7 @@ export default {
     }
 
     .zongshu {
-        width: 350px;
+        width: 400px;
         height: 26px;
         margin: 5px auto;
         background: url('~@/assets/safetyIndex/7691.png') no-repeat;