Главная Обзор Помощь
Регистрация Вход
bxf
/
ducha-qianduan
1
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Просмотр исходного кода

1.0

zxr 3 лет назад
Родитель
bd115b7b77
Сommit
6f3743673d
69 измененных файлов с 7846 добавлено и 84 удалено
Разделённый вид Показать статистику Diff
  1. 2003 0
      public/taishi.html
  2. BIN
      public/taishi/IMPACT.TTF
  3. BIN
      public/taishi/New-X-Digital-tfb-2.ttf
  4. BIN
      public/taishi/SourceHanSansCN-Bold.otf
  5. BIN
      public/taishi/SourceHanSansCN-ExtraLight.otf
  6. BIN
      public/taishi/SourceHanSansCN-Heavy.otf
  7. BIN
      public/taishi/SourceHanSansCN-Light.otf
  8. BIN
      public/taishi/SourceHanSansCN-Medium.otf
  9. BIN
      public/taishi/SourceHanSansCN-Normal.otf
  10. BIN
      public/taishi/SourceHanSansCN-Regular.otf
  11. 111 0
      public/taishi/center22.js
  12. 134 0
      public/taishi/center2_d.js
  13. 297 0
      public/taishi/center3_d.js
  14. 156 0
      public/taishi/centerl.js
  15. 423 0
      public/taishi/color.js
  16. 179 0
      public/taishi/demo.js
  17. 21 0
      public/taishi/echarts.min.js
  18. BIN
      public/taishi/img/].png
  19. BIN
      public/taishi/img/anniu.png
  20. BIN
      public/taishi/img/c1.png
  21. BIN
      public/taishi/img/c12.png
  22. BIN
      public/taishi/img/c2.png
  23. BIN
      public/taishi/img/c3.png
  24. BIN
      public/taishi/img/center.png
  25. BIN
      public/taishi/img/cheliangq.png
  26. BIN
      public/taishi/img/cheliangz.png
  27. BIN
      public/taishi/img/cl1.png
  28. BIN
      public/taishi/img/cr.png
  29. BIN
      public/taishi/img/deng.png
  30. BIN
      public/taishi/img/l1.png
  31. BIN
      public/taishi/img/l12.png
  32. BIN
      public/taishi/img/l2.png
  33. BIN
      public/taishi/img/l21.png
  34. BIN
      public/taishi/img/r1.png
  35. BIN
      public/taishi/img/r2.png
  36. BIN
      public/taishi/img/r3.png
  37. BIN
      public/taishi/img/r3t.png
  38. BIN
      public/taishi/img/situationtitle.png
  39. BIN
      public/taishi/img/taishibg.png
  40. BIN
      public/taishi/img/waichu.png
  41. BIN
      public/taishi/img/yinfangs.png
  42. BIN
      public/taishi/img/yinfangz.png
  43. BIN
      public/taishi/img/yinjus.png
  44. BIN
      public/taishi/img/yinjuz.png
  45. BIN
      public/taishi/img/zaiwei.png
  46. BIN
      public/taishi/img/zong.png
  47. BIN
      public/taishi/img/未标题-2.png
  48. 1 0
      public/taishi/jquery-1.8.3.min.js
  49. 1309 0
      public/taishi/jquery.liMarquee.js
  50. 125 0
      public/taishi/left2_1.js
  51. 123 0
      public/taishi/left2_2.js
  52. 125 0
      public/taishi/left2_3.js
  53. 237 0
      public/taishi/left3_d.js
  54. 55 0
      public/taishi/liMarquee.css
  55. 33 0
      public/taishi/main.js
  56. 190 0
      public/taishi/right3_1.js
  57. 237 0
      public/taishi/right_1.js
  58. 226 0
      public/taishi/right_2.js
  59. 1276 0
      public/taishi/situation.html
  60. 347 0
      public/taishi/swiper.min.js
  61. 11 7
      src/components/Breadcrumb/index.vue
  62. 4 3
      src/layout/components/Sidebar/index.vue
  63. 1 0
      src/layout/components/TagsView/index.vue
  64. 63 21
      src/store/modules/tagsView.js
  65. 10 10
      src/views/combatduty/basedutyinfo/index.vue
  66. 1 1
      src/views/peopleManage/people/index.vue
  67. 8 1
      src/views/pt.vue
  68. 127 41
      src/views/system/user/index.vue
  69. 13 0
      src/views/taishi/taishi/index.vue

+ 2003 - 0
public/taishi.html
Просмотреть файл 

@@ -0,0 +1,2003 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <script src="/taishi/echarts.min.js"></script>
 
+    <script src="/taishi/swiper.min.js"></script>
 
+    <script src="/taishi/color.js"></script>
 
+
 
+
 
+
 
+    <title>应急发射机动大队态势分析</title>
 
+    <!--<link rel="stylesheet" href="/taishi/liMarquee.cpcss">-->
 
+    <style>
 
+        /* @media screen and (min-height:1079px) {
 
+            
+            .center {
 
+                margin-top: 196px !important;
 
+                transform: scale(1.144);
 
+            }
 
+
 
+            .left,
 
+            .right {
 
+                margin-top: 219px !important;
 
+                transform: scale(1.2) !important;
 
+                margin-right: 1vh;
 
+            }
 
+
 
+            .right {
 
+                margin-left: 44px !important;
 
+                margin-right: 180px !important;
 
+            }
 
+
 
+            .left {
 
+                margin-left: 180px !important;
 
+                margin-right: 44px;
 
+            } 
+        } */
 
+
 
+        * {
 
+            padding: 0;
 
+            margin: 0;
 
+        }
 
+
 
+        html,
 
+        body {
 
+            height: 100%;
 
+            width: 100%;
 
+        }
 
+
 
+        .left,
 
+        .right {
 
+            transform: scale(1.08);
 
+        }
 
+
 
+        /* .center{
 
+            transform: scale(1.02);
 
+        } */
 
+        @font-face {
 
+            font-family: 'IMPACT';
 
+            src: url('IMPACT.ttf');
 
+            font-family: 'New-X-Digital-tfb-2';
 
+            src: url('New-X-Digital-tfb-2.ttf');
 
+        }
 
+
 
+        .out {
 
+            background-image: url(/taishi/img/taishibg.png);
 
+            background-size: 100% 100%;
 
+            height: 100%;
 
+            position: fixed;
 
+            width: 100%;
 
+            /* padding-top: -4vh; */
 
+            background-repeat: no-repeat;
 
+            overflow: auto;
 
+            min-width: 1200px;
 
+            display: flex;
 
+            flex-direction: row;
 
+            overflow-x: hidden;
 
+            overflow-y: hidden;
 
+            z-index: -1;
 
+        }
 
+
 
+        .title {
 
+            position: fixed;
 
+            top: -2px;
 
+            width: 100%;
 
+        }
 
+
 
+        .left {
 
+            margin-top: 6.6vw;
 
+            margin-left: 6vw;
 
+            display: flex;
 
+            flex-direction: column;
 
+            height: 100%;
 
+        }
 
+
 
+        .left1 {
 
+            background-image: url(/taishi/img/l12.png);
 
+            height: 20%;
 
+            width: 400px;
 
+            background-size: 100% 100%;
 
+            background-repeat: no-repeat;
 
+            padding-top: 1.5vh;
 
+            padding-left: 0.5vw;
 
+            box-sizing: border-box;
 
+            margin-top: 0.5vw;
 
+            /* margin-bottom: 2vh; */
 
+        }
 
+
 
+        .demot {
 
+            background-image: url(/taishi/img/dtitle.png);
 
+            text-align: left;
 
+            color: white;
 
+            font-size: 12px;
 
+            /* padding-top: 1vh; */
 
+            margin-left: 0.3vw;
 
+            background-size: 100%;
 
+            line-height: 23px;
 
+            width: 20vw;
 
+            height: 22px;
 
+            background-repeat: no-repeat;
 
+        }
 
+
 
+        .demot p {
 
+            margin-left: 2vw;
 
+        }
 
+
 
+        .left1_b {
 
+            margin-top: 1vh;
 
+            font-size: 12px;
 
+            color: white;
 
+            background-color: #033a5d;
 
+            height: 33px;
 
+            line-height: 31px;
 
+            width: 186px;
 
+            text-align: center;
 
+            display: inline-block;
 
+        }
 
+
 
+        .left1_s {
 
+            margin-top: 4px;
 
+            font-size: 12px;
 
+            color: white;
 
+            border: 1px solid #033a5d;
 
+            height: 27px;
 
+            line-height: 27px;
 
+            width: 180px;
 
+            text-align: left;
 
+            display: inline-block;
 
+            padding-left: 6px;
 
+        }
 
+
 
+        .left1 span {
 
+            margin-left: 0.1vw;
 
+            font-size: 16px;
 
+            color: #30fdff;
 
+        }
 
+
 
+        .left1_l {
 
+            margin-top: 4px;
 
+            font-size: 12px;
 
+            color: white;
 
+            border: 1px solid #033a5d;
 
+            height: 33px;
 
+            line-height: 31px;
 
+            width: 378px;
 
+            text-align: center;
 
+        }
 
+
 
+        .left2 {
 
+            background-image: url(/taishi/img/l2.png);
 
+            height: 29%;
 
+            width: 400px;
 
+            background-size: 100% 100%;
 
+            background-repeat: no-repeat;
 
+            /* padding-top: 1.5vh; */
 
+            margin-top: 0.5vw;
 
+            padding-left: 0.5vw;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        .left2_d {
 
+            margin-top: 1vh;
 
+            font-size: 12px;
 
+            color: white;
 
+            width: 126px;
 
+            text-align: center;
 
+            display: inline-block;
 
+            margin-bottom: 1vh;
 
+        }
 
+
 
+        .left2_d span {
 
+            margin-left: 0.5vw;
 
+            font-family: 'IMPACT';
 
+            font-size: 22px;
 
+            color: #30fdff;
 
+        }
 
+
 
+        .left3 {
 
+            background-image: url(/taishi/img/l21.png);
 
+            height: 30%;
 
+            width: 400px;
 
+            box-sizing: border-box;
 
+            background-size: 100% 100%;
 
+            background-repeat: no-repeat;
 
+            margin-top: 0.5vw;
 
+            padding-left: 0.5vw;
 
+        }
 
+
 
+        #left3_d {
 
+            width: 450px;
 
+            height: 275px;
 
+            transform: scale(0.8);
 
+            margin-top: -30px;
 
+            margin-left: -35px;
 
+            color: white;
 
+        }
 
+
 
+        .center {
 
+            margin-top: 5vw;
 
+            margin-left: 3vw;
 
+            width: 780px;
 
+        }
 
+
 
+        .center1 {
 
+            background-image: url(/taishi/img/c12.png);
 
+            height: 46%;
 
+            width: 780px;
 
+            background-size: 100% 100%;
 
+            background-repeat: no-repeat;
 
+            /* padding-top: 1.5vh; */
 
+            /* margin-top: 0.5vw; */
 
+            display: flex;
 
+            justify-content: space-around;
 
+            flex-wrap: wrap;
 
+            margin-bottom: 7px;
 
+        }
 
+
 
+        .center2 {
 
+            /* background-image: url(/taishi/img/cl1.png); */
 
+            height: 199px;
 
+            width: 370px;
 
+            background-size: 100%;
 
+            background-repeat: no-repeat;
 
+            padding-top: 1.5vh;
 
+            padding-left: 0.5vw;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        #center2_d {
 
+            width: 380px;
 
+            height: 170px;
 
+            /* margin-top: -13px; */
 
+        }
 
+
 
+        .center3 {
 
+            /* background-image: url(/taishi/img/cl1.png); */
 
+            height: 225px;
 
+            width: 403px;
 
+            background-size: 100%;
 
+            background-repeat: no-repeat;
 
+            padding-top: 1.5vh;
 
+            padding-left: 0.5vw;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        #center3_d {
 
+            width: 600px;
 
+            height: 300px;
 
+            transform: scale(0.7);
 
+            position: relative;
 
+            top: -50px;
 
+            left: -100px;
 
+        }
 
+
 
+        .center4 {
 
+            background-image: url(/taishi/img/c3.png);
 
+            height: 23%;
 
+            width: 780px;
 
+            background-size: 100%;
 
+            background-repeat: no-repeat;
 
+            /* padding-top: 1.5vh; */
 
+            margin-top: 0.5vw;
 
+            padding-left: 0.5vw;
 
+            box-sizing: border-box;
 
+            position: relative;
 
+        }
 
+
 
+        .center4_d {
 
+            display: inline-block;
 
+            transform: scale(0.7);
 
+            margin-left: 0.3vw;
 
+            margin-top: -26px;
 
+        }
 
+
 
+        .center4_d img {
 
+            width: 70px;
 
+            height: 70px;
 
+            margin-right: 20px;
 
+        }
 
+
 
+        .center4_l {
 
+            color: white;
 
+            font-size: 12px;
 
+            margin-top: 0.9vh;
 
+            margin-left: 0.3vw;
 
+            display: inline-block;
 
+            margin-right: 80px;
 
+        }
 
+
 
+        .center4_l div {
 
+            display: inline-block;
 
+            margin-right: 8px;
 
+            box-sizing: content-box;
 
+        }
 
+
 
+        .center4_b {
 
+            margin-top: 0.8vh;
 
+            margin-left: 0.3vw;
 
+            color: white;
 
+            font-size: 12px;
 
+            background-color: rgba(3, 58, 93, 0.3);
 
+            border: 0.1px solid #052c41;
 
+            height: 50px;
 
+            width: 140px;
 
+            line-height: 50px;
 
+            text-align: center;
 
+        }
 
+
 
+        .center4_b span {
 
+            font-family: 'IMPACT';
 
+            font-size: 22px;
 
+            margin-left: 20px;
 
+        }
 
+
 
+        .center4_s {
 
+            /* transform: scale(0.8); */
 
+            position: relative;
 
+            top: -165px;
 
+            left: 153px;
 
+            margin-bottom: 5px;
 
+            /* margin-top: 10px; */
 
+        }
 
+
 
+        .center4_s img {
 
+            width: 45px;
 
+            height: 45px;
 
+            margin-right: 10px;
 
+        }
 
+
 
+        .center4_y {
 
+            color: white;
 
+            font-size: 12px;
 
+            position: relative;
 
+            top: -338px;
 
+            left: 290px;
 
+            margin-bottom: 20px;
 
+        }
 
+
 
+        .center4_y img {
 
+            width: 50px;
 
+        }
 
+
 
+        .right {
 
+            margin-top: 6.6vw;
 
+            margin-left: 3vw;
 
+            margin-right: 6vw;
 
+        }
 
+
 
+        .icon {
 
+            animation: myMove 1s infinite;
 
+            transform: scale(1.2);
 
+        }
 
+
 
+        .icon2 {
 
+            animation: breathe 2s infinite;
 
+            transform: scale(1.2);
 
+            margin: 0 auto;
 
+            width: 8px;
 
+            height: 5px;
 
+            background-color: #f0422a;
 
+        }
 
+
 
+        @-webkit-keyframes breathe {
 
+            0% {
 
+                opacity: .6;
 
+                box-shadow: 0 1px 2px rgba(240, 66, 42, 0.6);
 
+                transform: scale(1, 1);
 
+                -moz-transform: scale(1, 1);
 
+                -webkit-transform: scale(1, 1);
 
+                -o-transform: scale(1, 1);
 
+                -ms-transform: scale(1, 1);
 
+            }
 
+
 
+            50% {
 
+                opacity: .8;
 
+                box-shadow: 0 1px 2px rgba(240, 66, 42, 0.8);
 
+                transform: scale(1.2, 1.2);
 
+                -moz-transform: scale(1.2, 1.2);
 
+                -webkit-transform: scale(1.2, 1.2);
 
+                -o-transform: scale(1.2, 1.2);
 
+                -ms-transform: scale(1.2, 1.2);
 
+            }
 
+
 
+            100% {
 
+                opacity: 1;
 
+                box-shadow: 0 2px 30px #f0422a;
 
+                transform: scale(1, 1);
 
+                -moz-transform: scale(1, 1);
 
+                -webkit-transform: scale(1, 1);
 
+                -o-transform: scale(1, 1);
 
+                -ms-transform: scale(1, 1);
 
+            }
 
+        }
 
+
 
+        @keyframes myMove {
 
+            0% {
 
+                transform: scale(1, 1);
 
+                -moz-transform: scale(1, 1);
 
+                -webkit-transform: scale(1, 1);
 
+                -o-transform: scale(1, 1);
 
+                -ms-transform: scale(1, 1);
 
+            }
 
+
 
+            50% {
 
+                transform: scale(1.2, 1.2);
 
+                -moz-transform: scale(1.2, 1.2);
 
+                -webkit-transform: scale(1.2, 1.2);
 
+                -o-transform: scale(1.2, 1.2);
 
+                -ms-transform: scale(1.2, 1.2);
 
+            }
 
+
 
+            100% {
 
+                transform: scale(1, 1);
 
+                -moz-transform: scale(1, 1);
 
+                -webkit-transform: scale(1, 1);
 
+                -o-transform: scale(1, 1);
 
+                -ms-transform: scale(1, 1);
 
+            }
 
+        }
 
+
 
+        .right2 {
 
+            /* background-image: url(/taishi/img/r2.png); */
 
+            height: 270px;
 
+            width: 400px;
 
+            background-size: 100% 100%;
 
+            background-repeat: no-repeat;
 
+            /* padding-top: 1.5vh; */
 
+            padding-left: 0.5vw;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        .right2_d {
 
+            color: white;
 
+            font-size: 15px;
 
+            text-align: center;
 
+            display: inline-block;
 
+            background-color: #052c41;
 
+            height: 30px;
 
+            width: 140px;
 
+            margin-top: 0.5vh;
 
+        }
 
+
 
+        .right2_d span {
 
+            color: #30fdff;
 
+            font-size: 22px;
 
+            margin-left: 10px;
 
+            font-family: 'IMPACT';
 
+        }
 
+
 
+        .right2_b {
 
+            color: white;
 
+            font-size: 15px;
 
+            text-align: center;
 
+            display: inline-block;
 
+            background-color: rgba(207, 60, 42, 0.3);
 
+            height: 30px;
 
+            width: 160px;
 
+            margin-top: 0.5vh;
 
+        }
 
+
 
+        .right2_b span {
 
+            color: #f0422a;
 
+            font-size: 22px;
 
+            margin-left: 10px;
 
+            font-family: 'IMPACT';
 
+        }
 
+
 
+        .right3 {
 
+            background-image: url(/taishi/img/r3.png);
 
+            height: 30%;
 
+            width: 402px;
 
+            background-size: 100% 100%;
 
+            background-repeat: no-repeat;
 
+            /* padding-top: 1.5vh; */
 
+            margin-top: 0.5vw;
 
+            /* padding-left: 0.5vw; */
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        #right3_1 {
 
+            display: inline-block;
 
+            width: 430px;
 
+            height: 400px;
 
+            transform: scale(0.52);
 
+            position: relative;
 
+            top: -320px;
 
+            left: 80px;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        #demo {
 
+            width: 400px;
 
+            height: 400px;
 
+            position: relative;
 
+            top: -513px;
 
+            left: 95px;
 
+            transform: scale(0.5);
 
+            display: inline-block;
 
+        }
 
+
 
+        .swiper-container {
 
+            width: 400px;
 
+            height: 200px;
 
+        }
 
+
 
+        /*插件的wrapper 这是关键， 覆盖插件默认切换效果为匀速*/
 
+        .swiper-wrapper {
 
+            transition-timing-function: linear;
 
+        }
 
+
 
+        .swiper-slide {
 
+            display: inline-block;
 
+            height: 23px !important;
 
+        }
 
+
 
+        .right1 td {
 
+            width: 76px;
 
+            height: 23px;
 
+        }
 
+
 
+        .right1 {
 
+            background-image: url(/taishi/img/r1.png);
 
+            height: 30%;
 
+            width: 400px;
 
+            background-size: 100% 100%;
 
+            background-repeat: no-repeat;
 
+            /* padding-top: 1.5vh; */
 
+            margin-top:0.5vw;
 
+            padding-left: 0.5vw;
 
+            box-sizing: border-box;
 
+            color: white;
 
+            font-size: 12px;
 
+            text-align: center;
 
+            overflow: hidden;
 
+            padding-bottom: 20px;
 
+            margin-bottom: 4px;
 
+        }
 
+
 
+        .table_change {
 
+            color: white;
 
+            font-size: 12px;
 
+            width: 100%;
 
+            margin-top: 10px;
 
+            text-align: center;
 
+        }
 
+
 
+        .table_change td {
 
+            height: 23px;
 
+        }
 
+
 
+        .center1_d {
 
+            font-size: 12px;
 
+            color: white;
 
+            display: inline-block;
 
+            margin-bottom: 10px;
 
+        }
 
+
 
+        .center1_d img {
 
+            width: 40px;
 
+            height: 40px;
 
+        }
 
+
 
+        .center1_d div {
 
+            display: inline-block;
 
+            font-size: 35px;
 
+            font-family: 'IMPACT';
 
+            background-color: #0c3361;
 
+            margin-left: 5px;
 
+            width: 25px;
 
+            text-align: center;
 
+            color: #ff9000;
 
+        }
 
+
 
+        .right4 {
 
+            background-image: url(/taishi/img/r2.png);
 
+            height: 31%;
 
+            width: 400px;
 
+            background-size: 100% 100%;
 
+            background-repeat: no-repeat;
 
+            /* padding-top: 1.5vh; */
 
+            margin-top: 0.5vw;
 
+            padding-left: 0.5vw;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        .anniu {
 
+            background: url(/taishi/img/anniu.png) no-repeat;
 
+            background-size: 100%;
 
+            width: 250px;
 
+            height: 64px;
 
+        }
 
+
 
+        .time {
 
+            /* margin-top: 3px; */
 
+            font-size: 9px;
 
+            color: white;
 
+            text-align: center;
 
+            display: inline-block;
 
+            transform: scale(0.9);
 
+            margin-left: -7px;
 
+        }
 
+
 
+        .time td {
 
+            height: 33px;
 
+            width: 65px;
 
+            background-color: #0c3361;
 
+        }
 
+
 
+        .people {
 
+            /* margin-top: 3px; */
 
+            font-size: 9px;
 
+            color: white;
 
+            text-align: center;
 
+            display: inline-block;
 
+            transform: scale(0.9);
 
+            margin-left: -12px;
 
+            margin-right: -13px;
 
+        }
 
+
 
+        .people td {
 
+            height: 33px;
 
+            width: 60px;
 
+            background-color: #0c3361;
 
+        }
 
+
 
+        .grade {
 
+            /* margin-top: 3px; */
 
+            font-size: 9px;
 
+            color: white;
 
+            text-align: center;
 
+            display: inline-block;
 
+            transform: scale(0.9);
 
+        }
 
+
 
+        .grade td {
 
+            height: 33px;
 
+            width: 60px;
 
+            background-color: #0c3361;
 
+        }
 
+
 
+        .center22 {
 
+            background-image: url(/taishi/img/center.png);
 
+            width: 780px;
 
+            height: 211px;
 
+            background-size: 100%;
 
+            background-repeat: no-repeat;
 
+            padding-top: 1.5vh;
 
+            padding-left: 0.5vw;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        #center22 {
 
+            width: 780px;
 
+            height: 300px;
 
+            transform: scale(1.1);
 
+            margin-top: -25px;
 
+        }
 
+
 
+        .center23 {
 
+            background-image: url(/taishi/img/center.png);
 
+            width: 800px;
 
+            height: 500px;
 
+            background-size: 100%;
 
+            background-repeat: no-repeat;
 
+            padding-top: 1.5vh;
 
+            padding-left: 0.5vw;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        #centerl {
 
+            width: 780px;
 
+            height: 200px;
 
+            margin-top: -10px;
 
+        }
 
+
 
+        .center_32 {
 
+            background-image: url(/taishi/img/c2.png);
 
+            height: 33%;
 
+            width: 780px;
 
+            background-size: 100% 100%;
 
+            background-repeat: no-repeat;
 
+            /* padding-top: 1.5vh; */
 
+            margin-top:0.5vw;
 
+            display: flex;
 
+            /* justify-content: space-around; */
 
+            flex-wrap: wrap;
 
+        }
 
+
 
+        .new_right_bottom {
 
+            width: 200px;
 
+            float: left;
 
+            /*margin-left: 90px;*/
 
+            margin-bottom: -5px;
 
+            position: relative;
 
+            top: -5px;
 
+        }
 
+
 
+        .gundong_box {
 
+            overflow: hidden;
 
+            height: 167px;
 
+        }
 
+
 
+        .table_tdtd td {
 
+            height: 23px;
 
+        }
 
+
 
+        .left1-box {
 
+            width: 100%;
 
+            height: 370px;
 
+            display: flex;
 
+            flex-wrap: wrap;
 
+        }
 
+
 
+        .left1-box-item {
 
+            flex: 1;
 
+            margin: 3px;
 
+            display: flex;
 
+        }
 
+
 
+        .left1-box-item-left {
 
+            width: 50%;
 
+            height: 100%;
 
+            font-size: 12px;
 
+            text-align: center;
 
+            color: #fff;
 
+            display: flex;
 
+            align-items: center;
 
+            justify-content: center;
 
+            align-items: center;
 
+            justify-content: center;
 
+        }
 
+
 
+        .left1-box-item-right {
 
+            width: 50%;
 
+            height: 100%;
 
+            font-size: 14px;
 
+            display: flex;
 
+            align-items: center;
 
+            justify-content: center;
 
+            text-align: center;
 
+            color: aqua;
 
+        }
 
+    </style>
 
+
 
+</head>
 
+
 
+<body onload="startTime()">
 
+    <div class="out">
 
+        <div class="left">
 
+            <div class="left1" id="left1">
 
+                <div class="demot">
 
+                    <p>今日值班</p>
 
+                </div>
 
+                <div class="left1_s"> </div>
 
+                <div class="left1_s">
 
+                </div>
 
+                <br>
 
+                <div class="left1_s">
 
+                </div>
 
+                <div class="left1_s">
 
+                </div>
 
+                <div class="left1_s">
 
+                </div>
 
+                <div class="left1_s">
 
+                </div>
 
+                <div class="left1_s">
 
+                </div>
 
+                <div class="left1_s">
 
+                </div>
 
+                <!--<div class="left1_l">-->
 
+                <!--<div class="left1-box" >-->
 
+                <!--     <div class="left1-box-item">-->
 
+                <!--          <div class="left1-box-item-left">-->
 
+
 
+                <!--          </div>-->
 
+                <!--          <div class="left1-box-item-right">-->
 
+
 
+                <!--          </div>-->
 
+                <!--     </div>-->
 
+                <!--</div>-->
 
+                <!--</div>-->
 
+            </div>
 
+            <script type="text/html" id="left1-tpl">
 
+        <div class="demot">
 
+          <p>今日值班</p>
 
+        </div>
 
+        <div class="left1_s" style="letter-spacing:3px;">值班首长：<span
 
+            style="margin-left: 8px;font-size:18px;letter-spacing:normal">{{d.people_id_text||'无'}}</span>
 
+        </div>
 
+        <div class="left1_s" style="letter-spacing:2.2px;">作战值班员：<span
 
+            style="font-size:18px;letter-spacing:normal">{{d.people_id1_text||'无'}}</span>
 
+        </div>
 
+
 
+        <div class="left1_s">值班通信员：<span style="font-size:16px;"></span>
 
+        </div>
 
+
 
+        <div class="left1_s" style="letter-spacing:3px;">机要值班员：<span
 
+            style="font-size:16px;letter-spacing:normal">{{d.people_id3_text||'无'}}</span>
 
+        </div>
 
+
 
+        <div class="left1_s">通信值班员：<span style="font-size:16px;">{{d.people_id2_text||'无'}}</span>
 
+        </div>
 
+        <div class="left1_s">政治工作部值班员：<span style="font-size:16px;">{{d.people_id4_text||'无'}}</span>
 
+        </div>
 
+        <div class="left1_s">保障部值班员：<span style="font-size:16px;">{{d.people_id5_text||'无'}}</span>
 
+        </div>
 
+
 
+        <div class="left1_s">值班分队：<span style="font-size:16px;">{{d.unit_id_text||'无'}}</span></div>
 
+        <div class="left1_s">大队值班：<span style="font-size:16px;">{{d.people_id7_text||'无'}}</span></div>
 
+
 
+      </script>
 
+            <div class="left2">
 
+                <div id="left2_1">
 
+                    <div class="demot">
 
+
 
+                    </div>
 
+                    <div class="left2_d">
 
+
 
+                    </div>
 
+                    <div class="left2_d">
 
+
 
+                    </div>
 
+                    <div class="left2_d">
 
+
 
+                    </div>
 
+                </div>
 
+                <script type="text/html" id="left2_1-tpl">
 
+          <div class="demot">
 
+            <p>装备值班情况</p>
 
+          </div>
 
+          <div class="left2_d">
 
+            总计<span>{{d.total}}</span>
 
+          </div>
 
+          <div class="left2_d">
 
+            试验<span>{{d.count1}}</span>
 
+          </div>
 
+          <div class="left2_d">
 
+            通用<span>{{d.count2}}</span>
 
+          </div>
 
+
 
+        </script>
 
+                <div class="demot">
 
+                    <p>军事训练月统计情况</p>
 
+                </div>
 
+                <div class="center4_l" style="margin-right: 85px;">
 
+                    <div style="background-color: #1d79b5;width: 5px;height: 9px;"></div><span
 
+                        style="line-height:15px">参训时</span>间
 
+                </div>
 
+                <div class="center4_l" style="margin-right: 70px;margin-left: -7px;">
 
+                    <div style="background-color: #1d79b5;width: 5px;height: 9px;"></div>兵力
 
+                </div>
 
+                <div class="center4_l" style="margin-right: 70px;">
 
+                    <div style="background-color: #1d79b5;width: 5px;height: 9px;"></div>成绩
 
+                </div>
 
+                <table class="time">
 
+                    <tr style="font-size:12px;color: #30fdff;font-weight: bold;">
 
+                        <td>训练类别</td>
 
+                        <td style="width: 84px;">人均参训时间</td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td>合成训练</td>
 
+                        <td>30小时</td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td>分业训练</td>
 
+                        <td>50小时</td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td>共同训练</td>
 
+                        <td>45小时</td>
 
+                    </tr>
 
+                </table>
 
+                <table class="people">
 
+                    <tr>
 
+                        <td>实有人数</td>
 
+                        <td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">547</td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td>参训人数</td>
 
+                        <td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">492</td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td>
 
+                            <p style="font-size: 9px;color: white;text-align: center;transform: scale(0.9);">未参训人数</p>
 
+                        </td>
 
+                        <td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">115</td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td>参训率</td>
 
+                        <td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">90%</td>
 
+                    </tr>
 
+                </table>
 
+                <table class="grade">
 
+                    <tr>
 
+                        <td>考核人次</td>
 
+                        <td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">547</td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td>优良</td>
 
+                        <td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">247</td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td>及格</td>
 
+                        <td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">195</td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td>未及格</td>
 
+                        <td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">5</td>
 
+                    </tr>
 
+                </table>
 
+            </div>
 
+            <div class="left3" id="left3">
 
+                <div class="demot">
 
+                    <p>车辆在位情况</p>
 
+                </div>
 
+                <div class="center4_l">
 
+                    <div style="background-color: #1d79b5;width: 5px;height: 15px;"></div>军车管理
 
+                </div>
 
+                <div class="center4_l">
 
+                    <div style="background-color: #1d79b5;width: 5px;height: 15px;"></div>私家车管理
 
+                </div>
 
+                <div class="center4_b">
 
+                </div>
 
+                <div class="center4_b">
 
+                </div>
 
+                <div class="center4_b">
 
+                </div>
 
+                <table class="center4_s">
 
+                    <tr>
 
+                        <td rowspan="2">
 
+                            <img src="/taishi/img/cheliangz.png" alt="">
 
+                        </td>
 
+                        <td style="color: #30fdff;font-family: 'IMPACT';font-size: 22px;"></td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td style="font-size: 15px;color: white;">车辆统计</td>
 
+                    </tr>
 
+                </table>
 
+                <table class="center4_s">
 
+                    <tr>
 
+                        <td rowspan="2">
 
+                            <img src="/taishi/img/cheliangz.png" alt="">
 
+                        </td>
 
+                        <td style="color: #30fdff;font-family: 'IMPACT';font-size: 22px;"></td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td style="font-size: 15px;color: white;">车辆在位</td>
 
+                    </tr>
 
+                </table>
 
+                <table class="center4_s">
 
+                    <tr>
 
+                        <td rowspan="2">
 
+                            <img src="/taishi/img/cheliangz.png" alt="">
 
+                        </td>
 
+                        <td style="color: #30fdff;font-family: 'IMPACT';font-size: 22px;"></td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td style="font-size: 15px;color: white;">车辆出场</td>
 
+                    </tr>
 
+                </table>
 
+                <table class="center4_y">
 
+                    <tr>
 
+                        <td>
 
+                            <img src="/taishi/img/cheliangq.png" alt="">
 
+                        </td>
 
+                        <td style="font-family: 'IMPACT';font-size: 22px;color: #b4372a;">1</td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td colspan="2" style="letter-spacing: 7px;">夜间进入</td>
 
+                    </tr>
 
+                </table>
 
+                <table class="center4_y">
 
+                    <tr>
 
+                        <td>
 
+                            <img src="/taishi/img/cheliangq.png" alt="">
 
+                        </td>
 
+                        <td style="font-family: 'IMPACT';font-size: 22px;color: #b4372a;">1</td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td colspan="2" style="letter-spacing: 7px;">外来车辆</td>
 
+                    </tr>
 
+                </table>
 
+            </div>
 
+            <script type="text/html" id="left3-tpl">
 
+        <div class="demot">
 
+          <p>车辆在位情况</p>
 
+        </div>
 
+        <div class="center4_l">
 
+          <div style="background-color: #1d79b5;width: 5px;height: 9px;"></div>军车管理
 
+        </div>
 
+        <div class="center4_l">
 
+          <div style="background-color: #1d79b5;width: 5px;height: 9px;"></div>私家车管理
 
+        </div>
 
+        <div class="center4_b">总计<span style="color: #30fdff;">{{d.jc.total}}</span>
 
+        </div>
 
+        <div class="center4_b">在位<span style="color: #fde17b;">{{d.jc.count1}}</span>
 
+        </div>
 
+        <div class="center4_b">外出<span style="color: #f0422a;">{{d.jc.count2}}</span>
 
+        </div>
 
+        <table class="center4_s">
 
+          <tr>
 
+            <td rowspan="2">
 
+              <img src="/taishi/img/cheliangz.png" alt="">
 
+            </td>
 
+            <td style="color: #30fdff;font-family: 'IMPACT';font-size: 22px;">{{d.sjc.total}}</td>
 
+          </tr>
 
+          <tr>
 
+            <td style="font-size: 15px;color: white;">车辆统计</td>
 
+          </tr>
 
+        </table>
 
+        <table class="center4_s">
 
+          <tr>
 
+            <td rowspan="2">
 
+              <img src="/taishi/img/cheliangz.png" alt="">
 
+            </td>
 
+            <td style="color: #30fdff;font-family: 'IMPACT';font-size: 22px;">{{d.sjc.count1}}</td>
 
+          </tr>
 
+          <tr>
 
+            <td style="font-size: 15px;color: white;">车辆在位</td>
 
+          </tr>
 
+        </table>
 
+        <table class="center4_s">
 
+          <tr>
 
+            <td rowspan="2">
 
+              <img src="/taishi/img/cheliangz.png" alt="">
 
+            </td>
 
+            <td style="color: #30fdff;font-family: 'IMPACT';font-size: 22px;">{{d.sjc.count2}}</td>
 
+          </tr>
 
+          <tr>
 
+            <td style="font-size: 15px;color: white;">车辆出场</td>
 
+          </tr>
 
+        </table>
 
+        <table class="center4_y">
 
+          <tr>
 
+            <td>
 
+              <img src="/taishi/img/cheliangq.png" alt="">
 
+            </td>
 
+            <td style="font-family: 'IMPACT';font-size: 22px;color: #b4372a;">1</td>
 
+          </tr>
 
+          <tr>
 
+            <td colspan="2" style="letter-spacing: 7px;">夜间进入</td>
 
+          </tr>
 
+        </table>
 
+        <table class="center4_y">
 
+          <tr>
 
+            <td>
 
+              <img src="/taishi/img/cheliangq.png" alt="">
 
+            </td>
 
+            <td style="font-family: 'IMPACT';font-size: 22px;color: #b4372a;">1</td>
 
+          </tr>
 
+          <tr>
 
+            <td colspan="2" style="letter-spacing: 7px;">外来车辆</td>
 
+          </tr>
 
+        </table>
 
+
 
+      </script>
 
+        </div>
 
+        <div class="center">
 
+            <div class="center1">
 
+                <div style="width:755px">
 
+                    <div class="demot">
 
+                        <p>大队人员在位情况</p>
 
+                    </div>
 
+                </div>
 
+
 
+                <div style="height: 0px;" id="center1">
 
+
 
+                    <table class="center1_d">
 
+                        <tr>
 
+                            <td></td>
 
+                            <td style="padding-left:7px;padding-bottom: 5px;">在位总数</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td>
 
+                                <img src="/taishi/img/zong.png" alt="">
 
+                            </td>
 
+                            <td>
 
+                                <div>&nbsp;</div>
 
+                                <div>&nbsp;</div>
 
+                                <div>&nbsp;</div>
 
+                            </td>
 
+                        </tr>
 
+                    </table>
 
+                    <table class="center1_d">
 
+                        <tr>
 
+                            <td></td>
 
+                            <td style="padding-left:7px;padding-bottom: 5px;">纳编在位</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td>
 
+                                <img src="/taishi/img/zaiwei.png" alt="">
 
+                            </td>
 
+                            <td>
 
+                                <div>&nbsp;</div>
 
+                                <div>&nbsp;</div>
 
+                                <div>&nbsp;</div>
 
+                            </td>
 
+                        </tr>
 
+                    </table>
 
+                    <table class="center1_d">
 
+                        <tr>
 
+                            <td></td>
 
+                            <td style="padding-left:7px;padding-bottom: 5px;">纳编外出</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td>
 
+                                <img src="/taishi/img/waichu.png" alt="">
 
+                            </td>
 
+                            <td>
 
+                                <div>&nbsp;</div>
 
+                                <div>&nbsp;</div>
 
+                                <div>&nbsp;</div>
 
+                            </td>
 
+                        </tr>
 
+                    </table>
 
+                    <table class="center1_d">
 
+                        <tr>
 
+                            <td></td>
 
+                            <td style="padding-left:7px;padding-bottom: 5px;">未纳编在位</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td>
 
+                                <img src="/taishi/img/zaiwei.png" alt="">
 
+                            </td>
 
+                            <td>
 
+                                <div>&nbsp;</div>
 
+                                <div>&nbsp;</div>
 
+                                <div>&nbsp;</div>
 
+                            </td>
 
+                        </tr>
 
+                    </table>
 
+                    <table class="center1_d">
 
+                        <tr>
 
+                            <td></td>
 
+                            <td style="padding-left:7px;padding-bottom: 5px;">未纳编外出</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td>
 
+                                <img src="/taishi/img/waichu.png" alt="">
 
+                            </td>
 
+                            <td>
 
+                                <div>&nbsp;</div>
 
+                                <div>&nbsp;</div>
 
+                                <div>&nbsp;</div>
 
+                            </td>
 
+                        </tr>
 
+                    </table>
 
+                </div>
 
+                <script type="text/html" id="center1-tpl">
 
+          <table class="center1_d">
 
+            <tr>
 
+              <td></td>
 
+              <td style="padding-left:7px;padding-bottom: 5px;">在位总数</td>
 
+            </tr>
 
+            <tr>
 
+              <td>
 
+                <img src="/taishi/img/zong.png" alt="">
 
+              </td>
 
+              <td>
 
+                {{#$.each(d.count1,function(i,v){}}
 
+                <div>{{v}}</div>
 
+                {{#});}}
 
+              </td>
 
+            </tr>
 
+          </table>
 
+          <table class="center1_d">
 
+            <tr>
 
+              <td></td>
 
+              <td style="padding-left:7px;padding-bottom: 5px;">纳编在位</td>
 
+            </tr>
 
+            <tr>
 
+              <td>
 
+                <img src="/taishi/img/zaiwei.png" alt="">
 
+              </td>
 
+              <td>
 
+                {{#$.each(d.count2,function(i,v){}}
 
+                <div>{{v}}</div>
 
+                {{#});}}
 
+              </td>
 
+            </tr>
 
+          </table>
 
+          <table class="center1_d">
 
+            <tr>
 
+              <td></td>
 
+              <td style="padding-left:7px;padding-bottom: 5px;">纳编外出</td>
 
+            </tr>
 
+            <tr>
 
+              <td>
 
+                <img src="/taishi/img/waichu.png" alt="">
 
+              </td>
 
+              <td>
 
+                {{#$.each(d.count3,function(i,v){}}
 
+                <div>{{v}}</div>
 
+                {{#});}}
 
+              </td>
 
+            </tr>
 
+          </table>
 
+          <table class="center1_d">
 
+            <tr>
 
+              <td></td>
 
+              <td style="padding-left:7px;padding-bottom: 5px;">未纳编在位</td>
 
+            </tr>
 
+            <tr>
 
+              <td>
 
+                <img src="/taishi/img/zaiwei.png" alt="">
 
+              </td>
 
+              <td>
 
+                {{#$.each(d.count4,function(i,v){}}
 
+                <div>{{v}}</div>
 
+                {{#});}}
 
+              </td>
 
+            </tr>
 
+          </table>
 
+          <table class="center1_d">
 
+            <tr>
 
+              <td></td>
 
+              <td style="padding-left:7px;padding-bottom: 5px;">未纳编外出</td>
 
+            </tr>
 
+            <tr>
 
+              <td>
 
+                <img src="/taishi/img/waichu.png" alt="">
 
+              </td>
 
+              <td>
 
+                {{#$.each(d.count5,function(i,v){}}
 
+                <div>{{v}}</div>
 
+                {{#});}}
 
+              </td>
 
+            </tr>
 
+          </table>
 
+
 
+        </script>
 
+                <div class="center2" style="margin-top: 55px;">
 
+                    <div class="demot">
 
+                        <p>各单位人员在位情况</p>
 
+                    </div>
 
+                    <div id="center2_d"></div>
 
+                </div>
 
+                <br>
 
+                <div class="center3" style="padding-top: 68px;">
 
+                    <div class="demot">
 
+                        <p>外出人员占比</p>
 
+                    </div>
 
+                    <div id="center3_d"></div>
 
+                </div>
 
+                <div id="center2">
 
+                    <div class="demot">
 
+                        <p>人员请销假</p>
 
+                    </div>
 
+                    <div class="right2_d" style="margin-left: 10px;">
 
+                    </div>
 
+                    <div class="right2_d">
 
+                    </div>
 
+                    <div class="right2_d">
 
+                    </div>
 
+                    <div class="right2_b">
 
+                    </div>
 
+                    <div class="right2_b" style="margin-right: 10px;">
 
+                    </div>
 
+                </div>
 
+                <script type="text/html" id="center2-tpl">
 
+          <div class="demot" style="margin-right: 315px;margin-bottom: 5px;margin-left:17px">
 
+            <p>人员请销假</p>
 
+          </div>
 
+          <div class="right2_d" style="margin-left: 10px;">今日迟到<span>0</span>
 
+          </div>
 
+          <div class="right2_d">本月迟到<span>0</span>
 
+          </div>
 
+          <div class="right2_d">今日应归队<span>{{d.count3}}</span>
 
+          </div>
 
+          <div class="right2_b">超时归队<span>{{d.count4}}</span>
 
+          </div>
 
+          <div class="right2_b" style="margin-right: 10px;">未归队<span>{{d.count5}}</span>
 
+          </div>
 
+
 
+        </script>
 
+            </div>
 
+            <div class="center_32">
 
+                <div class="right2">
 
+                    <div class="demot">
 
+                        <p>量化统计</p>
 
+                    </div>
 
+                    <div id="center22" style="position: relative;left: -15px;top: 5px;"></div>
 
+                </div>
 
+            </div>
 
+            <div class="center4" id="center4">
 
+                <!--<div class="demot">-->
 
+                <!--    <p>营房营具管理</p>-->
 
+                <!--</div>-->
 
+                <div style="width: 380px; float: left;">
 
+                    <div class="demot">
 
+                        <p>营房统计</p>
 
+                    </div>
 
+                </div>
 
+                <div style="width: 380px; float: right;">
 
+                    <div class="demot">
 
+                        <p>营具统计</p>
 
+                    </div>
 
+                </div>
 
+
 
+                <table class="center4_d" style="margin-top: 10px;margin-left: 30px;">
 
+                    <tr>
 
+                        <td rowspan="2">
 
+                            <img src="/taishi/img/yinfangz.png" alt="">
 
+                        </td>
 
+                        <td style="color: #30fdff;font-family: 'IMPACT';font-size: 28px;"></td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td style="font-size: 18px;color: white;">营房统计</td>
 
+                    </tr>
 
+                </table>
 
+                <table class="center4_d" style="margin-top: 10px;">
 
+                    <tr>
 
+                        <td rowspan="2">
 
+                            <img src="/taishi/img/yinfangz.png" alt="">
 
+                        </td>
 
+                        <td style="color: #30fdff;font-family: 'IMPACT';font-size: 28px;"></td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td style="font-size: 18px;color: white;">营房使用</td>
 
+                    </tr>
 
+                </table>
 
+                <table class="center4_d">
 
+                    <tr>
 
+                        <td rowspan="2">
 
+                            <img src="/taishi/img/yinjus.png" alt="">
 
+                        </td>
 
+                        <td style="color: #e6923e;font-family: 'IMPACT';font-size: 28px;"></td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td style="font-size: 18px;color: white;">营具统计</td>
 
+                    </tr>
 
+                </table>
 
+                <table class="center4_d">
 
+                    <tr>
 
+                        <td rowspan="2">
 
+                            <img src="/taishi/img/yinjus.png" alt="">
 
+                        </td>
 
+                        <td style="color: #e6923e;font-family: 'IMPACT';font-size: 28px;"></td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td style="font-size: 18px;color: white;">营具使用</td>
 
+                    </tr>
 
+                </table>
 
+            </div>
 
+            <script type="text/html" id="center4-tpl">
 
+        <div style="width: 380px; float: left;">
 
+          <div class="demot">
 
+            <p>营房统计</p>
 
+          </div>
 
+        </div>
 
+        <div style="width: 380px; float: right;">
 
+          <div class="demot">
 
+            <p>营具统计</p>
 
+          </div>
 
+        </div>
 
+        <div style="position:absolute;top: 30px;left: -17px;">
 
+          <table class="center4_d" style="margin-top: 10px;margin-left: 30px;">
 
+            <tr>
 
+              <td rowspan="2">
 
+                <img src="/taishi/img/yinfangz.png" alt="">
 
+              </td>
 
+              <td style="color: #30fdff;font-family: 'IMPACT';font-size: 28px;">{{d.count1}}</td>
 
+            </tr>
 
+            <tr>
 
+              <td style="font-size: 18px;color: white;">营房统计</td>
 
+            </tr>
 
+          </table>
 
+          <table class="center4_d" style="margin-top: 10px;">
 
+            <tr>
 
+              <td rowspan="2">
 
+                <img src="/taishi/img/yinfangz.png" alt="">
 
+              </td>
 
+              <td style="color: #30fdff;font-family: 'IMPACT';font-size: 28px;">{{d.count2}}</td>
 
+            </tr>
 
+            <tr>
 
+              <td style="font-size: 18px;color: white;">营房使用</td>
 
+            </tr>
 
+          </table>
 
+        </div>
 
+
 
+        <div style="position:absolute;top: 66px;left: 400px;">
 
+          <table class="center4_d">
 
+            <tr>
 
+              <td rowspan="2">
 
+                <img src="/taishi/img/yinjus.png" alt="">
 
+              </td>
 
+              <td style="color: #e6923e;font-family: 'IMPACT';font-size: 28px;">{{d.count3}}</td>
 
+            </tr>
 
+            <tr>
 
+              <td style="font-size: 18px;color: white;">营具统计</td>
 
+            </tr>
 
+          </table>
 
+          <table class="center4_d">
 
+            <tr>
 
+              <td rowspan="2">
 
+                <img src="/taishi/img/yinjus.png" alt="">
 
+              </td>
 
+              <td style="color: #e6923e;font-family: 'IMPACT';font-size: 28px;">{{d.count4}}</td>
 
+            </tr>
 
+            <tr>
 
+              <td style="font-size: 18px;color: white;">营具使用</td>
 
+            </tr>
 
+          </table>
 
+        </div>
 
+
 
+      </script>
 
+        </div>
 
+        <div class="right">
 
+            <div class="right1">
 
+                <div class="demot" style="display:flex;">
 
+                    <p>登统计落实</p>
 
+                    <div style="margin-left:45%;">
 
+                        <span
 
+                            style="width:5px;height:10px;background-color:#F56C6C;display:inline-block;margin-right:5px;"></span>未登记
 
+                        <span
 
+                            style="width:5px;height:10px;background-color:#67C23A;display:inline-block;margin-right:5px;margin-left:10px;"></span>已登记
 
+                    </div>
 
+                </div>
 
+                <table style="margin-top: 10px;">
 
+                    <tr>
 
+                        <td>落实单位</td>
 
+                        <td>要事日记</td>
 
+                        <td>值班登记</td>
 
+                        <td>工作安排</td>
 
+                        <td>查铺查哨</td>
 
+                    </tr>
 
+                </table>
 
+                <div class="swiper-container" style="height: 140px;overflow: hidden;margin-top: 5px;">
 
+                    <div class="swiper-wrapper" id="right3">
 
+
 
+
 
+
 
+                    </div>
 
+
 
+                    <script type="text/html" id="right3-tpl">
 
+            {{# $.each(d,function(i,v){ }}
 
+            <div class="swiper-slide" id="a">
 
+              <table id="a1">
 
+                <tr>
 
+                  <td>{{v.name}}</td>
 
+                  <td>
 
+                    {{#if(v.ysrj == 0){}}
 
+                    <svg t="1638612550724" class="icon2" viewBox="0 0 1024 1024" version="1.1"
 
+                      xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+                      <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#d03c2a"></path>
 
+                    </svg>
 
+                    {{#}else{}}
 
+                    <svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+                      xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+                      <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#00a041"></path>
 
+                    </svg>
 
+                    {{#} }}
 
+                  </td>
 
+                  <td>
 
+                    {{#if(v.zbdj == 0){}}
 
+                    <svg t="1638612550724" class="icon2" viewBox="0 0 1024 1024" version="1.1"
 
+                      xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+                      <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#d03c2a"></path>
 
+                    </svg>
 
+                    {{#}else{}}
 
+                    <svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+                      xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+                      <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#00a041"></path>
 
+                    </svg>
 
+                    {{#} }}
 
+                  </td>
 
+                  <td>
 
+                    {{#if(v.gzap == 0){}}
 
+                    <svg t="1638612550724" class="icon2" viewBox="0 0 1024 1024" version="1.1"
 
+                      xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+                      <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#d03c2a"></path>
 
+                    </svg>
 
+                    {{#}else{}}
 
+                    <svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+                      xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+                      <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#00a041"></path>
 
+                    </svg>
 
+                    {{#} }}
 
+                  </td>
 
+                  <td>
 
+                    {{#if(v.cpcs == 0){}}
 
+                    <svg t="1638612550724" class="icon2" viewBox="0 0 1024 1024" version="1.1"
 
+                      xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+                      <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#d03c2a"></path>
 
+                    </svg>
 
+                    {{#}else{}}
 
+                    <svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+                      xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+                      <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#00a041"></path>
 
+                    </svg>
 
+                    {{#} }}
 
+                  </td>
 
+                </tr>
 
+              </table>
 
+              <table id="a2"></table>
 
+            </div>
 
+            {{#});}}
 
+
 
+          </script>
 
+                    <!--滚动-->
 
+                    <!--                 <script type="text/javascript" charset="utf-8">-->
 
+                    <!--                     function roll2(t) {-->
 
+                    <!--console.log(11111);-->
 
+
 
+                    <!--         var ul5 = document.getElementById("a1");-->
 
+
 
+                    <!--         var ul6 = document.getElementById("a2");-->
 
+
 
+                    <!--         var ulbox6 = document.getElementById("a");-->
 
+                    <!--         ul6.innerHTML = ul5.innerHTML;-->
 
+                    <!--ulbox6.scrollTop = 0; // 开始无滚动时设为0-->
 
+
 
+                    <!--var timer2 = setInterval(rollStart1, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快-->
 
+                    <!--// 鼠标移入div时暂停滚动-->
 
+                    <!--         ulbox6.onmouseover = function() {-->
 
+                    <!--                 clearInterval(timer2);-->
 
+
 
+                    <!--             }-->
 
+                    <!--// 鼠标移出div后继续滚动-->
 
+                    <!--         ulbox6.onmouseout = function() {-->
 
+                    <!--             timer2 = setInterval(rollStart2, t);-->
 
+
 
+                    <!--         }-->
 
+
 
+                    <!--     }-->
 
+
 
+                    <!--// 开始滚动函数-->
 
+
 
+
 
+                    <!--     function rollStart2() {-->
 
+                    <!--// 上面声明的DOM对象为局部对象需要再次声明-->
 
+
 
+                    <!--         var ul1 = document.getElementById("a1");-->
 
+
 
+                    <!--         var ul2 = document.getElementById("a2");-->
 
+
 
+                    <!--         var ulbox = document.getElementById("a");-->
 
+                    <!--// 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0-->
 
+
 
+                    <!--         if (ulbox.scrollTop >= ul1.scrollHeight) {-->
 
+                    <!--             ulbox.scrollTop = 0;-->
 
+
 
+                    <!--         } else {-->
 
+                    <!--             ulbox.scrollTop++;-->
 
+
 
+                    <!--         }-->
 
+
 
+                    <!--     }-->
 
+                    <!--                 </script>-->
 
+                </div>
 
+            </div>
 
+            <div class="right4">
 
+                <div class="demot">
 
+                    <p>防疫物资储备情况</p>
 
+                </div>
 
+                <!--<div class="center4_l">-->
 
+                <!--    <div style="background-color: #1d79b5;width: 5px;height: 15px;"></div>医疗物资库房</div>-->
 
+                <!--<div class="center4_l" style="margin-left: 18px;">-->
 
+                <!--    <div style="background-color: #1d79b5;width: 5px;height: 15px;"></div>防疫物资库房</div>-->
 
+                <table id="right2" class="table_change">
 
+                    <tr style="height:28px">
 
+                        <th width="10%">序号</th>
 
+                        <th width="40%">单位</th>
 
+                        <th width="35%">防疫品名称</th>
 
+                        <th width="15%">现有数量</th>
 
+                    </tr>
 
+                </table>
 
+                <div id="r_box" class="gundong_box">
 
+                    <table class="table_change" style="margin:0" id="c1">
 
+                        <tr>
 
+                            <td width="10%">1</td>
 
+                            <td width="40%">支援保障营支援保障营</td>
 
+                            <td width="35%">84消毒液</td>
 
+                            <td width="15%">50</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td width="10%">2</td>
 
+                            <td width="40%">支援保障营支援保障营</td>
 
+                            <td width="35%">84消毒液</td>
 
+                            <td width="15%">50</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td width="10%">3</td>
 
+                            <td width="40%">支援保障营支援保障营</td>
 
+                            <td width="35%">84消毒液</td>
 
+                            <td width="15%">50</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td width="10%">4</td>
 
+                            <td width="40%">支援保障营支援保障营</td>
 
+                            <td width="35%">84消毒液</td>
 
+                            <td width="15%">50</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td width="10%">5</td>
 
+                            <td width="40%">支援保障营支援保障营</td>
 
+                            <td width="35%">84消毒液</td>
 
+                            <td width="15%">50</td>
 
+                        </tr>
 
+
 
+                        <tr>
 
+                            <td width="10%">6</td>
 
+                            <td width="40%">支援保障营支援保障营</td>
 
+                            <td width="35%">84消毒液</td>
 
+                            <td width="15%">50</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td width="10%">7</td>
 
+                            <td width="40%">支援保障营支援保障营</td>
 
+                            <td width="35%">84消毒液</td>
 
+                            <td width="15%">50</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td width="10%">8</td>
 
+                            <td width="40%">支援保障营支援保障营</td>
 
+                            <td width="35%">84消毒液</td>
 
+                            <td width="15%">50</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td width="10%">9</td>
 
+                            <td width="40%">支援保障营支援保障营</td>
 
+                            <td width="35%">84消毒液</td>
 
+                            <td width="15%">50</td>
 
+                        </tr>
 
+                    </table>
 
+                    <!--<script type="text/html" charset="utf-8" id="slide1-tpl">-->
 
+                    <!-- {{#$.each(d,function(i,v){}}-->
 
+                    <!--     <tr>-->
 
+                    <!--         <td width="10%">{{v.id}}</td>-->
 
+                    <!--         <td width="30%">{{v.unit_id_text}}</td>-->
 
+                    <!--         <td width="40%">{{v.durg_name}}</td>-->
 
+                    <!--         <td width="20%">{{v.amount}}</td>-->
 
+                    <!--     </tr>-->
 
+                    <!-- {{#});}}-->
 
+                    <!--</script>-->
 
+
 
+                    <table id='c2' class="table_change" style="margin:0"></table>
 
+
 
+                </div>
 
+                <!--右边中间表循环滚动-->
 
+                <script type="text/javascript" charset="utf-8">
 
+                    function roll1(t) {
 
+                        console.log(11111);
 
+
 
+                        var ul11 = document.getElementById("c1");
 
+
 
+                        var ul21 = document.getElementById("c2");
 
+
 
+                        var ulbox1 = document.getElementById("r_box");
 
+                        ul21.innerHTML = ul11.innerHTML;
 
+                        ulbox1.scrollTop = 0; // 开始无滚动时设为0
 
+
 
+                        var timer1 = setInterval(rollStart1, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
 
+                        // 鼠标移入div时暂停滚动
 
+                        ulbox1.onmouseover = function () {
 
+                            clearInterval(timer1);
 
+
 
+                        }
 
+                        // 鼠标移出div后继续滚动
 
+                        ulbox1.onmouseout = function () {
 
+                            timer1 = setInterval(rollStart1, t);
 
+
 
+                        }
 
+
 
+                    }
 
+
 
+                    // 开始滚动函数
 
+
 
+
 
+                    function rollStart1() {
 
+                        // 上面声明的DOM对象为局部对象需要再次声明
 
+
 
+                        var ul1 = document.getElementById("c1");
 
+
 
+                        var ul2 = document.getElementById("c2");
 
+
 
+                        var ulbox = document.getElementById("r_box");
 
+                        // 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
 
+
 
+                        if (ulbox.scrollTop >= ul1.scrollHeight) {
 
+                            ulbox.scrollTop = 0;
 
+
 
+                        } else {
 
+                            ulbox.scrollTop++;
 
+
 
+                        }
 
+
 
+                    }
 
+
 
+                </script>
 
+
 
+                <!--<script type="text/html" id="right2-tpl">-->
 
+                <!--    <tr>-->
 
+                <!--        <td>-->
 
+                <!--            <div class="left2_d" style="margin-top: 1vh;font-size: 15px;color: white;background-color: #033a5d;height:50px;line-height: 50px;width: 186px;text-align: center;display: inline-block;">现有<span>{{d.count1}}</span>种-->
 
+                <!--            </div>-->
 
+                <!--        </td>-->
 
+                <!--        <td>-->
 
+                <!--            <div class="left2_d" style="margin-top: 1vh;font-size:15px;color: white;background-color: #033a5d;height:50px;line-height: 50px;width: 186px;text-align: center;display: inline-block;">现有<span>{{d.count4}}</span>种-->
 
+                <!--            </div>-->
 
+                <!--        </td>-->
 
+                <!--    </tr>-->
 
+                <!--    <tr>-->
 
+                <!--        <td>-->
 
+                <!--            <div class="left2_d" style="font-size: 15px;color: white;border: #033a5d 1px solid;height:50px;line-height: 50px;width: 186px;text-align: center;display: inline-block;margin-top: -5px;">入库<span>{{d.count2}}</span>种-->
 
+                <!--            </div>-->
 
+                <!--        </td>-->
 
+                <!--        <td>-->
 
+                <!--            <div class="left2_d" style="font-size: 15px;color: white;border: #033a5d 1px solid;height:50px;line-height: 50px;width: 186px;text-align: center;display: inline-block;margin-top: -5px;">入库<span>{{d.count5}}</span>种-->
 
+                <!--            </div>-->
 
+                <!--        </td>-->
 
+                <!--    </tr>-->
 
+                <!--    <tr>-->
 
+                <!--        <td>-->
 
+                <!--            <div class="left2_d" style="font-size: 15px;color: white;border: #033a5d 1px solid;height:50px;line-height: 50px;width: 186px;text-align: center;display: inline-block;margin-top: -5px;">出库<span>{{d.count3}}</span>种-->
 
+                <!--            </div>-->
 
+                <!--        </td>-->
 
+                <!--        <td>-->
 
+                <!--            <div class="left2_d" style="font-size: 15px;color: white;border: #033a5d 1px solid;height:50px;line-height: 50px;width: 186px;text-align: center;display: inline-block;margin-top: -5px;">出库<span>{{d.count6}}</span>种-->
 
+                <!--            </div>-->
 
+                <!--        </td>-->
 
+                <!--    </tr>-->
 
+                <!--</script>-->
 
+            </div>
 
+            <div class="right3">
 
+                <div class="demot"
 
+                    style="display: inline-block;background-image: url(/taishi/img/r3t.png);width: 150px;margin-right: 49px;">
 
+                    <p>集中文印</p>
 
+                </div>
 
+                <div class="demot"
 
+                    style="display: inline-block;background-image: url(/taishi/img/r3t.png);width: 150px;">
 
+                    <p>保密室外借物品数量</p>
 
+                </div>
 
+
 
+                <br>
 
+                <div class="new_right_bottom">
 
+                    <table class="table_change">
 
+                        <tr style="height:28px">
 
+                            <!--<th width="15%">序号</th>-->
 
+                            <th width="35%">人员</th>
 
+                            <th width="20%">份数</th>
 
+                            <th width="45%">日期</th>
 
+                        </tr>
 
+                    </table>
 
+
 
+                    <div id="review_box" style="overflow:hidden;height:180px;">
 
+                        <table class="table_change table_tdtd" style="margin-top:0" id="comment1">
 
+                            <tr>
 
+                                <!--<td width="15%">1</td>-->
 
+                                <td width="35%">苏景刚刚</td>
 
+                                <td width="20%">100</td>
 
+                                <td width="45%">22.01.21</td>
 
+                            </tr>
 
+                            <tr>
 
+                                <!--<td width="15%">1</td>-->
 
+                                <td width="35%">苏景刚刚</td>
 
+                                <td width="20%">100</td>
 
+                                <td width="45%">22.01.21</td>
 
+                            </tr>
 
+                            <tr>
 
+                                <!--<td width="15%">1</td>-->
 
+                                <td width="35%">苏景刚刚</td>
 
+                                <td width="20%">100</td>
 
+                                <td width="45%">22.01.21</td>
 
+                            </tr>
 
+                            <tr>
 
+                                <!--<td width="15%">1</td>-->
 
+                                <td width="35%">苏景刚刚</td>
 
+                                <td width="20%">100</td>
 
+                                <td width="45%">22.01.21</td>
 
+                            </tr>
 
+                            <tr>
 
+                                <!--<td width="15%">1</td>-->
 
+                                <td width="35%">苏景刚刚</td>
 
+                                <td width="20%">100</td>
 
+                                <td width="45%">22.01.21</td>
 
+                            </tr>
 
+                            <tr>
 
+                                <!--<td width="15%">1</td>-->
 
+                                <td width="35%">苏景刚刚</td>
 
+                                <td width="20%">100</td>
 
+                                <td width="45%">22.01.21</td>
 
+                            </tr>
 
+                            <tr>
 
+                                <!--<td width="15%">1</td>-->
 
+                                <td width="35%">苏景刚刚</td>
 
+                                <td width="20%">100</td>
 
+                                <td width="45%">22.01.21</td>
 
+                            </tr>
 
+                            <tr>
 
+                                <!--<td width="15%">1</td>-->
 
+                                <td width="35%">苏景刚刚</td>
 
+                                <td width="20%">100</td>
 
+                                <td width="45%">22.01.21</td>
 
+                            </tr>
 
+                            <tr>
 
+                                <!--<td width="15%">1</td>-->
 
+                                <td width="35%">苏景刚刚</td>
 
+                                <td width="20%">100</td>
 
+                                <td width="45%">22.01.21</td>
 
+                            </tr>
 
+                        </table>
 
+                        <table class="table_change table_tdtd" style="margin-top:0" id="comment2"></table>
 
+                    </div>
 
+
 
+                    <script type="text/javascript" charset="utf-8">
 
+                        window.onload = function () {
 
+                            roll(80);
 
+                            roll1(80);
 
+                        }
 
+
 
+
 
+                        function roll(t) {
 
+
 
+                            var ul1 = document.getElementById("comment1");
 
+
 
+                            var ul2 = document.getElementById("comment2");
 
+
 
+                            var ulbox = document.getElementById("review_box");
 
+                            ul2.innerHTML = ul1.innerHTML;
 
+                            ulbox.scrollTop = 0; // 开始无滚动时设为0
 
+
 
+                            var timer = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
 
+                            // 鼠标移入div时暂停滚动
 
+                            ulbox.onmouseover = function () {
 
+                                clearInterval(timer);
 
+
 
+                            }
 
+                            // 鼠标移出div后继续滚动
 
+                            ulbox.onmouseout = function () {
 
+                                timer = setInterval(rollStart, t);
 
+
 
+                            }
 
+
 
+                        }
 
+
 
+                        // 开始滚动函数
 
+
 
+
 
+                        function rollStart() {
 
+                            // 上面声明的DOM对象为局部对象需要再次声明
 
+
 
+                            var ul1 = document.getElementById("comment1");
 
+
 
+                            var ul2 = document.getElementById("comment2");
 
+
 
+                            var ulbox = document.getElementById("review_box");
 
+                            // 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
 
+
 
+                            if (ulbox.scrollTop >= ul1.scrollHeight) {
 
+                                ulbox.scrollTop = 0;
 
+
 
+                            } else {
 
+                                ulbox.scrollTop++;
 
+
 
+                            }
 
+
 
+                        }
 
+
 
+                    </script>
 
+                </div>
 
+                <div id="right3_1"></div>
 
+                <!--<div style="color: white;font-size: 12px;margin-bottom: -5px;position: relative;top: -410px;left: 247px;">涉密载体占比</div>-->
 
+
 
+
 
+
 
+                <!--<div id="demo"></div>-->
 
+                <!-- <div class="left2_d"
 
+					style="width: 100px;transform: scale(0.76);margin-right: -40px;margin-left: 177px;">
 
+					今日<span style="color: #01bbea;">100</span></div>
 
+				<div class="left2_d" style="width: 100px;transform: scale(0.76);margin-right: -38px;"
 
+					style="width: 100px;">
 
+					一周<span style="color: #ffa531;">100</span></div>
 
+				<div class="left2_d" style="width: 100px;transform: scale(0.76);margin-left: -7px;">一月<span style="color: #009944;">100</span></div> -->
 
+                <!--<p style="display: inline-block;color: white;font-size: 12px;margin-right: 30px;margin-left: 70px;margin-bottom: -5px;position: relative;top: -610px;left:-2px;">涉密载体占比</p>-->
 
+                <!--<p style="display: inline-block;color: white;font-size: 12px;margin-left: 90px;margin-bottom: -5px;position: relative;top: -610px;left: -15px;">已归还份数占比</p>-->
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <img class="title" src="/taishi/img/situationtitle.png" style="position:fixed;width: 100%;" />
 
+    <div id="time"
 
+        style="height: 20px; position:fixed;top:35px;right:3.5vw;color:#30fdff;font-size: 22px;font-family: 'New-X-Digital-tfb-2';">
 
+    </div>
 
+    <a href="/index/welcome"
 
+        style="position: fixed;top: 22px;left: 118px;text-decoration: none;color: #64f5fc;text-align: center;line-height:60px;font-size: 30px;font-weight: bold;">
 
+        <!-- <img src="/taishi/img/anniu.png" style="width:250px;"> -->
 
+        <div class="anniu">主控台</div>
 
+    </a>
 
+    <script type="text/javascript" charset="utf-8" src="/assets/libs/jquery/dist/jquery.min.js"></script>
 
+    <script src="/static/js/laytpl.js"></script>
 
+    <script src="/taishi/main.js"></script>
 
+    <!-- <script src="left2_1.js"></script>
 
+	<script src="left2_2.js"></script>
 
+	<script src="left2_3.js"></script> -->
 
+    <script src="/taishi/center2_d.js"></script>
 
+    <script src="/taishi/center22.js"></script>
 
+    <script src="/taishi/center3_d.js"></script>
 
+    <script src="/taishi/centerl.js"></script>
 
+    <script src="/taishi/right3_1.js"></script>
 
+    <!--<script src="/taishi/demo.js"></script>-->
 
+    <script src="/taishi/left3_d.js"></script>
 
+
 
+    <!--滚动插件代码-->
 
+    <!--<script src="/taishi/jquery-1.8.3.min.js"></script>-->
 
+    <!--<script src="/taishi/jquery.liMarquee.js"></script>-->
 
+
 
+    <!--右下滚动-->
 
+    <!-- <script>-->
 
+    <!--    $(function () {-->
 
+    <!--        $('#dowebok').liMarquee({-->
 
+    <!--            direction: 'up',-->
 
+    <!--            scrollamount: 80-->
 
+    <!--        });-->
 
+    <!--    });-->
 
+    <!--</script>-->
 
+
 
+</body>
 
+
 
+</html>
 
+
 
+<script type="text/javascript" charset="utf-8">
 
+    $(function () {
 
+
 
+        $.get('dashboard/taishi_data', {}, function (res) {
 
+            if (res.msg == '请登录后操作') window.location.href = res.url;
 
+            if (res.code == 0) alert(res.msg);;
 
+
 
+            laytpl($('#left1-tpl').html()).render(res.data.left1, function (html) {
 
+                $('#left1').html(html);
 
+            });
 
+            laytpl($('#left2_1-tpl').html()).render(res.data.left2_1, function (html) {
 
+                $('#left2_1').html(html);
 
+            });
 
+
 
+            laytpl($('#left3-tpl').html()).render(res.data.left3, function (html) {
 
+                $('#left3').html(html);
 
+            });
 
+            laytpl($('#center1-tpl').html()).render(res.data.center1, function (html) {
 
+                $('#center1').html(html);
 
+            });
 
+            laytpl($('#center2-tpl').html()).render(res.data.center2, function (html) {
 
+                $('#center2').html(html);
 
+            });
 
+            laytpl($('#center4-tpl').html()).render(res.data.center3, function (html) {
 
+                $('#center4').html(html);
 
+            });
 
+            // laytpl($('#right2-tpl').html()).render(res.data.right2,function(html){
 
+            //     $('#right2').html(html);
 
+            // });
 
+            laytpl($('#slide1-tpl').html()).render(res.data.right2.count1, function (html) {
 
+                $('#slide1').html(html);
 
+            });
 
+
 
+
 
+        });
 
+
 
+        $.get('dashboard/taishi_api', {}, function (res) {
 
+            // res.data.people2.count[2]=20;
 
+            center2_d(res.data.people1.count, res.data.people1.name);
 
+            center3_d(res.data.people2.count, res.data.people2.name);
 
+            unit_score(res.data.unit_score.name, res.data.unit_score.score);
 
+            right3_1(res.data.secrecy);
 
+            laytpl($('#right3-tpl').html()).render(res.data.duty_statistics, function (html) {
 
+                $('#right3').html(html);
 
+                var mySwiper = new Swiper('.swiper-container', {
 
+                    autoplay: {
 
+                        delay: 2000, //3秒切换一次
 
+                    },
 
+                    loop: true,
 
+                    speed: 2000,
 
+                    slidesPerView: 'auto',
 
+                    spaceBetween: 3,
 
+                    direction: 'vertical',
 
+                    autoplay: 2000,
 
+                    autoplayDisableOnInteraction: false //点击后打断auto-play
 
+                })
 
+            });
 
+        });
 
+    });
 
+
 
+</script>

BIN
public/taishi/IMPACT.TTF
Просмотреть файл


BIN
public/taishi/New-X-Digital-tfb-2.ttf
Просмотреть файл


BIN
public/taishi/SourceHanSansCN-Bold.otf
Просмотреть файл


BIN
public/taishi/SourceHanSansCN-ExtraLight.otf
Просмотреть файл


BIN
public/taishi/SourceHanSansCN-Heavy.otf
Просмотреть файл


BIN
public/taishi/SourceHanSansCN-Light.otf
Просмотреть файл


BIN
public/taishi/SourceHanSansCN-Medium.otf
Просмотреть файл


BIN
public/taishi/SourceHanSansCN-Normal.otf
Просмотреть файл


BIN
public/taishi/SourceHanSansCN-Regular.otf
Просмотреть файл


+ 111 - 0
public/taishi/center22.js
Просмотреть файл 

@@ -0,0 +1,111 @@
 
+function unit_score(data,data1){
 
+    var myChart = echarts.init(document.getElementById('center22'), 'vintage');
 
+    var option = {
 
+      "color": ["#3cefff"],
 
+      "tooltip": {},
 
+      "grid": {
 
+          "containLabel": true
 
+      },
 
+      "xAxis": [{
 
+          "type": "category",
 
+          "data": data,
 
+          "axisTick": {
 
+              "alignWithLabel": true
 
+          },
 
+          "nameTextStyle": {
 
+              "color": "#fff"
 
+          },
 
+          "axisLine": {
 
+              "lineStyle": {
 
+                  "color": "#fff"
 
+              }
 
+          },
 
+          "axisLabel": {
 
+              "textStyle": {
 
+                  "color": "#fff",
 
+                  "fontSize":8
 
+              }
 
+          }
 
+      }],
 
+      "yAxis": [{
 
+          "type": "value",
 
+          "axisLabel": {
 
+              "textStyle": {
 
+                  "color": "#fff"
 
+              },
 
+              "formatter": "{value}"
 
+          },
 
+          "splitLine": {
 
+              "lineStyle": {
 
+                  "color": "#0c2c5a"
 
+              }
 
+          },
 
+          "axisLine": {
 
+              "show": false
 
+          }
 
+      }],
 
+      "series": [{
 
+          "name": "",
 
+          "type": "pictorialBar",
 
+          "symbolSize": [30, 10],
 
+          "symbolOffset": [0, -5],
 
+          "symbolPosition": "end",
 
+          "z": 12,
 
+          "label": {
 
+              "normal": {
 
+                  "show": true,
 
+                  "position": "top",
 
+                  "formatter": "{c}"
 
+              }
 
+          },
 
+          "data": 102
 
+      }, {
 
+          "name": "",
 
+          "type": "pictorialBar",
 
+          "symbolSize": [30, 10],
 
+          "symbolOffset": [0, 5],
 
+          "z": 12,
 
+          "data": data1
 
+      }, {
 
+          "type": "bar",
 
+          "itemStyle": {
 
+              "normal": {
 
+                  "opacity": 0.7
 
+              }
 
+          },
 
+          "barWidth": "30",
 
+          "data": 50,
 
+          "markLine": {
 
+              "silent": true,
 
+              "symbol": "none",
 
+              "label": {
 
+                  "position": "middle",
 
+                  "formatter": "{b}"
 
+              },
 
+              
+          }
 
+      },
 
+                      {
 
+                      type: 'effectScatter',
 
+                      silent: true,
 
+                      tooltip: {
 
+                          show: false
 
+                      },
 
+                      zlevel: 3,
 
+                      symbolSize:10,
 
+                      showEffectOn: 'render',
 
+                      rippleEffect: {
 
+                          brushType: 'stroke',
 
+                          color: '#3cefff',
 
+                          scale: 5
 
+                      },
 
+                      itemStyle: {
 
+                          color: '#3cefff'
 
+                      },
 
+                      hoverAnimation: true,
 
+                      data: [60,10,0,15,0,0,0,0]
 
+                  },
 
+      ]
 
+    }
 
+    myChart.setOption(option);
 
+}

+ 134 - 0
public/taishi/center2_d.js
Просмотреть файл 

@@ -0,0 +1,134 @@
 
+function center2_d(datav,className){
 
+    //各单位人员在位情况
 
+		let myChartv = echarts.init(document.getElementById('center2_d'), 'vintage');
 
+// 		const datav = [80, 75, 82, 68, 73, 70,90,52,78,82];
 
+// 		const className = ['一队', '二队', '三队', '四队', '一连', '二连','后勤','保障部','医疗部','一大队',];
 
+		const colorList9 = ['#39B3FF', '#39B3FF', '#39B3FF', '#39B3FF', '#39B3FF', '#39B3FF','#39B3FF', '#39B3FF', '#39B3FF', '#39B3FF', ];
 
+		// const defaultData = [100, 100, 100, 100, 100, 100];
 
+		let s = 3;
 
+		let z = -1;
 
+		function w(){
 
+			if(s==datav.length-1){
 
+			    s=3;
 
+			    z=0
 
+			}else{
 
+			    s+=1;
 
+			    z+=1;
 
+			}
 
+		const option4 = {
 
+			dataZoom: [ //给x轴设置滚动条
 
+				{
 
+					type: 'slider',
 
+					width:10,
 
+					// handleHeight:'30%',
 
+					show: true,
 
+					yAxisIndex: [0],
 
+					left: '95%',
 
+					handleColor:'#68789c',
 
+					startValue: z, //数据窗口范围的起始百分比
 
+					endValue:s,
 
+				},
 
+				{
 
+					type: 'inside',
 
+					yAxisIndex: [0],
 
+					startValue: z, //数据窗口范围的起始百分比
 
+					endValue:s,
 
+				}
 
+			],
 
+			grid: {
 
+				left: '5%',
 
+				right: '8%',
 
+				bottom: '5%',
 
+				top: '10%',
 
+				containLabel: true
 
+			},
 
+			tooltip: {
 
+				trigger: 'axis',
 
+				axisPointer: {
 
+					type: 'none'
 
+				},
 
+				formatter: function (params) {
 
+					return params[0].name + '<br/>' +
 
+						"<span style='display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:rgba(36,207,233,0.9)'></span>" +
 
+						// params[0].seriesName + ' : ' + Number((params[0].value.toFixed(4) / 10000).toFixed(2)).toLocaleString() + ' <br/>'
 
+						params[0].seriesName + ' : ' + params[0].value
 
+				}
 
+			},
 
+			xAxis: {
 
+				position: 'top',
 
+				show: true,
 
+				type: 'value',
 
+				splitLine: {
 
+					show: false
 
+				},
 
+				axisLabel: {
 
+					show: true,
 
+					textStyle: {
 
+						color: '#fff', //更改坐标轴文字颜色
 
+					}
 
+				},
 
+
 
+
 
+			},
 
+			yAxis: [{
 
+				type: 'category',
 
+				inverse: true,
 
+				axisLabel: {
 
+					show: true,
 
+					textStyle: {
 
+						color: '#fff'
 
+					},
 
+				},
 
+				splitLine: {
 
+					show: false
 
+				},
 
+				axisTick: {
 
+					show: false
 
+				},
 
+				axisLine: {
 
+					show: false
 
+				},
 
+				data: className
 
+			}, {
 
+				type: 'category',
 
+				inverse: true,
 
+				axisTick: 'none',
 
+				axisLine: 'none',
 
+				show: true,
 
+				axisLabel: {
 
+					textStyle: {
 
+						color: '#ffffff',
 
+						fontSize: '12'
 
+					},
 
+					formatter: function (datav) {
 
+					    console.log(datav);
 
+						return datav + ' %';
 
+					},
 
+				},
 
+				data: datav
 
+			}],
 
+			series: [{
 
+				name: '完成率',
 
+				type: 'bar',
 
+				zlevel: 1,
 
+				itemStyle: {
 
+					normal: {
 
+						barBorderRadius: 0,
 
+						color: (params) => {
 
+							return colorList9[params.dataIndex]
 
+						}
 
+					},
 
+				},
 
+				barWidth: 10,
 
+				data: datav
 
+			}, ]
 
+		};
 
+		myChartv.setOption(option4);
 
+	}
 
+	w(); //初始化实例后，首次设置数据        
+	setInterval(function () {
 
+		// 每次向后滚动一个，最后一个从头开始。
 
+		w();
 
+	}, 5000);
 
+}
 
+

+ 297 - 0
public/taishi/center3_d.js
Просмотреть файл 

@@ -0,0 +1,297 @@
 
+function center3_d(data1,data){
 
+    const myChartss = echarts.init(document.getElementById('center3_d'), 'vintage');
 
+// 		const data1 = [10, 20, 10, 30, 30];
 
+		const data2 = [100, 100, 100, 100, 100];
 
+		const path = 'path://M1390,595h79l-39,22Z';
 
+		const myColor = ['#fff', '#fff', '#fff', '#fff', '#fff'];
 
+		const option12 = {
 
+			grid: {
 
+				left: 100,
 
+				bottom: 100
 
+			},
 
+			xAxis: {
 
+				axisLabel: {
 
+					padding:15,
 
+					interval: 0,
 
+					textStyle: {
 
+						color: function (param, index) {
 
+							return myColor[index]
 
+						},
 
+						fontSize: 16,
 
+						fontWeight: 100,
 
+					},
 
+					margin: 20,
 
+				},
 
+				splitLine: {
 
+					show: false
 
+				},
 
+				axisLine: {
 
+					show: false,
 
+				},
 
+				splitArea: {
 
+					show: false,
 
+				},
 
+				axisTick: {
 
+					show: false
 
+				},
 
+				data: data
 
+			},
 
+			yAxis: {
 
+				axisLine: {
 
+					lineStyle: {
 
+						color: '#6e6e6e',
 
+						width: 1,
 
+					}
 
+				},
 
+				axisLabel: {
 
+					interval: 0,
 
+					formatter: '{value}%',
 
+					textStyle: {
 
+						fontSize: 16,
 
+						color: '#fff',
 
+					},
 
+					margin: 20,
 
+				},
 
+				splitLine: {
 
+					show: true,
 
+				},
 
+				axisTick: {
 
+					lineStyle: {
 
+						color: '#fff',
 
+						width: 1,
 
+						height: 5,
 
+					}
 
+				},
 
+			},
 
+			series: [{
 
+					type: 'bar',
 
+					barWidth: 60,
 
+					barGap: '-100%',
 
+					stack: '广告',
 
+					itemStyle: {
 
+						color: function (params) {
 
+							const colorList = [
 
+								new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
 
+									offset: 0,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 1,
 
+									color: '#39b3ff'
 
+								}]),
 
+								new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
 
+									offset: 0,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 1,
 
+									color: '#39b3ff'
 
+								}]),
 
+								new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
 
+									offset: 0,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 1,
 
+									color: '#39b3ff'
 
+								}]),
 
+								new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
 
+									offset: 0,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 1,
 
+									color: '#39b3ff'
 
+								}]),
 
+								new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
 
+									offset: 0,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 1,
 
+									color: '#39b3ff'
 
+								}]),
 
+							];
 
+							return colorList[params.dataIndex]
 
+						},
 
+					},
 
+					data: data1
 
+				},
 
+				{
 
+					"name": "",
 
+					"type": "pictorialBar",
 
+					symbol: path,
 
+					"symbolSize": [60, 20],
 
+					"symbolOffset": [0, 0],
 
+					"z": 12,
 
+					"symbolPosition": "end",
 
+					itemStyle: {
 
+						color: '#e2e2e2',
 
+						opacity: 0,
 
+					},
 
+					"data": data2
 
+				},
 
+				{
 
+					"name": "",
 
+					"type": "pictorialBar",
 
+					symbol: path,
 
+					"symbolSize": [60, 20],
 
+					"symbolOffset": [0, 20],
 
+					"z": 12,
 
+					itemStyle: {
 
+						opacity: 1,
 
+						color: function (params) {
 
+							const colorList = [
 
+								new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
 
+									offset: 0,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 1,
 
+									color: '#39b3ff'
 
+								}]),
 
+								new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
 
+									offset: 0,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 1,
 
+									color: '#39b3ff'
 
+								}]),
 
+								new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
 
+									offset: 0,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 1,
 
+									color: '#39b3ff'
 
+								}]),
 
+								new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
 
+									offset: 0,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 1,
 
+									color: '#39b3ff'
 
+								}]),
 
+								new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
 
+									offset: 0,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 0.5,
 
+									color: '#39b3ff'
 
+								}, {
 
+									offset: 1,
 
+									color: '#39b3ff'
 
+								}]),
 
+							];
 
+							return colorList[params.dataIndex]
 
+						},
 
+					},
 
+					"data": [1, 1, 1, 1, 1]
 
+				},
 
+				{
 
+					"name": "",
 
+					"type": "pictorialBar",
 
+					symbol: path,
 
+					"symbolSize": [60, 20],
 
+					"symbolOffset": [0, 0],
 
+					"z": 12,
 
+					label: {
 
+						show: true,
 
+						formatter: "{c}人",
 
+						position: 'top',
 
+						distance: 5,
 
+						color: '#fff',
 
+						fontWeight: 100,
 
+						textShadowColor: 'rgba(255, 255, 255, .6)',
 
+						fontSize: 16,
 
+						textShadowBlur: '0',
 
+						textShadowOffsetX: 1,
 
+						textShadowOffsetY: 1,
 
+					},
 
+					itemStyle: {
 
+						opacity: 1,
 
+						color: function (params) {
 
+							const colorList = ['#39b3ff', '#39b3ff', '#39b3ff', '#39b3ff', '#39b3ff'];
 
+							return colorList[params.dataIndex]
 
+						},
 
+					},
 
+					"symbolPosition": "end",
 
+					"data": data1
 
+				},
 
+				{
 
+					name: '',
 
+					type: "effectScatter",
 
+					rippleEffect: {
 
+						period: 1,
 
+						scale: 5,
 
+						brushType: 'fill'
 
+					},
 
+					z: 20,
 
+					symbolPosition: 'end',
 
+					symbol: path,
 
+					"symbolSize": [15, 5],
 
+					"symbolOffset": [0, 9],
 
+					itemStyle: {
 
+						normal: {
 
+							color: '#fff',
 
+						}
 
+					},
 
+					data: data1
 
+				},
 
+
 
+			]
 
+		};
 
+		const backImg = "/asset/get/s/data-1622796959507-HTopachtJ.png"
 
+		myChartss._dom.style.backgroundImage = "url('" + backImg + "')";
 
+		myChartss.setOption(option12);
 
+}

+ 156 - 0
public/taishi/centerl.js
Просмотреть файл 

@@ -0,0 +1,156 @@
 
+const myChartp = echarts.init(document.getElementById('centerl'), 'vintage');
 
+var myColors = ['#81E7ED'];
 
+var dataLine = [40, 56, 23];
 
+var positionLeft = 10,
 
+    max = 100 + positionLeft;
 
+
 
+var g_cellBar0_y = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAoCAYAAAAhf6DEAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAA6SURBVEhLY2x8/vY/A4mg3zwcTDOBSTLBqGYSwahmEsGoZhLBqGYSwahmEsGoZhLBqGYSwZDUzMAAAJldBMF2UASmAAAAAElFTkSuQmCC';
 
+var g_cellBarImg0_y = new Image();
 
+g_cellBarImg0_y.src = g_cellBar0_y;
 
+
 
+var option9 = {
 
+    grid: [{
 
+            left: '8%',
 
+            top: '12%',
 
+            right: '5%',
 
+            bottom: '8%',
 
+            containLabel: true
 
+        },
 
+        {
 
+            left: '10%',
 
+            top: '12%',
 
+            right: '5%',
 
+            bottom: '8%',
 
+            containLabel: true
 
+        }
 
+    ],
 
+    xAxis: [{
 
+        //   max:max,
 
+        show: false
 
+    }],
 
+    yAxis: [{
 
+        axisTick: 'none',
 
+        axisLine: 'none',
 
+        axisLabel: {
 
+            inside: true,
 
+            align: 'left',
 
+            textStyle: {
 
+                color: '#81E7ED',
 
+                fontSize: '16'
 
+            }
 
+        },
 
+        z: 10,
 
+        data: ['电脑', '手机', 'U盘']
 
+    }, {
 
+        axisTick: 'none',
 
+        axisLine: 'none',
 
+        show: true,
 
+        axisLabel: {
 
+            inside: true,
 
+            align: 'right',
 
+            textStyle: {
 
+                color: '#ffffff',
 
+                fontSize: '16'
 
+            }
 
+        },
 
+        z: 10,
 
+        data: [40, 56, 23,]
 
+    }, {
 
+
 
+        axisLine: {
 
+            lineStyle: {
 
+                color: 'rgba(0,0,0,0)'
 
+            }
 
+        },
 
+        data: []
 
+    }],
 
+    series: [
 
+
 
+        { //间距
 
+            type: 'bar',
 
+            barWidth: 0,
 
+            stack: 'b',
 
+            legendHoverLink: false,
 
+            itemStyle: {
 
+                normal: {
 
+                    color: 'rgba(0,0,0,0)'
 
+                }
 
+            },
 
+            z: 3,
 
+            data: [positionLeft, positionLeft, positionLeft]
 
+        }, {
 
+            name: '条',
 
+            type: 'bar',
 
+            stack: 'b',
 
+            yAxisIndex: 0,
 
+            data: dataLine,
 
+            label: {
 
+                normal: {
 
+                    show: false,
 
+                    position: 'right',
 
+                    distance: 10,
 
+                    formatter: function(param) {
 
+                        return param.value + '%'
 
+                    },
 
+                    textStyle: {
 
+                        color: '#ffffff',
 
+                        fontSize: '16'
 
+                    }
 
+                }
 
+            },
 
+            itemStyle: {
 
+                color: {
 
+                    image: g_cellBarImg0_y,
 
+                    repeat: 'repeat'
 
+                }
 
+            },
 
+            z: 2
 
+        }, {
 
+            name: '白框',
 
+            type: 'bar',
 
+            yAxisIndex: 1,
 
+            barGap: '-100%',
 
+            data: [99.8, 99.9, 99.9],
 
+            borderColor:'#0e2147',
 
+            itemStyle: {
 
+                normal: {
 
+                    color: '#0e2147',
 
+                    barBorderRadius: 2
 
+                }
 
+            },
 
+            z: 1
 
+        },
 
+        {
 
+            name: '外框',
 
+            type: 'bar',
 
+            yAxisIndex: 2,
 
+            barGap: '-100%',
 
+            data: [100, 100, 100],
 
+            label: {
 
+                normal: {
 
+                    show: false,
 
+                    position: 'right',
 
+                    distance: 10,
 
+                    formatter: function(data) {
 
+                        return dataLine[data.dataIndex] + "%";
 
+                    },
 
+                    textStyle: {
 
+                        color: '#ffffff',
 
+                        fontSize: '16'
 
+                    }
 
+                }
 
+            },
 
+            itemStyle: {
 
+                normal: {
 
+                    color: function(params) {
 
+                        var num = myColors.length
 
+                        return myColors[params.dataIndex % num]
 
+                    },
 
+                    barBorderRadius: [0, 7, 0, 7]
 
+                }
 
+            },
 
+            z: 0
 
+        },
 
+    ]
 
+}
 
+myChartp.setOption(option9);

+ 423 - 0
public/taishi/color.js
Просмотреть файл 

@@ -0,0 +1,423 @@
 
+
 
+(function (root, factory) {
 
+    if (typeof define === 'function' && define.amd) {
 
+        // AMD. Register as an anonymous module.
 
+        define(['exports', 'echarts'], factory);
 
+    } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
 
+        // CommonJS
 
+        factory(exports, require('echarts'));
 
+    } else {
 
+        // Browser globals
 
+        factory({}, root.echarts);
 
+    }
 
+}(this, function (exports, echarts) {
 
+    var log = function (msg) {
 
+        if (typeof console !== 'undefined') {
 
+            console && console.error && console.error(msg);
 
+        }
 
+    };
 
+    if (!echarts) {
 
+        log('ECharts is not Loaded');
 
+        return;
 
+    }
 
+    echarts.registerTheme('vintage', {
 
+        "color": [
 
+            "#faaa58",
 
+            "#32ffff",
 
+            "#49b8ff",
 
+            "#e62d21",
 
+            "#86e68a",
 
+            "#efa18d",
 
+            "#787464",
 
+            "#cc7e63",
 
+            "#724e58",
 
+            "#4b565b"
 
+        ],
 
+        "backgroundColor": "rgba(255,255,255,0)",
 
+        "textStyle": {},
 
+        "title": {
 
+            "textStyle": {
 
+                "color": "#ffffff"
 
+            },
 
+            "subtextStyle": {
 
+                "color": "#aaaaaa"
 
+            }
 
+        },
 
+        "line": {
 
+            "itemStyle": {
 
+                "borderWidth": 1
 
+            },
 
+            "lineStyle": {
 
+                "width": 2
 
+            },
 
+            "symbolSize": 4,
 
+            "symbol": "emptyCircle",
 
+            "smooth": false
 
+        },
 
+        "radar": {
 
+            "itemStyle": {
 
+                "borderWidth": 1
 
+            },
 
+            "lineStyle": {
 
+                "width": 2
 
+            },
 
+            "symbolSize": 4,
 
+            "symbol": "emptyCircle",
 
+            "smooth": false
 
+        },
 
+        "bar": {
 
+            "itemStyle": {
 
+                "barBorderWidth": 0,
 
+                "barBorderColor": "#ccc"
 
+            }
 
+        },
 
+        "pie": {
 
+            "itemStyle": {
 
+                "borderWidth": 0,
 
+                "borderColor": "#ccc"
 
+            }
 
+        },
 
+        "scatter": {
 
+            "itemStyle": {
 
+                "borderWidth": 0,
 
+                "borderColor": "#ccc"
 
+            }
 
+        },
 
+        "boxplot": {
 
+            "itemStyle": {
 
+                "borderWidth": 0,
 
+                "borderColor": "#ccc"
 
+            }
 
+        },
 
+        "parallel": {
 
+            "itemStyle": {
 
+                "borderWidth": 0,
 
+                "borderColor": "#ccc"
 
+            }
 
+        },
 
+        "sankey": {
 
+            "itemStyle": {
 
+                "borderWidth": 0,
 
+                "borderColor": "#ccc"
 
+            }
 
+        },
 
+        "funnel": {
 
+            "itemStyle": {
 
+                "borderWidth": 0,
 
+                "borderColor": "#ccc"
 
+            }
 
+        },
 
+        "gauge": {
 
+            "itemStyle": {
 
+                "borderWidth": 0,
 
+                "borderColor": "#ccc"
 
+            }
 
+        },
 
+        "candlestick": {
 
+            "itemStyle": {
 
+                "color": "#c23531",
 
+                "color0": "#314656",
 
+                "borderColor": "#c23531",
 
+                "borderColor0": "#314656",
 
+                "borderWidth": 1
 
+            }
 
+        },
 
+        "graph": {
 
+            "itemStyle": {
 
+                "borderWidth": 0,
 
+                "borderColor": "#ccc"
 
+            },
 
+            "lineStyle": {
 
+                "width": 1,
 
+                "color": "#aaaaaa"
 
+            },
 
+            "symbolSize": 4,
 
+            "symbol": "emptyCircle",
 
+            "smooth": false,
 
+            "color": [
 
+                "#faaa58",
 
+                "#32ffff",
 
+                "#49b8ff",
 
+                "#e62d21",
 
+                "#86e68a",
 
+                "#efa18d",
 
+                "#787464",
 
+                "#cc7e63",
 
+                "#724e58",
 
+                "#4b565b"
 
+            ],
 
+            "label": {
 
+                "color": "#eeeeee"
 
+            }
 
+        },
 
+        "map": {
 
+            "itemStyle": {
 
+                "areaColor": "#eeeeee",
 
+                "borderColor": "#444444",
 
+                "borderWidth": 0.5
 
+            },
 
+            "label": {
 
+                "color": "#000000"
 
+            },
 
+            "emphasis": {
 
+                "itemStyle": {
 
+                    "areaColor": "rgba(255,215,0,0.8)",
 
+                    "borderColor": "#444444",
 
+                    "borderWidth": 1
 
+                },
 
+                "label": {
 
+                    "color": "rgb(100,0,0)"
 
+                }
 
+            }
 
+        },
 
+        "geo": {
 
+            "itemStyle": {
 
+                "areaColor": "#eeeeee",
 
+                "borderColor": "#444444",
 
+                "borderWidth": 0.5
 
+            },
 
+            "label": {
 
+                "color": "#000000"
 
+            },
 
+            "emphasis": {
 
+                "itemStyle": {
 
+                    "areaColor": "rgba(255,215,0,0.8)",
 
+                    "borderColor": "#444444",
 
+                    "borderWidth": 1
 
+                },
 
+                "label": {
 
+                    "color": "rgb(100,0,0)"
 
+                }
 
+            }
 
+        },
 
+        "categoryAxis": {
 
+            "axisLine": {
 
+                "show": true,
 
+                "lineStyle": {
 
+                    "color": "#333"
 
+                }
 
+            },
 
+            "axisTick": {
 
+                "show": true,
 
+                "lineStyle": {
 
+                    "color": "#333"
 
+                }
 
+            },
 
+            "axisLabel": {
 
+                "show": true,
 
+                "color": "#333"
 
+            },
 
+            "splitLine": {
 
+                "show": false,
 
+                "lineStyle": {
 
+                    "color": [
 
+                        "#ccc"
 
+                    ]
 
+                }
 
+            },
 
+            "splitArea": {
 
+                "show": false,
 
+                "areaStyle": {
 
+                    "color": [
 
+                        "rgba(250,250,250,0.3)",
 
+                        "rgba(200,200,200,0.3)"
 
+                    ]
 
+                }
 
+            }
 
+        },
 
+        "valueAxis": {
 
+            "axisLine": {
 
+                "show": true,
 
+                "lineStyle": {
 
+                    "color": "#333"
 
+                }
 
+            },
 
+            "axisTick": {
 
+                "show": true,
 
+                "lineStyle": {
 
+                    "color": "#333"
 
+                }
 
+            },
 
+            "axisLabel": {
 
+                "show": true,
 
+                "color": "#333"
 
+            },
 
+            "splitLine": {
 
+                "show": true,
 
+                "lineStyle": {
 
+                    "color": [
 
+                        "#ccc"
 
+                    ]
 
+                }
 
+            },
 
+            "splitArea": {
 
+                "show": false,
 
+                "areaStyle": {
 
+                    "color": [
 
+                        "rgba(250,250,250,0.3)",
 
+                        "rgba(200,200,200,0.3)"
 
+                    ]
 
+                }
 
+            }
 
+        },
 
+        "logAxis": {
 
+            "axisLine": {
 
+                "show": true,
 
+                "lineStyle": {
 
+                    "color": "#333"
 
+                }
 
+            },
 
+            "axisTick": {
 
+                "show": true,
 
+                "lineStyle": {
 
+                    "color": "#333"
 
+                }
 
+            },
 
+            "axisLabel": {
 
+                "show": true,
 
+                "color": "#333"
 
+            },
 
+            "splitLine": {
 
+                "show": true,
 
+                "lineStyle": {
 
+                    "color": [
 
+                        "#ccc"
 
+                    ]
 
+                }
 
+            },
 
+            "splitArea": {
 
+                "show": false,
 
+                "areaStyle": {
 
+                    "color": [
 
+                        "rgba(250,250,250,0.3)",
 
+                        "rgba(200,200,200,0.3)"
 
+                    ]
 
+                }
 
+            }
 
+        },
 
+        "timeAxis": {
 
+            "axisLine": {
 
+                "show": true,
 
+                "lineStyle": {
 
+                    "color": "#333"
 
+                }
 
+            },
 
+            "axisTick": {
 
+                "show": true,
 
+                "lineStyle": {
 
+                    "color": "#333"
 
+                }
 
+            },
 
+            "axisLabel": {
 
+                "show": true,
 
+                "color": "#333"
 
+            },
 
+            "splitLine": {
 
+                "show": true,
 
+                "lineStyle": {
 
+                    "color": [
 
+                        "#ccc"
 
+                    ]
 
+                }
 
+            },
 
+            "splitArea": {
 
+                "show": false,
 
+                "areaStyle": {
 
+                    "color": [
 
+                        "rgba(250,250,250,0.3)",
 
+                        "rgba(200,200,200,0.3)"
 
+                    ]
 
+                }
 
+            }
 
+        },
 
+        "toolbox": {
 
+            "iconStyle": {
 
+                "borderColor": "#999999"
 
+            },
 
+            "emphasis": {
 
+                "iconStyle": {
 
+                    "borderColor": "#666666"
 
+                }
 
+            }
 
+        },
 
+        "legend": {
 
+            "textStyle": {
 
+                "color": "#333333"
 
+            }
 
+        },
 
+        "tooltip": {
 
+            "axisPointer": {
 
+                "lineStyle": {
 
+                    "color": "#cccccc",
 
+                    "width": 1
 
+                },
 
+                "crossStyle": {
 
+                    "color": "#cccccc",
 
+                    "width": 1
 
+                }
 
+            }
 
+        },
 
+        "timeline": {
 
+            "lineStyle": {
 
+                "color": "#293c55",
 
+                "width": 1
 
+            },
 
+            "itemStyle": {
 
+                "color": "#293c55",
 
+                "borderWidth": 1
 
+            },
 
+            "controlStyle": {
 
+                "color": "#293c55",
 
+                "borderColor": "#293c55",
 
+                "borderWidth": 0.5
 
+            },
 
+            "checkpointStyle": {
 
+                "color": "#e43c59",
 
+                "borderColor": "#c23531"
 
+            },
 
+            "label": {
 
+                "color": "#293c55"
 
+            },
 
+            "emphasis": {
 
+                "itemStyle": {
 
+                    "color": "#a9334c"
 
+                },
 
+                "controlStyle": {
 
+                    "color": "#293c55",
 
+                    "borderColor": "#293c55",
 
+                    "borderWidth": 0.5
 
+                },
 
+                "label": {
 
+                    "color": "#293c55"
 
+                }
 
+            }
 
+        },
 
+        "visualMap": {
 
+            "color": [
 
+                "#bf444c",
 
+                "#d88273",
 
+                "#f6efa6"
 
+            ]
 
+        },
 
+        "dataZoom": {
 
+            "backgroundColor": "rgba(47,69,84,0)",
 
+            "dataBackgroundColor": "rgba(47,69,84,0.3)",
 
+            "fillerColor": "rgba(167,183,204,0.4)",
 
+            "handleColor": "#a7b7cc",
 
+            "handleSize": "100%",
 
+            "textStyle": {
 
+                "color": "#333333"
 
+            }
 
+        },
 
+        "markPoint": {
 
+            "label": {
 
+                "color": "#eeeeee"
 
+            },
 
+            "emphasis": {
 
+                "label": {
 
+                    "color": "#eeeeee"
 
+                }
 
+            }
 
+        }
 
+    });
 
+}));

+ 179 - 0
public/taishi/demo.js
Просмотреть файл 

@@ -0,0 +1,179 @@
 
+const myCharte = echarts.init(document.getElementById('demo'), 'vintage');
 
+datae = [{
 
+        name: "今日",
 
+        value:100
 
+    },
 
+    {
 
+        name: "本周",
 
+        value: 100
 
+    },
 
+    {
 
+        name: "本月",
 
+        value:100
 
+    },
 
+];
 
+arrName = getArrayValue(datae, "name");
 
+arrValue = getArrayValue(datae, "value");
 
+sumValue = eval(arrValue.join('+'));
 
+objData = array2obj(datae, "name");
 
+optionData = getData(datae)
 
+
 
+function getArrayValue(array, key) {
 
+    var key = key || "value";
 
+    var res = [];
 
+    if (array) {
 
+        array.forEach(function(t) {
 
+            res.push(t[key]);
 
+        });
 
+    }
 
+    return res;
 
+}
 
+
 
+function array2obj(array, key) {
 
+    var resObj = {};
 
+    for (var i = 0; i < array.length; i++) {
 
+        resObj[array[i][key]] = array[i];
 
+    }
 
+    return resObj;
 
+}
 
+
 
+function getData(data) {
 
+    var res = {
 
+        series: [],
 
+        yAxis: []
 
+    };
 
+    for (let i = 0; i < data.length; i++) {
 
+        // console.log([70 - i * 15 + '%', 67 - i * 15 + '%']);
 
+        res.series.push({
 
+            name: '',
 
+            type: 'pie',
 
+            clockWise: false, //顺时加载
 
+            hoverAnimation: false, //鼠标移入变大
 
+            radius: [80 - i * 15 + '%', 70 - i * 15 + '%'],
 
+            center: ["50%", "55%"],
 
+            label: {
 
+                show: false
 
+            },
 
+            itemStyle: {
 
+                label: {
 
+                    show: false,
 
+                },
 
+                labelLine: {
 
+                    show: false
 
+                },
 
+                borderWidth: 0,
 
+            },
 
+            data: [{
 
+                value: datae[i].value,
 
+                name: datae[i].name
 
+            }, {
 
+                value: sumValue - data[i].value,
 
+                name: '',
 
+                itemStyle: {
 
+                    color: "rgba(0,0,0,0)",
 
+                    borderWidth: 0
 
+                },
 
+                tooltip: {
 
+                    show: false
 
+                },
 
+                hoverAnimation: false
 
+            }]
 
+        });
 
+        res.series.push({
 
+            name: '',
 
+            type: 'pie',
 
+            silent: true,
 
+            z: 1,
 
+            clockWise: false, //顺时加载
 
+            hoverAnimation: false, //鼠标移入变大
 
+            radius: [80 - i * 15 + '%', 70 - i * 15 + '%'],
 
+            center: ["50%", "55%"],
 
+            label: {
 
+                show: false
 
+            },
 
+            itemStyle: {
 
+                label: {
 
+                    show: false
 
+                },
 
+                labelLine: {
 
+                    show: false
 
+                },
 
+                borderWidth: 0,
 
+            },
 
+            data: [{
 
+                value: 7.5,
 
+                itemStyle: {
 
+                    color: "rgb(3, 31, 62)",
 
+                    borderWidth: 0
 
+                },
 
+                tooltip: {
 
+                    show: false
 
+                },
 
+                hoverAnimation: false
 
+            }, {
 
+                value: 2.5,
 
+                name: '',
 
+                itemStyle: {
 
+                    color: "rgba(0,0,0,0)",
 
+                    borderWidth: 0
 
+                },
 
+                tooltip: {
 
+                    show: false
 
+                },
 
+                hoverAnimation: false
 
+            }]
 
+        });
 
+        res.yAxis.push((datae[i].value / sumValue * 100).toFixed(2) + "%");
 
+    }
 
+    return res;
 
+}
 
+
 
+option45 = {
 
+    legend: {
 
+        show: true,
 
+        selectedMode:
 
+        false,
 
+        icon: "circle",
 
+        top: "center",
 
+        top: '15%',
 
+        bottom: '53%',
 
+        left: "50%",
 
+        data: arrName,
 
+        width: 40,
 
+        padding: [0, 16],
 
+        itemGap: 25,
 
+        formatter: function(name) {
 
+            return "{title|" + name + "}{value|" + (objData[name].value) + "}  {title|项}"
 
+        },
 
+
 
+        textStyle: {
 
+            rich: {
 
+                title: {
 
+                    fontSize: 20,
 
+                    lineHeight: 30,
 
+                    color: "#00e4ff"
 
+                },
 
+                value: {
 
+                    fontSize:30,
 
+					padding:[0,8,0,10],
 
+                    lineHeight: 20,
 
+                    color: "#fcdc00"
 
+                }
 
+            }
 
+        },
 
+    },
 
+    tooltip: {
 
+        show: true,
 
+        trigger: "item",
 
+        formatter: "{a}{b}:{c}({d}%)",
 
+        textStyle:{
 
+            fontSize:30
 
+        }
 
+    },
 
+    color: ['#009944', '#ffa531', '#00ccff', 'rgb(52, 52, 176)'],
 
+    xAxis: [{
 
+        show: false
 
+    }],
 
+    series: optionData.series
 
+};
 
+		myCharte.setOption(option45);

Разница между файлами не показана из-за своего большого размера
+ 21 - 0
public/taishi/echarts.min.js


BIN
public/taishi/img/].png
Просмотреть файл


BIN
public/taishi/img/anniu.png
Просмотреть файл


BIN
public/taishi/img/c1.png
Просмотреть файл


BIN
public/taishi/img/c12.png
Просмотреть файл


BIN
public/taishi/img/c2.png
Просмотреть файл


BIN
public/taishi/img/c3.png
Просмотреть файл


BIN
public/taishi/img/center.png
Просмотреть файл


BIN
public/taishi/img/cheliangq.png
Просмотреть файл


BIN
public/taishi/img/cheliangz.png
Просмотреть файл


BIN
public/taishi/img/cl1.png
Просмотреть файл


BIN
public/taishi/img/cr.png
Просмотреть файл


BIN
public/taishi/img/deng.png
Просмотреть файл


BIN
public/taishi/img/l1.png
Просмотреть файл


BIN
public/taishi/img/l12.png
Просмотреть файл


BIN
public/taishi/img/l2.png
Просмотреть файл


BIN
public/taishi/img/l21.png
Просмотреть файл


BIN
public/taishi/img/r1.png
Просмотреть файл


BIN
public/taishi/img/r2.png
Просмотреть файл


BIN
public/taishi/img/r3.png
Просмотреть файл


BIN
public/taishi/img/r3t.png
Просмотреть файл


BIN
public/taishi/img/situationtitle.png
Просмотреть файл


BIN
public/taishi/img/taishibg.png
Просмотреть файл


BIN
public/taishi/img/waichu.png
Просмотреть файл


BIN
public/taishi/img/yinfangs.png
Просмотреть файл


BIN
public/taishi/img/yinfangz.png
Просмотреть файл


BIN
public/taishi/img/yinjus.png
Просмотреть файл


BIN
public/taishi/img/yinjuz.png
Просмотреть файл


BIN
public/taishi/img/zaiwei.png
Просмотреть файл


BIN
public/taishi/img/zong.png
Просмотреть файл


BIN
public/taishi/img/未标题-2.png
Просмотреть файл


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
public/taishi/jquery-1.8.3.min.js


+ 1309 - 0
public/taishi/jquery.liMarquee.js
Просмотреть файл 

@@ -0,0 +1,1309 @@
 
+/*
 
+ * jQuery liMarquee v 4.6
 
+ *
 
+ * Copyright 2013, Linnik Yura | LI MASS CODE | http://masscode.ru
 
+ * http://masscode.ru/index.php/k2/item/44-limarquee
 
+ * Free to use
 
+ *
 
+ * Last Update 20.11.2014
 
+ */
 
+(function ($) {
 
+	var methods = {
 
+		init: function (options) {
 
+			var p = {
 
+				direction: 'left', //Указывает направление движения содержимого контейнера (left | right | up | down)
 
+				loop: -1, //Задает, сколько раз будет прокручиваться содержимое. "-1" для бесконечного воспроизведения движения
 
+				scrolldelay: 0, //Величина задержки в миллисекундах между движениями
 
+				scrollamount: 50, //Скорость движения контента (px/sec)
 
+				circular: true, //Если "true" - строка непрерывная 
+				drag: true, //Если "true" - включено перетаскивание строки
 
+				runshort: true, //Если "true" - короткая строка тоже "бегает", "false" - стоит на месте
 
+				hoverstop: true, //true - строка останавливается при наведении курсора мыши, false - строка не останавливается
 
+				inverthover: false, //false - стандартное поведение. Если "true" - строка начинает движение только при наведении курсора
 
+				xml: false //Путь к xml файлу с нужным текстом
 
+			};
 
+			if (options) {
 
+				$.extend(p, options);
 
+			}
 
+
 
+			return this.each(function () {
 
+				var enterEvent = 'mouseenter';
 
+				var leaveEvent = 'mouseleave';
 
+				if(p.inverthover){
 
+					enterEvent = 'mouseleave';
 
+					leaveEvent = 'mouseenter';	
+				}
 
+				
+								
+				var
 
+					loop = p.loop,
 
+					strWrap = $(this).addClass('str_wrap').data({scrollamount:p.scrollamount}),
 
+					fMove = false;
 
+					
+				
+				
+				var strWrapStyle = strWrap.attr('style'); 
+				
+				if(strWrapStyle){
 
+					var wrapStyleArr = strWrapStyle.split(';');
 
+					var startHeight = false;
 
+					for(var i=0; i < wrapStyleArr.length; i++){
 
+						var str = $.trim(wrapStyleArr[i]);					
+						var tested =  str.search(/^height/g);
 
+						if(tested != -1){
 
+							startHeight = parseFloat(strWrap.css('height'));
 
+						}
 
+					}
 
+				}
 
+
 
+				var code = function () {
 
+					
+					strWrap.off('mouseleave');
 
+					strWrap.off('mouseenter');
 
+					strWrap.off('mousemove');
 
+					strWrap.off('mousedown');
 
+					strWrap.off('mouseup');
 
+
 
+					
+					if(!$('.str_move',strWrap).length){
 
+						strWrap.wrapInner($('<div>').addClass('str_move'));
 
+					}
 
+					
+					var
 
+					strMove = $('.str_move', strWrap).addClass('str_origin'),
 
+					strMoveClone = strMove.clone().removeClass('str_origin').addClass('str_move_clone'),
 
+					time = 0;
 
+
 
+					if (!p.hoverstop) {
 
+						strWrap.addClass('noStop');
 
+					}
 
+
 
+					var circCloneHor = function(){
 
+						strMoveClone.clone().css({
 
+							left:'100%',
 
+							right:'auto',							
+							width: strMove.width()
 
+						}).appendTo(strMove);
 
+						strMoveClone.css({
 
+							right: '100%',
 
+							left:'auto',
 
+							width: strMove.width()
 
+						}).appendTo(strMove);
 
+					}
 
+					
+					var circCloneVert = function(){
 
+						strMoveClone.clone().css({
 
+							top: '100%',
 
+							bottom:'auto',
 
+							height: strMove.height()
 
+						}).appendTo(strMove);
 
+						strMoveClone.css({
 
+							bottom: '100%',
 
+							top:'auto',
 
+							height:strMove.height()
 
+						}).appendTo(strMove);
 
+					}
 
+					
+					
+					
+					if (p.direction == 'left') {
 
+						strWrap.height(strMove.outerHeight())
 
+						if (strMove.width() > strWrap.width()) {
 
+							var leftPos = -strMove.width();
 
+							
+							if (p.circular) {
 
+								
+								if (!p.xml) {
 
+									circCloneHor()
 
+									leftPos = -(strMove.width() + (strMove.width() - strWrap.width()));
 
+								}
 
+							}
 
+							if (p.xml) {
 
+								strMove.css({
 
+									left:strWrap.width()	
+								})
 
+							}
 
+							var
 
+							strMoveLeft = strWrap.width(),
 
+								k1 = 0,
 
+								timeFunc1 = function () {
 
+									var
 
+									fullS = Math.abs(leftPos),
 
+										time = (fullS / strWrap.data('scrollamount')) * 1000;
 
+									if (parseFloat(strMove.css('left')) != 0) {
 
+										fullS = (fullS + strWrap.width());
 
+										time = (fullS - (strWrap.width() - parseFloat(strMove.css('left')))) / strWrap.data('scrollamount') * 1000;
 
+									}
 
+									return time;
 
+								},
 
+								moveFuncId1 = false,
 
+								moveFunc1 = function () {
 
+									if (loop != 0) {
 
+										strMove.stop(true).animate({
 
+											left: leftPos
 
+										}, timeFunc1(), 'linear', function () {
 
+											$(this).css({
 
+												left: strWrap.width()
 
+											});
 
+											if (loop == -1) {
 
+												moveFuncId1 = setTimeout(moveFunc1, p.scrolldelay);
 
+											} else {
 
+												loop--;
 
+												moveFuncId1 = setTimeout(moveFunc1, p.scrolldelay);
 
+											}
 
+										});
 
+									}
 
+								};
 
+								strWrap.data({
 
+									moveId: moveFuncId1	,
 
+									moveF : moveFunc1
 
+								})
 
+								if(!p.inverthover){
 
+									moveFunc1();
 
+								}
 
+							
+							if (p.hoverstop) {
 
+								strWrap.on(enterEvent, function () {
 
+									$(this).addClass('str_active');
 
+									clearTimeout(moveFuncId1);
 
+									strMove.stop(true);
 
+								}).on(leaveEvent, function () {
 
+									$(this).removeClass('str_active');
 
+									$(this).off('mousemove');
 
+									moveFunc1();
 
+								});
 
+
 
+								if (p.drag) {
 
+									strWrap.on('mousedown', function (e) {
 
+										if(p.inverthover){
 
+											strMove.stop(true);
 
+										}
 
+										//drag
 
+										var dragLeft;
 
+										var dir = 1;
 
+										var newX;
 
+										var oldX = e.clientX;
 
+										//drag
 
+										
+										strMoveLeft = strMove.position().left;
 
+										k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+										
+										
+										
+										$(this).on('mousemove', function (e) {
 
+											fMove = true;
 
+											
+											//drag
 
+											newX = e.clientX;
 
+											if(newX > oldX){
 
+												dir = 1
 
+											}else{
 
+												dir = -1
 
+											}
 
+											oldX = newX	
+											dragLeft = k1 + (e.clientX - strWrap.offset().left);
 
+											
+											if (!p.circular) {
 
+												if(dragLeft < -strMove.width() && dir < 0){
 
+													dragLeft = strWrap.width();
 
+													strMoveLeft = strMove.position().left;
 
+													k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+												}
 
+												if(dragLeft > strWrap.width() && dir > 0){
 
+													dragLeft = -strMove.width();
 
+													strMoveLeft = strMove.position().left;
 
+													k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+												}
 
+											}else{
 
+												if(dragLeft < -strMove.width() && dir < 0){
 
+													dragLeft = 0;
 
+													strMoveLeft = strMove.position().left;
 
+													k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+												}
 
+												if(dragLeft > 0 && dir > 0){
 
+													dragLeft = -strMove.width();
 
+													strMoveLeft = strMove.position().left;
 
+													k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+												}
 
+	
+											}
 
+											
+											
+											strMove.stop(true).css({
 
+												left: dragLeft
 
+											});
 
+											//drag
 
+											
+										
+											
+										}).on('mouseup', function () {
 
+											$(this).off('mousemove');
 
+											if(p.inverthover){
 
+												strMove.trigger('mouseenter')
 
+											}
 
+											setTimeout(function () {                             
+												fMove = false
 
+											}, 50)
 
+											
+										});
 
+										return false;
 
+									})
 
+									.on('click', function () {
 
+										if (fMove) {
 
+											return false
 
+										}
 
+									});
 
+								} else {
 
+									strWrap.addClass('no_drag');
 
+								};
 
+							}
 
+						} else {
 
+							if (p.runshort) {
 
+								strMove.css({
 
+									left: strWrap.width()
 
+								});
 
+								var
 
+								strMoveLeft = strWrap.width(),
 
+									k1 = 0,
 
+									timeFunc = function () {
 
+										time = (strMove.width() + strMove.position().left) / strWrap.data('scrollamount') * 1000;
 
+										return time;
 
+									};
 
+								var moveFunc = function () {
 
+									var leftPos = -strMove.width();
 
+									strMove.animate({
 
+										left: leftPos
 
+									}, timeFunc(), 'linear', function () {
 
+										$(this).css({
 
+											left: strWrap.width()
 
+										});
 
+										if (loop == -1) {
 
+											setTimeout(moveFunc, p.scrolldelay);
 
+										} else {
 
+											loop--;
 
+											setTimeout(moveFunc, p.scrolldelay);
 
+										}
 
+									});
 
+								};
 
+								strWrap.data({
 
+									moveF : moveFunc
 
+								})
 
+								if(!p.inverthover){
 
+									moveFunc();
 
+								}
 
+								if (p.hoverstop) {
 
+									strWrap.on(enterEvent, function () {
 
+										$(this).addClass('str_active');
 
+										strMove.stop(true);
 
+									}).on(leaveEvent, function () {
 
+										$(this).removeClass('str_active');
 
+										$(this).off('mousemove');
 
+										moveFunc();
 
+									});
 
+
 
+									if (p.drag) {
 
+										strWrap.on('mousedown', function (e) {
 
+											if(p.inverthover){
 
+												strMove.stop(true);
 
+											}
 
+											
+											//drag
 
+											var dragLeft;
 
+											var dir = 1;
 
+											var newX;
 
+											var oldX = e.clientX;
 
+											//drag
 
+											
+											strMoveLeft = strMove.position().left;
 
+											k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+											$(this).on('mousemove', function (e) {
 
+												fMove = true;
 
+												
+												
+												//drag
 
+												newX = e.clientX;
 
+												if(newX > oldX){
 
+													dir = 1
 
+												}else{
 
+													dir = -1
 
+												}
 
+												oldX = newX	
+												dragLeft = k1 + (e.clientX - strWrap.offset().left);
 
+												
+												if(dragLeft < -strMove.width() && dir < 0){
 
+													dragLeft = strWrap.width();
 
+													strMoveLeft = strMove.position().left;
 
+													k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+												}
 
+												if(dragLeft > strWrap.width() && dir > 0){
 
+													dragLeft = -strMove.width();
 
+													strMoveLeft = strMove.position().left;
 
+													k1 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+												}
 
+												
+												
+												strMove.stop(true).css({
 
+													left: dragLeft
 
+												});
 
+												
+												
+												
+											}).on('mouseup', function () {
 
+												if(p.inverthover){
 
+													strMove.trigger('mouseenter')
 
+												}
 
+												$(this).off('mousemove');
 
+												setTimeout(function () {                             
+													fMove = false
 
+												}, 50)
 
+											});
 
+											return false;
 
+										})
 
+										.on('click', function () {
 
+											if (fMove) {
 
+												return false
 
+											}
 
+										});
 
+									} else {
 
+										strWrap.addClass('no_drag');
 
+									};
 
+								}
 
+							} else {
 
+								strWrap.addClass('str_static');
 
+							}
 
+						};
 
+					};
 
+					if (p.direction == 'right') {
 
+						strWrap.height(strMove.outerHeight())
 
+						strWrap.addClass('str_right');
 
+						strMove.css({
 
+							left: -strMove.width(),
 
+							right: 'auto'
 
+						})
 
+						
+						if (strMove.width() > strWrap.width()) {
 
+							var leftPos = strWrap.width();
 
+							strMove.css({
 
+								left: 0
 
+							})
 
+							if (p.circular) {
 
+								if (!p.xml) {
 
+									circCloneHor()
 
+									//Определяем крайнюю точку
 
+									leftPos = strMove.width();
 
+								}
 
+							}
 
+							
+							var
 
+							k2 = 0;
 
+							timeFunc = function () {
 
+								var
 
+								fullS = strWrap.width(), //крайняя точка
 
+									time = (fullS / strWrap.data('scrollamount')) * 1000; //время
 
+								if (parseFloat(strMove.css('left')) != 0) {
 
+									fullS = (strMove.width() + strWrap.width());
 
+									time = (fullS - (strMove.width() + parseFloat(strMove.css('left')))) / strWrap.data('scrollamount') * 1000;
 
+								}
 
+								return time;
 
+							};
 
+							var moveFunc = function () {
 
+
 
+								if (loop != 0) {
 
+									strMove.animate({
 
+										left: leftPos
 
+									}, timeFunc(), 'linear', function () {
 
+										$(this).css({
 
+											left: -strMove.width()
 
+										});
 
+										if (loop == -1) {
 
+											setTimeout(moveFunc, p.scrolldelay);
 
+										} else {
 
+											loop--;
 
+											setTimeout(moveFunc, p.scrolldelay);
 
+										};
 
+									});
 
+								};
 
+							};
 
+							strWrap.data({
 
+								moveF : moveFunc
 
+							})
 
+					
+							if(!p.inverthover){
 
+								moveFunc();
 
+							}
 
+							if (p.hoverstop) {
 
+								strWrap.on(enterEvent, function () {
 
+									$(this).addClass('str_active');
 
+									strMove.stop(true);
 
+								}).on(leaveEvent, function () {
 
+									$(this).removeClass('str_active');
 
+									$(this).off('mousemove');
 
+									moveFunc();
 
+								});
 
+
 
+								if (p.drag) {
 
+									
+									strWrap.on('mousedown', function (e) {
 
+										if(p.inverthover){
 
+											strMove.stop(true);
 
+										}
 
+										
+										
+										//drag
 
+										var dragLeft;
 
+										var dir = 1;
 
+										var newX;
 
+										var oldX = e.clientX;
 
+										//drag
 
+										
+										strMoveLeft = strMove.position().left;
 
+										k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+										$(this).on('mousemove', function (e) {
 
+											
+											fMove = true;
 
+											
+											//drag
 
+											newX = e.clientX;
 
+											if(newX > oldX){
 
+												dir = 1
 
+											}else{
 
+												dir = -1
 
+											}
 
+											oldX = newX	
+											dragLeft = k2 + (e.clientX - strWrap.offset().left);
 
+
 
+
 
+											if (!p.circular) {
 
+
 
+												if(dragLeft < -strMove.width() && dir < 0){
 
+													dragLeft = strWrap.width();
 
+													strMoveLeft = strMove.position().left;
 
+													k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+												}
 
+												if(dragLeft > strWrap.width() && dir > 0){
 
+													dragLeft = -strMove.width();
 
+													strMoveLeft = strMove.position().left;
 
+													k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+												}
 
+											}else{
 
+												if(dragLeft < -strMove.width() && dir < 0){
 
+													dragLeft = 0;
 
+													strMoveLeft = strMove.position().left;
 
+													k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+												}
 
+												if(dragLeft > 0 && dir > 0){
 
+													dragLeft = -strMove.width();
 
+													strMoveLeft = strMove.position().left;
 
+													k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+												}
 
+	
+											}
 
+											
+											strMove.stop(true).css({
 
+												left: dragLeft
 
+											});
 
+											
+
 
+										}).on('mouseup', function () {
 
+											if(p.inverthover){
 
+												strMove.trigger('mouseenter')
 
+											}
 
+											$(this).off('mousemove');
 
+											setTimeout(function () {                             
+												fMove = false
 
+											}, 50)
 
+										});
 
+										return false;
 
+									})
 
+									.on('click', function () {
 
+										if (fMove) {
 
+											return false
 
+										}
 
+									});
 
+								} else {
 
+									strWrap.addClass('no_drag');
 
+								};
 
+							}
 
+						} else {
 
+														
+							if (p.runshort) {
 
+								
+								var k2 = 0;
 
+								var timeFunc = function () {
 
+									time = (strWrap.width() - strMove.position().left) / strWrap.data('scrollamount') * 1000;
 
+									return time;
 
+								};
 
+								var moveFunc = function () {
 
+									var leftPos = strWrap.width();
 
+									strMove.animate({
 
+										left: leftPos
 
+									}, timeFunc(), 'linear', function () {
 
+										$(this).css({
 
+											left: -strMove.width()
 
+										});
 
+										if (loop == -1) {
 
+											setTimeout(moveFunc, p.scrolldelay);
 
+										} else {
 
+											loop--;
 
+											setTimeout(moveFunc, p.scrolldelay);
 
+										};
 
+									});
 
+								};
 
+
 
+								strWrap.data({
 
+									moveF : moveFunc
 
+								})
 
+
 
+								if(!p.inverthover){
 
+									moveFunc();
 
+								}
 
+								if (p.hoverstop) {
 
+									strWrap.on(enterEvent, function () {
 
+										$(this).addClass('str_active');
 
+										strMove.stop(true);
 
+									}).on(leaveEvent, function () {
 
+										$(this).removeClass('str_active');
 
+										$(this).off('mousemove');
 
+										moveFunc();
 
+									});
 
+
 
+									if (p.drag) {
 
+										strWrap.on('mousedown', function (e) {
 
+											if(p.inverthover){
 
+												strMove.stop(true);
 
+											}
 
+											
+											//drag
 
+											var dragLeft;
 
+											var dir = 1;
 
+											var newX;
 
+											var oldX = e.clientX;
 
+											//drag
 
+											
+											strMoveLeft = strMove.position().left;
 
+											k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+											$(this).on('mousemove', function (e) {
 
+												fMove = true;
 
+												
+												
+												
+												//drag
 
+												newX = e.clientX;
 
+												if(newX > oldX){
 
+													dir = 1
 
+												}else{
 
+													dir = -1
 
+												}
 
+												oldX = newX	
+												dragLeft = k2 + (e.clientX - strWrap.offset().left);
 
+												
+												if(dragLeft < -strMove.width() && dir < 0){
 
+													dragLeft = strWrap.width();
 
+													strMoveLeft = strMove.position().left;
 
+													k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+												}
 
+												if(dragLeft > strWrap.width() && dir > 0){
 
+													dragLeft = -strMove.width();
 
+													strMoveLeft = strMove.position().left;
 
+													k2 = strMoveLeft - (e.clientX - strWrap.offset().left);
 
+												}
 
+
 
+												strMove.stop(true).css({
 
+													left:dragLeft
 
+												});
 
+												
+											}).on('mouseup', function () {
 
+												if(p.inverthover){
 
+													strMove.trigger('mouseenter')
 
+												}
 
+												$(this).off('mousemove');
 
+												setTimeout(function () {                             
+													fMove = false
 
+												}, 50)
 
+											});
 
+											return false;
 
+										})
 
+										.on('click', function () {
 
+											if (fMove) {
 
+												return false
 
+											}
 
+										});
 
+									} else {
 
+										strWrap.addClass('no_drag');
 
+									};
 
+								}
 
+							} else {
 
+								strWrap.addClass('str_static');
 
+							}
 
+						};
 
+					};
 
+					if (p.direction == 'up') {
 
+						strWrap.addClass('str_vertical');
 
+						
+						if (strMove.height() > strWrap.height()) {
 
+							var topPos = -strMove.height();
 
+							if (p.circular) {
 
+								if (!p.xml) {
 
+									circCloneVert();									
+									topPos = -(strMove.height() + (strMove.height() - strWrap.height()));
 
+								}
 
+							}
 
+							if (p.xml) {
 
+								strMove.css({
 
+									top:strWrap.height()	
+								})
 
+							}
 
+							var
 
+							k2 = 0;
 
+							timeFunc = function () {
 
+								var
 
+								fullS = Math.abs(topPos),
 
+									time = (fullS / strWrap.data('scrollamount')) * 1000;
 
+								if (parseFloat(strMove.css('top')) != 0) {
 
+									fullS = (fullS + strWrap.height());
 
+									time = (fullS - (strWrap.height() - parseFloat(strMove.css('top')))) / strWrap.data('scrollamount') * 1000;
 
+								}
 
+								
+								return time;
 
+							};
 
+							var moveFunc = function () {
 
+								if (loop != 0) {
 
+									strMove.animate({
 
+										top: topPos
 
+									}, timeFunc(), 'linear', function () {
 
+										$(this).css({
 
+											top: strWrap.height()
 
+										});
 
+										if (loop == -1) {
 
+											setTimeout(moveFunc, p.scrolldelay);
 
+										} else {
 
+											loop--;
 
+											setTimeout(moveFunc, p.scrolldelay);
 
+										};
 
+									});
 
+								};
 
+							};
 
+							
+							strWrap.data({
 
+								moveF : moveFunc
 
+							})
 
+							
+							if(!p.inverthover){
 
+								moveFunc();
 
+							}
 
+							if (p.hoverstop) {
 
+								strWrap.on(enterEvent, function () {
 
+									$(this).addClass('str_active');
 
+									strMove.stop(true);
 
+								}).on(leaveEvent, function () {
 
+									$(this).removeClass('str_active');
 
+									$(this).off('mousemove');
 
+									moveFunc();
 
+								});
 
+
 
+								if (p.drag) {
 
+									strWrap.on('mousedown', function (e) {
 
+										if(p.inverthover){
 
+											strMove.stop(true);
 
+										}
 
+										
+										//drag
 
+										var dragTop;
 
+										var dir = 1;
 
+										var newY;
 
+										var oldY = e.clientY;
 
+										//drag
 
+										
+										
+										strMoveTop = strMove.position().top;
 
+										k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+										$(this).on('mousemove', function (e) {
 
+											
+											fMove = true;
 
+
 
+											//drag
 
+											newY = e.clientY;
 
+											if(newY > oldY){
 
+												dir = 1
 
+											}else{
 
+												if(newY < oldY){
 
+													dir = -1
 
+												}
 
+											}
 
+											oldY = newY	
+											dragTop = k2 + e.clientY - strWrap.offset().top;
 
+
 
+
 
+											if (!p.circular){
 
+												if(dragTop < -strMove.height() && dir < 0){
 
+													dragTop = strWrap.height();
 
+													strMoveTop = strMove.position().top;
 
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+												}
 
+												if(dragTop > strWrap.height() && dir > 0){
 
+													dragTop = -strMove.height();
 
+													strMoveTop = strMove.position().top;
 
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+												}	
+											}else{
 
+												if(dragTop < -strMove.height() && dir < 0){
 
+													dragTop = 0;
 
+													strMoveTop = strMove.position().top;
 
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+												}
 
+												if(dragTop > 0 && dir > 0){
 
+													dragTop = -strMove.height();
 
+													strMoveTop = strMove.position().top;
 
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+												}
 
+											}
 
+
 
+
 
+											strMove.stop(true).css({
 
+												top: dragTop
 
+											});
 
+											//drag
 
+											
+											
+											
+											
+											
+											
+											
+											
+											
+											
+											
+											
+										}).on('mouseup', function () {
 
+											if(p.inverthover){
 
+												strMove.trigger('mouseenter')
 
+											}
 
+											$(this).off('mousemove');
 
+											setTimeout(function () {                             
+												fMove = false
 
+											}, 50)
 
+										});
 
+										return false;
 
+									})
 
+									.on('click', function () {
 
+										if (fMove) {
 
+											return false
 
+										}
 
+									});
 
+								} else {
 
+									strWrap.addClass('no_drag');
 
+								};
 
+							}
 
+						} else {
 
+							if (p.runshort) {
 
+								strMove.css({
 
+									top: strWrap.height()
 
+								});
 
+								var k2 = 0;
 
+								var timeFunc = function () {
 
+									
+									time = (strMove.height() + strMove.position().top) / strWrap.data('scrollamount') * 1000;
 
+									
+									return time;
 
+								};
 
+								var moveFunc = function () {
 
+									var topPos = -strMove.height();
 
+									strMove.animate({
 
+										top: topPos
 
+									}, timeFunc(), 'linear', function () {
 
+										$(this).css({
 
+											top: strWrap.height()
 
+										});
 
+										if (loop == -1) {
 
+											setTimeout(moveFunc, p.scrolldelay);
 
+										} else {
 
+											loop--;
 
+											setTimeout(moveFunc, p.scrolldelay);
 
+										};
 
+									});
 
+								};
 
+								strWrap.data({
 
+									moveF : moveFunc
 
+								})
 
+								if(!p.inverthover){
 
+									moveFunc();
 
+								}
 
+								if (p.hoverstop) {
 
+									strWrap.on(enterEvent, function () {
 
+										$(this).addClass('str_active');
 
+										strMove.stop(true);
 
+									}).on(leaveEvent, function () {
 
+										$(this).removeClass('str_active');
 
+										$(this).off('mousemove');
 
+										moveFunc();
 
+									});
 
+
 
+									if (p.drag) {
 
+										strWrap.on('mousedown', function (e) {
 
+											if(p.inverthover){
 
+												strMove.stop(true);
 
+											}
 
+											
+											//drag
 
+											var dragTop;
 
+											var dir = 1;
 
+											var newY;
 
+											var oldY = e.clientY;
 
+											//drag
 
+											
+											strMoveTop = strMove.position().top;
 
+											k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+											$(this).on('mousemove', function (e) {
 
+												
+												
+												fMove = true;
 
+
 
+												//drag
 
+												newY = e.clientY;
 
+												if(newY > oldY){
 
+													dir = 1
 
+												}else{
 
+													if(newY < oldY){
 
+														dir = -1
 
+													}
 
+												}
 
+												oldY = newY	
+												dragTop = k2 + e.clientY - strWrap.offset().top;
 
+												
+												if(dragTop < -strMove.height() && dir < 0){
 
+													dragTop = strWrap.height();
 
+													strMoveTop = strMove.position().top;
 
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+												}
 
+												if(dragTop > strWrap.height() && dir > 0){
 
+													dragTop = -strMove.height();
 
+													strMoveTop = strMove.position().top;
 
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+												}	
+												//*drag
 
+												
+												strMove.stop(true).css({
 
+													top: dragTop
 
+												});
 
+												
+												
+											}).on('mouseup', function () {
 
+												if(p.inverthover){
 
+													strMove.trigger('mouseenter')
 
+												}
 
+												$(this).off('mousemove');
 
+												setTimeout(function () {                             
+													fMove = false
 
+												}, 50)
 
+											});
 
+											return false;
 
+										})
 
+										.on('click', function () {
 
+											if (fMove) {
 
+												return false
 
+											}
 
+										});
 
+									} else {
 
+										strWrap.addClass('no_drag');
 
+									};
 
+								}
 
+							} else {
 
+								strWrap.addClass('str_static');
 
+							}
 
+						};
 
+					};
 
+					if (p.direction == 'down') {
 
+
 
+						strWrap.addClass('str_vertical').addClass('str_down');
 
+						strMove.css({
 
+							top: -strMove.height(),
 
+							bottom: 'auto'
 
+						})
 
+						if (strMove.height() > strWrap.height()) {
 
+							var topPos = strWrap.height();
 
+							if (p.circular) {
 
+								if (!p.xml) {
 
+									circCloneVert();									
+									topPos = strMove.height();
 
+								}
 
+							}
 
+							if (p.xml) {
 
+								strMove.css({
 
+									top:-strMove.height()
 
+								})
 
+							}
 
+							var
 
+							k2 = 0;
 
+							timeFunc = function () {
 
+								var
 
+								fullS = strWrap.height(), //крайняя точка
 
+									time = (fullS / strWrap.data('scrollamount')) * 1000; //время
 
+
 
+								if (parseFloat(strMove.css('top')) != 0) {
 
+									fullS = (strMove.height() + strWrap.height());
 
+									time = (fullS - (strMove.height() + parseFloat(strMove.css('top')))) / strWrap.data('scrollamount') * 1000;
 
+								}
 
+								return time;
 
+							};
 
+							var moveFunc = function () {
 
+
 
+								if (loop != 0) {
 
+									strMove.animate({
 
+										top: topPos
 
+									}, timeFunc(), 'linear', function () {
 
+										$(this).css({
 
+											top: -strMove.height()
 
+										});
 
+										if (loop == -1) {
 
+
 
+											setTimeout(moveFunc, p.scrolldelay);
 
+										} else {
 
+											loop--;
 
+											setTimeout(moveFunc, p.scrolldelay);
 
+										};
 
+									});
 
+								};
 
+							};
 
+							strWrap.data({
 
+								moveF : moveFunc
 
+							})
 
+							if(!p.inverthover){
 
+								moveFunc();
 
+							}
 
+							if (p.hoverstop) {
 
+								strWrap.on(enterEvent, function () {
 
+									$(this).addClass('str_active');
 
+									strMove.stop(true);
 
+								}).on(leaveEvent, function () {
 
+									$(this).removeClass('str_active');
 
+									$(this).off('mousemove');
 
+									moveFunc();
 
+								});
 
+
 
+								if (p.drag) {
 
+									strWrap.on('mousedown', function (e) {
 
+										if(p.inverthover){
 
+											strMove.stop(true);
 
+										}
 
+										
+										//drag
 
+										var dragTop;
 
+										var dir = 1;
 
+										var newY;
 
+										var oldY = e.clientY;
 
+										//drag
 
+										
+										
+										strMoveTop = strMove.position().top;
 
+										k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+										$(this).on('mousemove', function (e) {
 
+											
+											fMove = true;
 
+											
+											//drag
 
+											newY = e.clientY;
 
+											if(newY > oldY){
 
+												dir = 1
 
+											}else{
 
+												if(newY < oldY){
 
+													dir = -1
 
+												}
 
+											}
 
+											oldY = newY	
+											dragTop = k2 + e.clientY - strWrap.offset().top;
 
+
 
+
 
+											if (!p.circular){
 
+												if(dragTop < -strMove.height() && dir < 0){
 
+													dragTop = strWrap.height();
 
+													strMoveTop = strMove.position().top;
 
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+												}
 
+												if(dragTop > strWrap.height() && dir > 0){
 
+													dragTop = -strMove.height();
 
+													strMoveTop = strMove.position().top;
 
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+												}	
+											}else{
 
+												if(dragTop < -strMove.height() && dir < 0){
 
+													dragTop = 0;
 
+													strMoveTop = strMove.position().top;
 
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+												}
 
+												if(dragTop > 0 && dir > 0){
 
+													dragTop = -strMove.height();
 
+													strMoveTop = strMove.position().top;
 
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+												}
 
+											}
 
+
 
+
 
+											strMove.stop(true).css({
 
+												top: dragTop
 
+											});
 
+											//drag
 
+
 
+
 
+
 
+										}).on('mouseup', function () {
 
+											if(p.inverthover){
 
+												strMove.trigger('mouseenter')
 
+											}
 
+											$(this).off('mousemove');
 
+											setTimeout(function () {                             
+												fMove = false
 
+											}, 50)
 
+										});
 
+										return false;
 
+									})
 
+									.on('click', function () {
 
+										if (fMove) {
 
+											return false
 
+										}
 
+									});
 
+								} else {
 
+									strWrap.addClass('no_drag');
 
+								};
 
+							}
 
+						} else {
 
+							if (p.runshort) {
 
+								var k2 = 0;
 
+								var timeFunc = function () {
 
+									time = (strWrap.height() - strMove.position().top) / strWrap.data('scrollamount') * 1000;
 
+									return time;
 
+								};
 
+								var moveFunc = function () {
 
+									var topPos = strWrap.height();
 
+									strMove.animate({
 
+										top: topPos
 
+									}, timeFunc(), 'linear', function () {
 
+										$(this).css({
 
+											top: -strMove.height()
 
+										});
 
+										if (loop == -1) {
 
+											setTimeout(moveFunc, p.scrolldelay);
 
+										} else {
 
+											loop--;
 
+											setTimeout(moveFunc, p.scrolldelay);
 
+										};
 
+									});
 
+								};
 
+								strWrap.data({
 
+									moveF : moveFunc
 
+								})
 
+								if(!p.inverthover){
 
+									moveFunc();
 
+								}
 
+								if (p.hoverstop) {
 
+									strWrap.on(enterEvent, function () {
 
+										$(this).addClass('str_active');
 
+										strMove.stop(true);
 
+									}).on(leaveEvent, function () {
 
+										$(this).removeClass('str_active');
 
+										$(this).off('mousemove');
 
+										moveFunc();
 
+									});
 
+
 
+									if (p.drag) {
 
+										strWrap.on('mousedown', function (e) {
 
+											if(p.inverthover){
 
+												strMove.stop(true);
 
+											}
 
+											
+											//drag
 
+											var dragTop;
 
+											var dir = 1;
 
+											var newY;
 
+											var oldY = e.clientY;
 
+											//drag
 
+											
+											strMoveTop = strMove.position().top;
 
+											k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+											$(this).on('mousemove', function (e) {
 
+												fMove = true;
 
+
 
+												//drag
 
+												newY = e.clientY;
 
+												if(newY > oldY){
 
+													dir = 1
 
+												}else{
 
+													if(newY < oldY){
 
+														dir = -1
 
+													}
 
+												}
 
+												oldY = newY	
+												dragTop = k2 + e.clientY - strWrap.offset().top;
 
+	
+	
+												if(dragTop < -strMove.height() && dir < 0){
 
+													dragTop = strWrap.height();
 
+													strMoveTop = strMove.position().top;
 
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+												}
 
+												if(dragTop > strWrap.height() && dir > 0){
 
+													dragTop = -strMove.height();
 
+													strMoveTop = strMove.position().top;
 
+													k2 = strMoveTop - (e.clientY - strWrap.offset().top);
 
+												}	
+												//*drag
 
+												
+												strMove.stop(true).css({
 
+													top: dragTop
 
+												});
 
+												
+												
+												
+												
+												
+												
+												
+												
+											}).on('mouseup', function () {
 
+												if(p.inverthover){
 
+													strMove.trigger('mouseenter')
 
+												}
 
+												$(this).off('mousemove');
 
+												setTimeout(function () {                             
+													fMove = false
 
+												}, 50)
 
+											})
 
+											return false;
 
+										})
 
+										.on('click', function () {
 
+											if (fMove) {
 
+												return false
 
+											}
 
+										});
 
+									} else {
 
+										strWrap.addClass('no_drag');
 
+									};
 
+								}
 
+							} else {
 
+								strWrap.addClass('str_static');
 
+							}
 
+						};
 
+					};
 
+					
+					
+					
+					
+				}
 
+				if (p.xml) {
 
+					$.ajax({
 
+						url: p.xml,
 
+						dataType: "xml",
 
+						success: function (xml) {
 
+							var xmlTextEl = $(xml).find('text');
 
+							var xmlTextLength = xmlTextEl.length;
 
+							for(var i = 0; i < xmlTextLength; i++){
 
+								var xmlElActive = xmlTextEl.eq(i);
 
+								var xmlElContent = xmlElActive.text();
 
+								var xmlItemEl = $('<span>').text(xmlElContent).appendTo(strWrap);
 
+								
+								if(p.direction == 'left' || p.direction == 'right'){
 
+									xmlItemEl.css({display:'inline-block',textAlign:'right'});	
+									if(i > 0){
 
+										xmlItemEl.css({width:strWrap.width()+xmlItemEl.width()});	
+									}
 
+								}
 
+								if(p.direction == 'down' || p.direction == 'up'){
 
+									xmlItemEl.css({display:'block',textAlign:'left'});	
+										if(i > 0){
 
+											xmlItemEl.css({paddingTop:strWrap.height()});
 
+										}
 
+								}
 
+								
+							}
 
+							code();
 
+						}
 
+					});
 
+				} else {
 
+					code();
 
+				}
 
+				strWrap.data({
 
+					ini:code,
 
+					startheight: startHeight	
+				})
 
+				
+				
+				
+				
+			});
 
+		},
 
+		update: function () {
 
+			var el = $(this);
 
+			var str_origin = $('.str_origin',el);
 
+			var str_move_clone = $('.str_move_clone',el);
 
+			str_origin.stop(true);
 
+			str_move_clone.remove();
 
+			el.data('ini')();
 
+		},
 
+		destroy: function () {
 
+			
+			var el = $(this);
 
+			var elMove = $('.str_move',el);
 
+			var startHeight = el.data('startheight');
 
+			
+			$('.str_move_clone',el).remove();
 
+			el.off('mouseenter');
 
+			el.off('mousedown');
 
+			el.off('mouseup');
 
+			el.off('mouseleave');
 
+			el.off('mousemove');
 
+			el.removeClass('noStop').removeClass('str_vertical').removeClass('str_active').removeClass('no_drag').removeClass('str_static').removeClass('str_right').removeClass('str_down');
 
+			
+			var elStyle = el.attr('style'); 
+			if(elStyle){
 
+				var styleArr = elStyle.split(';');
 
+				for(var i=0; i < styleArr.length; i++){
 
+					var str = $.trim(styleArr[i]);
 
+					var tested =  str.search(/^height/g);
 
+					if(tested != -1){
 
+						styleArr[i] = '';	
+					}
 
+				}
 
+				var newArr = styleArr.join(';');
 
+				var newStyle =  newArr.replace(/;+/g,';')
 
+			
+				if(newStyle == ';'){
 
+					el.removeAttr('style');	
+				}else{
 
+					el.attr('style',newStyle);	
+				}
 
+				
+				if(startHeight){
 
+					el.css({height:startHeight})	
+				}
 
+			}
 
+			elMove.stop(true);
 
+
 
+			if(elMove.length){
 
+				var context = elMove.html();
 
+				elMove.remove();
 
+				el.html(context);
 
+			}
 
+	
+		},
 
+		pause: function(){	
+			var el = $(this);
 
+			var elMove = $('.str_move',el);
 
+			elMove.stop(true);
 
+		}, 
+		play: function(){
 
+			var el = $(this);
 
+			$(this).off('mousemove');
 
+			el.data('moveF')();	
+		}
 
+		
+	};
 
+	$.fn.liMarquee = function (method) {
 
+		if (methods[method]) {
 
+			return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
 
+		} else if (typeof method === 'object' || !method) {
 
+			return methods.init.apply(this, arguments);
 
+		} else {
 
+			$.error('Метод ' + method + ' в jQuery.liMarquee не существует');
 
+		}
 
+	};
 
+})(jQuery);

+ 125 - 0
public/taishi/left2_1.js
Просмотреть файл 

@@ -0,0 +1,125 @@
 
+	var myChart = echarts.init(document.getElementById('left2_1'), 'vintage');
 
+	var names = ['早上', '上午', '下午', '晚上'];
 
+	var values = [2, 2, 2, 2];
 
+	// 计算总数
 
+	var total = values.reduce((p, v) => {
 
+	    return p + v;
 
+	}, 0);
 
+	
+	var colorList = [
 
+	  "#e6923e",
 
+	  "#00f0ff",
 
+	  "#3ee679",
 
+	  "#f0422a",
 
+	];
 
+	var data = [];
 
+	for (var i = 0; i < names.length; i++) {
 
+	    data.push({
 
+	        name: names[i],
 
+	        value: values[i],
 
+	    });
 
+	}
 
+	data.reverse();
 
+	// 公用调整
 
+	var itemStyle = {
 
+	    normal: {
 
+	        color: function (params) {
 
+	            return colorList[params.dataIndex];
 
+	        },
 
+	    },
 
+	};
 
+	var leftCenter = ['45%', '50%'];
 
+	var radius1 = ['0', '35%']; // 饼图
 
+	var radius3 = ['40%', '41%']; // 线圈
 
+	// 公用调整-end
 
+	
+	option = {
 
+		   title: {
 
+		        text: '参训时间',
 
+		        bottom:35,
 
+		        left: 75,
 
+		        textStyle: {
 
+		            color: '#fff',
 
+					fontSize: 12,
 
+		        },
 
+		    },
 
+	    tooltip: {
 
+	        trigger: 'item',
 
+	         formatter: "{a} <br/>{b} : {c}小时 ({d}%)",
 
+	    },
 
+	    series: [
 
+	        {
 
+	            name: "参训时间",
 
+	            type: 'pie',
 
+	            zlevel: 3,
 
+	            radius: radius1,
 
+	            center: leftCenter,
 
+	            // itemStyle: itemStyle,
 
+	            itemStyle: {
 
+	                normal: {
 
+	                    color: function (params) {
 
+	                        return colorList[params.dataIndex];
 
+	                    },
 
+	                },
 
+	            },
 
+	            labelLine: {
 
+	                show: false,
 
+	                normal: {
 
+	                    length: 5,
 
+	                    length2: 0,
 
+	                    lineStyle: {
 
+	                        color: 'transparent',
 
+	                    },
 
+	                },
 
+	            },
 
+	            label: {
 
+	                normal: {
 
+	                    formatter: (params) => {
 
+	                        return '●';
 
+	                    },
 
+	                    textStyle: {
 
+	                    color: '#00f0ff',
 
+	                        fontSize: 12,
 
+	                    },
 
+	                },
 
+	            },
 
+	            data: data,
 
+	        },
 
+	        {
 
+	            // 最外圆圈
 
+	            type: 'pie',
 
+	            zlevel: 1,
 
+	            silent: true, //取消高亮
 
+	            radius: radius3,
 
+	            center: leftCenter,
 
+	            itemStyle: {
 
+	                normal: {
 
+	                    color: function (params) {
 
+	                        return colorList[params.dataIndex];
 
+	                    },
 
+	                },
 
+	            },
 
+	            labelLine: {
 
+	                show: false,
 
+	                normal: {
 
+	                    length: 10,
 
+	                    length2: 0,
 
+	                    lineStyle: {
 
+	                        color: 'transparent',
 
+	                    },
 
+	                },
 
+	            },
 
+	            label: {
 
+	                show: true,
 
+	                textStyle: {
 
+	                    color: '#00f0ff',
 
+	                    fontSize: 12,
 
+						fontWeight:'bolder'
 
+	                },
 
+	            },
 
+	            data: data,
 
+	        },
 
+	    ],
 
+	};
 
+
 
+		myChart.setOption(option);

+ 123 - 0
public/taishi/left2_2.js
Просмотреть файл 

@@ -0,0 +1,123 @@
 
+	var myChart = echarts.init(document.getElementById('left2_2'), 'vintage');
 
+var names = ['参训人', '未参训人'];
 
+var values = [547, 50];
 
+// 计算总数
 
+vartotal = values.reduce((p, v) => {
 
+    return p + v;
 
+}, 0);
 
+
 
+var colorList = [
 
+           "#f0422a",     
+           "#e6923e",
 
+];
 
+var data = [];
 
+for (var i = 0; i < names.length; i++) {
 
+    data.push({
 
+        name: names[i],
 
+        value: values[i],
 
+    });
 
+}
 
+data.reverse();
 
+// 公用调整
 
+var itemStyle = {
 
+    normal: {
 
+        color: function (params) {
 
+            return colorList[params.dataIndex];
 
+        },
 
+    },
 
+};
 
+var leftCenter = ['45%', '50%'];
 
+var radius1 = ['0', '35%']; // 饼图
 
+var radius3 = ['40%', '41%']; // 线圈
 
+// 公用调整-end
 
+
 
+option = {
 
+	title: {
 
+	     text: '兵力',
 
+	     bottom:35,
 
+	     left: 85,
 
+	     textStyle: {
 
+	         color: '#fff',
 
+						fontSize: 12,
 
+	     },
 
+	 },
 
+    tooltip: {
 
+        trigger: 'item',
 
+         formatter: "{a} <br/>{b} : {c}人 ({d}%)",
 
+    },
 
+    series: [
 
+        {
 
+            name: "兵力",
 
+            type: 'pie',
 
+            zlevel: 3,
 
+            radius: radius1,
 
+            center: leftCenter,
 
+            // itemStyle: itemStyle,
 
+            itemStyle: {
 
+                normal: {
 
+                    color: function (params) {
 
+                        return colorList[params.dataIndex];
 
+                    },
 
+                },
 
+            },
 
+            labelLine: {
 
+                show: false,
 
+                normal: {
 
+                    length: 5,
 
+                    length2: 0,
 
+                    lineStyle: {
 
+                        color: 'transparent',
 
+                    },
 
+                },
 
+            },
 
+            label: {
 
+                normal: {
 
+                    formatter: (params) => {
 
+                        return '●';
 
+                    },
 
+                    textStyle: {
 
+                        color: '#00f0ff',
 
+                        fontSize: 12,
 
+                    },
 
+                },
 
+            },
 
+            data: data,
 
+        },
 
+        {
 
+            // 最外圆圈
 
+            type: 'pie',
 
+            zlevel: 1,
 
+            silent: true, //取消高亮
 
+            radius: radius3,
 
+            center: leftCenter,
 
+            itemStyle: {
 
+                normal: {
 
+                    color: function (params) {
 
+                        return colorList[params.dataIndex];
 
+                    },
 
+                },
 
+            },
 
+            labelLine: {
 
+                show: false,
 
+                normal: {
 
+                    length: 10,
 
+                    length2: 0,
 
+                    lineStyle: {
 
+                        color: 'transparent',
 
+                    },
 
+                },
 
+            },
 
+            label: {
 
+                show: true,
 
+                textStyle: {
 
+                    color: '#00f0ff',
 
+                    fontSize: 12,
 
+					fontWeight:'bolder'
 
+                },
 
+            },
 
+            data: data,
 
+        },
 
+    ],
 
+};
 
+
 
+		myChart.setOption(option);

+ 125 - 0
public/taishi/left2_3.js
Просмотреть файл 

@@ -0,0 +1,125 @@
 
+//军事训练情况--参训人次
 
+		var myChart1 = echarts.init(document.getElementById('left2_3'), 'vintage');
 
+		var names = ['优良','及格', '未及格'];
 
+		var values = [547, 50,20];
 
+		// 计算总数
 
+		var total = values.reduce((p, v) => {
 
+		    return p + v;
 
+		}, 0);
 
+		
+		var colorList = [
 
+		           "#f0422a",     
+		          "#00f0ff",
 
+		          "#e6923e",
 
+		];
 
+		var data = [];
 
+		for (var i = 0; i < names.length; i++) {
 
+		    data.push({
 
+		        name: names[i],
 
+		        value: values[i],
 
+		    });
 
+		}
 
+		data.reverse();
 
+		// 公用调整
 
+		var itemStyle = {
 
+		    normal: {
 
+		        color: function (params) {
 
+		            return colorList[params.dataIndex];
 
+		        },
 
+		    },
 
+		};
 
+		var leftCenter = ['45%', '50%'];
 
+		var radius1 = ['0', '35%']; // 饼图
 
+		var radius3 = ['40%', '41%']; // 线圈
 
+		// 公用调整-end
 
+		
+		option = {
 
+			title: {
 
+			     text: '参训人次',
 
+			     bottom:35,
 
+			     left: 75,
 
+			     textStyle: {
 
+			         color: '#fff',
 
+								fontSize: 12,
 
+			     },
 
+			 },
 
+		    tooltip: {
 
+		        trigger: 'item',
 
+		         formatter: "{a} <br/>{b} : {c}人 ({d}%)",
 
+		    },
 
+		    series: [
 
+		        {
 
+		            name: "参训人次",
 
+		            type: 'pie',
 
+		            zlevel: 3,
 
+		            radius: radius1,
 
+		            center: leftCenter,
 
+		            // itemStyle: itemStyle,
 
+		            itemStyle: {
 
+		                normal: {
 
+		                    color: function (params) {
 
+		                        return colorList[params.dataIndex];
 
+		                    },
 
+		                },
 
+		            },
 
+		            labelLine: {
 
+		                show: false,
 
+		                normal: {
 
+		                    length: 5,
 
+		                    length2: 0,
 
+		                    lineStyle: {
 
+		                        color: 'transparent',
 
+		                    },
 
+		                },
 
+		            },
 
+		            label: {
 
+		                normal: {
 
+		                    formatter: (params) => {
 
+		                        return '●';
 
+		                    },
 
+		                    textStyle: {
 
+		                                    color: '#00f0ff',
 
+		                        fontSize: 12,
 
+		                    },
 
+		                },
 
+		            },
 
+		            data: data,
 
+		        },
 
+		        {
 
+		            // 最外圆圈
 
+		            type: 'pie',
 
+		            zlevel: 1,
 
+		            silent: true, //取消高亮
 
+		            radius: radius3,
 
+		            center: leftCenter,
 
+		            itemStyle: {
 
+		                normal: {
 
+		                    color: function (params) {
 
+		                        return colorList[params.dataIndex];
 
+		                    },
 
+		                },
 
+		            },
 
+		            labelLine: {
 
+		                show: false,
 
+		                normal: {
 
+		                    length: 10,
 
+		                    length2: 0,
 
+		                    lineStyle: {
 
+		                        color: 'transparent',
 
+		                    },
 
+		                },
 
+		            },
 
+		            label: {
 
+		                show: true,
 
+		                textStyle: {
 
+		                    color: '#00f0ff',
 
+		                    fontSize: 12,
 
+							fontWeight:'bolder'
 
+		                },
 
+		            },
 
+		            data: data,
 
+		        },
 
+		    ],
 
+		};
 
+
 
+		myChart1.setOption(option);

+ 237 - 0
public/taishi/left3_d.js
Просмотреть файл 

@@ -0,0 +1,237 @@
 
+
 
+		//检查督导
 
+	    var myChart8 = echarts.init(document.getElementById('left3_d'), 'vintage');
 
+        var colorList1 = ['#f0422a', '#ffa531', '#00a041', '#41cafe'];
 
+        var datas = [{
 
+                value: 96,
 
+                name: '一队',
 
+            },
 
+            {
 
+                value: 94,
 
+                name: '二队',
 
+            },
 
+            {
 
+                value: 89,
 
+                name: '三队',
 
+            },
 
+            {
 
+                value: 85,
 
+                name: '监察部',
 
+            },
 
+            {
 
+                value: 75,
 
+                name: '三连',
 
+            },
 
+            {
 
+                value: 69,
 
+                name: '四队',
 
+            },
 
+            {
 
+                value: 65,
 
+                name: '一连',
 
+            },
 
+            {
 
+                value: 65,
 
+                name: '后勤',
 
+            },
 
+            {
 
+                value: 61,
 
+                name: '一大队',
 
+            },
 
+            {
 
+                value: 60,
 
+                name: '保障部',
 
+            },
 
+        ];
 
+        var end = 3;
 
+        var start = -1;
 
+        function autoChangea() {
 
+            if (end == datas.length-1 ) {
 
+                start=0;
 
+                end=3;
 
+            }
 
+            else {
 
+              start+=1;
 
+              end+=1;
 
+            }
 
+        let maxArr = new Array(datas.length).fill(100);
 
+        var option = {
 
+			dataZoom: [
 
+    {
 
+        type: 'slider',
 
+		width:5,
 
+        show: true,
 
+        yAxisIndex: [0],
 
+        left: '93%',
 
+		handleColor:'#68789c',
 
+        startValue: start, //数据窗口范围的起始百分比
 
+        endValue:end,
 
+    },
 
+    {
 
+        type: 'inside',
 
+        yAxisIndex: [0],
 
+        startValue: start, //数据窗口范围的起始百分比
 
+        endValue:end,
 
+    }
 
+],
 
+            tooltip: {
 
+                trigger: 'axis',
 
+                axisPointer: {
 
+                    type: 'shadow',
 
+                },
 
+            },
 
+            legend: {
 
+                show: false,
 
+            },
 
+            grid: {
 
+                top: 20,
 
+                bottom: 0,
 
+                left: 0,
 
+                right: 40,
 
+                containLabel: true,
 
+            },
 
+            xAxis: {
 
+                show: false,
 
+                type: 'value',
 
+            },
 
+            yAxis: [{
 
+                type: 'category',
 
+                inverse: true,
 
+                axisLine: {
 
+                    show: false,
 
+                },
 
+                axisTick: {
 
+                    show: false,
 
+                },
 
+                axisPointer: {
 
+                    label: {
 
+                        show: true,
 
+                        margin: 30,
 
+                    },
 
+                },
 
+                data: datas.map((item) => item.name),
 
+                axisLabel: {
 
+                    margin: 40,
 
+                    fontSize: 12,
 
+                    align: 'left',
 
+                    color: '#fff',
 
+                    rich: {
 
+                        a1: {
 
+                            color: '#fff',
 
+                            backgroundColor: colorList1[0],
 
+                            width: 20,
 
+                            height: 20,
 
+                            align: 'center',
 
+                            borderRadius: 2,
 
+                        },
 
+                        a2: {
 
+                            color: '#fff',
 
+                            backgroundColor: colorList1[1],
 
+                            width: 20,
 
+                            height: 20,
 
+                            align: 'center',
 
+                            borderRadius: 2,
 
+                        },
 
+                        a3: {
 
+                            color: '#fff',
 
+                            backgroundColor: colorList1[2],
 
+                            width: 20,
 
+                            height: 20,
 
+                            align: 'center',
 
+                            borderRadius: 2,
 
+                        },
 
+                        b: {
 
+                            color: '#fff',
 
+                            backgroundColor: colorList1[3],
 
+                            width: 20,
 
+                            height: 20,
 
+                            align: 'center',
 
+                            borderRadius: 2,
 
+                        },
 
+                    },
 
+                    formatter: function (params) {
 
+                        var index = datas.map((item) => item.name).indexOf(params);
 
+                        index = index + 1;
 
+                        if (index - 1 < 3) {
 
+                            return ['{a' + index + '|' + index + '}' + '  '].join('\n');
 
+                        } else {
 
+                            return ['{b|' + index + '}' + '  '].join('\n');
 
+                        }
 
+                    },
 
+                },
 
+            }, ],
 
+            series: [{
 
+                    z: 2,
 
+                    name: '加分',
 
+                    type: 'bar',
 
+                    barWidth: 15,
 
+                    zlevel: 1,
 
+                    data: datas.map((item, i) => {
 
+                        itemStyle = {
 
+                            color: i > 3 ? colorList1[3] : colorList1[i],
 
+                            barBorderRadius: 30,
 
+                        };
 
+                        return {
 
+                            value: item.value,
 
+                            itemStyle: itemStyle,
 
+                        };
 
+                    }),
 
+                    label: {
 
+                        show: true,
 
+                        position: 'insideTopRight',
 
+                        padding: [-24, 24, -24, 0],
 
+                        color: '#fff',
 
+                        formatter: '{c}分',
 
+                        fontSize: 14,
 
+                        offset: [10, 0],
 
+                    },
 
+                },
 
+                {
 
+                    z: 2,
 
+                    name: '扣分',
 
+                    type: 'bar',
 
+                    barWidth: 15,
 
+                    zlevel: 1,
 
+                    data: datas.map((item, i) => {
 
+                        itemStyle = {
 
+                            color: i > 3 ? colorList1[3] : colorList1[i],
 
+                            barBorderRadius: 30,
 
+                        };
 
+                        return {
 
+                            value: 100 - item.value,
 
+                            itemStyle: itemStyle,
 
+                        };
 
+                    }),
 
+                    label: {
 
+                        show: true,
 
+                        position: 'insideTopLeft',
 
+                        padding: [-24, 24, -24, 0],
 
+                        color: '#fff',
 
+                        formatter: '{b}',
 
+                        fontSize: 14,
 
+                        offset: [10, 0],
 
+                    },
 
+                },
 
+                {
 
+                    name: '满分',
 
+                    type: 'bar',
 
+                    barWidth: 15,
 
+                    barGap: '-100%',
 
+                    itemStyle: {
 
+                        normal: {
 
+                            color: '#0c1231',
 
+                            barBorderRadius: 30,
 
+                        },
 
+                    },
 
+                    data: maxArr,
 
+                },
 
+            ],
 
+        };
 
+        myChart8.setOption(option);
 
+    }
 
+    autoChangea(); //初始化实例后，首次设置数据        
+        setInterval(function () {
 
+            // 每次向后滚动一个，最后一个从头开始。
 
+         
+            autoChangea();
 
+        }, 5000);

+ 55 - 0
public/taishi/liMarquee.css
Просмотреть файл 

@@ -0,0 +1,55 @@
 
+/*Plugin CSS*/
 
+.str_wrap {
 
+	overflow:hidden;
 
+	//zoom:1;
 
+	width:100%;
 
+	font-size:12px;
 
+	line-height:16px;
 
+	position:relative;
 
+	-moz-user-select: none;
 
+	-khtml-user-select: none;
 
+	user-select: none;  
+	background:#f6f6f6;
 
+	white-space:nowrap;
 
+}
 
+
 
+.str_wrap.str_active {
 
+	background:#f1f1f1;
 
+}
 
+.str_move { 
+	white-space:nowrap;
 
+	position:absolute; 
+	top:0; 
+	left:0;
 
+	cursor:move;
 
+}
 
+.str_move_clone {
 
+	display:inline-block;
 
+	//display:inline;
 
+	//zoom:1;
 
+	vertical-align:top;
 
+	position:absolute; 
+	left:100%;
 
+	top:0;
 
+}
 
+.str_vertical .str_move_clone {
 
+	left:0;
 
+	top:100%;
 
+}
 
+.str_down .str_move_clone {
 
+	left:0;
 
+	bottom:100%;
 
+}
 
+.str_vertical .str_move,
 
+.str_down .str_move {
 
+	white-space:normal;
 
+	width:100%;
 
+}
 
+.str_static .str_move,
 
+.no_drag .str_move,
 
+.noStop .str_move{
 
+	cursor:inherit;
 
+}
 
+.str_wrap img {
 
+	max-width:none !important;	
+}

+ 33 - 0
public/taishi/main.js
Просмотреть файл 

@@ -0,0 +1,33 @@
 
+		function startTime() {
 
+			var today = new Date();
 
+			var y = today.getFullYear();
 
+			var M = today.getMonth() + 1;
 
+			var d = today.getDate();
 
+			var h = today.getHours();
 
+			var m = today.getMinutes();
 
+			var s = today.getSeconds();
 
+			var w = today.getDay();
 
+			if (m < 10) {
 
+				m = "0" + m;
 
+			}
 
+			if (s < 10) {
 
+				s = "0" + s;
 
+			}
 
+			document.getElementById('time').innerHTML = y + "-" + M + "-" + d + " " + h +
 
+				":" + m + ":" + s;
 
+			var t = setTimeout(function () {
 
+				startTime()
 
+			}, 500); /* 每500毫秒执行一次，实现动态显示时间效果 */
 
+		}
 
+		var mySwiper = new Swiper('.swiper-container', {
 
+			autoplay: {
 
+				delay: 2000, //3秒切换一次
 
+			},
 
+			loop: true,
 
+			speed: 2000,
 
+			slidesPerView: 'auto',
 
+			spaceBetween: 3,
 
+			direction: 'vertical',
 
+			autoplay: 2000,
 
+			autoplayDisableOnInteraction: false //点击后打断auto-play
 
+		})

+ 190 - 0
public/taishi/right3_1.js
Просмотреть файл 

@@ -0,0 +1,190 @@
 
+function right3_1(data){
 
+    	var myChart = echarts.init(document.getElementById('right3_1'), 'vintage');
 
+// data = [{
 
+//         name: "电脑",
 
+//         value:10
 
+//     },
 
+//     {
 
+//         name: "手机",
 
+//         value:23
 
+//     },
 
+//     {
 
+//         name: "相机",
 
+//         value:9
 
+//     },
 
+//     {
 
+//         name: "刻录机",
 
+//         value:15
 
+//     },
 
+//     {
 
+//         name: "移动载体",
 
+//         value: 20
 
+//     },
 
+// ];
 
+arrName = getArrayValue(data, "name");
 
+arrValue = getArrayValue(data, "value");
 
+sumValue = eval(arrValue.join('+'));
 
+objData = array2obj(data, "name");
 
+optionData = getData(data)
 
+
 
+function getArrayValue(array, key) {
 
+    var key = key || "value";
 
+    var res = [];
 
+    if (array) {
 
+        array.forEach(function(t) {
 
+            res.push(t[key]);
 
+        });
 
+    }
 
+    return res;
 
+}
 
+
 
+function array2obj(array, key) {
 
+    var resObj = {};
 
+    for (var i = 0; i < array.length; i++) {
 
+        resObj[array[i][key]] = array[i];
 
+    }
 
+    return resObj;
 
+}
 
+
 
+function getData(data) {
 
+    var res = {
 
+        series: [],
 
+        yAxis: []
 
+    };
 
+    for (let i = 0; i < data.length; i++) {
 
+        // console.log([70 - i * 15 + '%', 67 - i * 15 + '%']);
 
+        res.series.push({
 
+            name: '',
 
+            type: 'pie',
 
+            clockWise: false, //顺时加载
 
+            hoverAnimation: false, //鼠标移入变大
 
+            radius: [80 - i * 15 + '%', 70 - i * 15 + '%'],
 
+            center: ["50%", "55%"],
 
+            label: {
 
+                show: false
 
+            },
 
+            itemStyle: {
 
+                label: {
 
+                    show: false,
 
+                },
 
+                labelLine: {
 
+                    show: false
 
+                },
 
+                borderWidth: 0,
 
+            },
 
+            data: [{
 
+                value: data[i].value,
 
+                name: data[i].name
 
+            }, {
 
+                value: sumValue - data[i].value,
 
+                name: '',
 
+                itemStyle: {
 
+                    color: "rgba(0,0,0,0)",
 
+                    borderWidth: 0
 
+                },
 
+                tooltip: {
 
+                    show: false
 
+                },
 
+                hoverAnimation: false
 
+            }]
 
+        });
 
+        res.series.push({
 
+            name: '',
 
+            type: 'pie',
 
+            silent: true,
 
+            z: 1,
 
+            clockWise: false, //顺时加载
 
+            hoverAnimation: false, //鼠标移入变大
 
+            radius: [80 - i * 15 + '%', 70 - i * 15 + '%'],
 
+            center: ["50%", "55%"],
 
+            label: {
 
+                show: false
 
+            },
 
+            itemStyle: {
 
+                label: {
 
+                    show: false,
 
+                },
 
+                labelLine: {
 
+                    show: false
 
+                },
 
+                borderWidth: 0,
 
+            },
 
+            data: [{
 
+                value: 7.5,
 
+                itemStyle: {
 
+                    color: "rgb(3, 31, 62)",
 
+                    borderWidth: 0
 
+                },
 
+                tooltip: {
 
+                    show: false
 
+                },
 
+                hoverAnimation: false
 
+            }, {
 
+                value: 2.5,
 
+                name: '',
 
+                itemStyle: {
 
+                    color: "rgba(0,0,0,0)",
 
+                    borderWidth: 0
 
+                },
 
+                tooltip: {
 
+                    show: false
 
+                },
 
+                hoverAnimation: false
 
+            }]
 
+        });
 
+        res.yAxis.push((data[i].value / sumValue * 100).toFixed(2) + "%");
 
+    }
 
+    return res;
 
+}
 
+
 
+option = {
 
+    legend: {
 
+        show: true,
 
+        selectedMode:
 
+        false,
 
+        icon: "circle",
 
+        top: "center",
 
+        top: '12%',
 
+        bottom: '53%',
 
+        left: "55%",
 
+        data: arrName,
 
+        width: 40,
 
+        padding: [0, 5],
 
+        itemGap: 5,
 
+        formatter: function(name) {
 
+            return "{title|" + name + "}{value|" + (objData[name].value) + "}  {title|台}"
 
+        },
 
+
 
+        textStyle: {
 
+            rich: {
 
+                title: {
 
+                    fontSize: 20,
 
+                    lineHeight: 30,
 
+                    color: "#00e4ff"
 
+                },
 
+                value: {
 
+                    fontSize:30,
 
+					padding:[0,8,0,10],
 
+                    lineHeight: 20,
 
+                    color: "#fcdc00"
 
+                }
 
+            }
 
+        },
 
+    },
 
+    tooltip: {
 
+        show: true,
 
+        trigger: "item",
 
+        formatter: "{a}{b}:{c}({d}%)",
 
+        textStyle:{
 
+            fontSize:30
 
+        }
 
+    },
 
+    color: ['#e6923e', '#3ee679','#3e6de6',  'rgb(52, 52, 176)'],
 
+    xAxis: [{
 
+        show: false
 
+    }],
 
+    series: optionData.series
 
+};
 
+		myChart.setOption(option);
 
+}
 
+

+ 237 - 0
public/taishi/right_1.js
Просмотреть файл 

@@ -0,0 +1,237 @@
 
+var myCharta = echarts.init(document.getElementById('right_1'), 'vintage');
 
+// var xData = function() {
 
+//     var data = [];
 
+//     for (var i = 1; i < 6; i++) {
 
+//         data.push(i + "号库房");
 
+//     }
 
+//     return data;
 
+// }();
 
+nowList = [
 
+	[709, 1917, 2455, 2610, 1719, ],
 
+	[512, 332, 458, 734, 318, ],
 
+	[422, 512, 832, 510, 1010, ],
 
+	[418, 838, 316, 726, 514, ],
 
+	[416, 510, 710, 838, 710, ],
 
+	[428, 812, 432, 735, 417, ]
 
+];
 
+outList = [
 
+	[327, 1776, 507, 1200, 800, ],
 
+	[714, 430, 626, 520, 430, ],
 
+	[645, 454, 241, 736, 814, ],
 
+	[762, 434, 820, 630, 1264],
 
+	[416, 910, 710, 338, 510, ],
 
+	[628, 412, 532, 335, 717, ]
 
+]
 
+nameList = [
 
+	['1号库房', '2号库房', '3号库房', '4号库房', '5号库房'],
 
+	['6号库房', '7号库房', '8号库房', '9号库房', '10号库房'],
 
+	['11号库房', '12号库房', '13号库房', '14号库房', '15号库房'],
 
+	['16号库房', '17号库房', '18号库房', '19号库房', '20号库房'],
 
+	['21号库房', '22号库房', '23号库房', '24号库房', '25号库房'],
 
+	['26号库房', '27号库房', '28号库房', '29号库房', '30号库房'],
 
+]
 
+sumList=[
 
+	[1036,3693,2962,3810,2519],
 
+	[1226,762,1084,1254,748],
 
+	[1067,966,1073,1246,1824],
 
+	[1180,1272,1136,1356,1778],
 
+	[832,1420,1420,1176,1220,],
 
+	[1056,1224,964,1070,1134]
 
+]
 
+
 
+var a =-1;
 
+function autoChanges() {
 
+	if(a<5){
 
+	  a+=1;    
+	}else{
 
+		a=0;
 
+	}
 
+var now = Math.ceil(a);
 
+var out = Math.ceil(a);
 
+var name = Math.ceil(a);
 
+var sum = Math.ceil(a);
 
+// var now = Math.ceil(a);
 
+// var out = Math.ceil(a);
 
+// var name = Math.ceil(a);
 
+// var sum = Math.ceil(a);
 
+option = {
 
+	"tooltip": {
 
+		"trigger": "axis",
 
+		"axisPointer": {
 
+			"type": "shadow",
 
+			textStyle: {
 
+				color: "#fff"
 
+			}
 
+
 
+		},
 
+	},
 
+	"grid": {
 
+		"borderWidth": 0,
 
+		"top": 65,
 
+		"bottom": 80,
 
+		textStyle: {
 
+			color: "#fff"
 
+		}
 
+	},
 
+	"legend": {
 
+		x: '10%',
 
+		top: '8%',
 
+		textStyle: {
 
+			color: '#fff',
 
+		},
 
+		"data": ['现有', '出库', '平均']
 
+	},
 
+
 
+
 
+	"calculable": true,
 
+	"xAxis": [{
 
+		"type": "category",
 
+		"axisLine": {
 
+			lineStyle: {
 
+				color: '#90979c'
 
+			}
 
+		},
 
+		"splitLine": {
 
+			"show": false
 
+		},
 
+		"axisTick": {
 
+			"show": false
 
+		},
 
+		"splitArea": {
 
+			"show": false
 
+		},
 
+		"axisLabel": {
 
+			"interval": 0,
 
+			textStyle: {
 
+				color: '#fff',
 
+			},
 
+
 
+		},
 
+		"data": nameList[name],
 
+	}],
 
+	"yAxis": [{
 
+
 
+		"type": "value",
 
+		"splitLine": {
 
+			"show": false
 
+		},
 
+		"axisLine": {
 
+			lineStyle: {
 
+				color: '#90979c'
 
+			}
 
+		},
 
+		"axisTick": {
 
+			"show": false
 
+		},
 
+		"axisLabel": {
 
+			"interval": 0,
 
+			textStyle: {
 
+				color: '#fff',
 
+			},
 
+		},
 
+		"splitArea": {
 
+			"show": false
 
+		},
 
+
 
+	}],
 
+	"dataZoom": [{
 
+		"show": false,
 
+		"height": 10,
 
+		handleColor: '#0a4870',
 
+		fillerColor: ' #0a4870',
 
+		"xAxisIndex": [
 
+			0
 
+		],
 
+		bottom: 30,
 
+		"start": 10,
 
+		"end": 100,
 
+		handleIcon: 'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',
 
+		handleSize: '110%',
 
+		handleStyle: {
 
+			color: "#0a4870",
 
+
 
+		},
 
+		textStyle: {
 
+			color: "#fff"
 
+		},
 
+		borderColor: "#0a4870"
 
+
 
+
 
+	}, {
 
+		"type": "inside",
 
+		"show": true,
 
+		"height": 15,
 
+		"start": 1,
 
+		"end": 100
 
+	}],
 
+	"series": [{
 
+			"name": "现有",
 
+			"type": "bar",
 
+			"stack": "总量",
 
+			"barMaxWidth": 35,
 
+			"barGap": "10%",
 
+			"itemStyle": {
 
+				"normal": {
 
+					"color": "#0079fe",
 
+					"label": {
 
+						"show": true,
 
+						"textStyle": {
 
+							"color": "#fff"
 
+						},
 
+						"position": "inside",
 
+						formatter: function (p) {
 
+							return p.value > 0 ? (p.value) : '';
 
+						}
 
+					}
 
+				}
 
+			},
 
+			"data": nowList[now],
 
+		},
 
+
 
+		{
 
+			"name": "出库",
 
+			"type": "bar",
 
+			"stack": "总量",
 
+			"itemStyle": {
 
+				"normal": {
 
+					"color": "#00a041",
 
+					"barBorderRadius": 0,
 
+					"label": {
 
+						"show": true,
 
+						"position": "inside",
 
+						formatter: function (p) {
 
+							return p.value > 0 ? (p.value) : '';
 
+						}
 
+					}
 
+				}
 
+			},
 
+			"data": outList[out]
 
+		}, {
 
+			"name": "入库",
 
+			"type": "line",
 
+			symbolSize: 10,
 
+			symbol: 'circle',
 
+			"itemStyle": {
 
+				"normal": {
 
+					"color": "#00e4ff",
 
+					"barBorderRadius": 0,
 
+					"label": {
 
+						"show": true,
 
+						"position": "top",
 
+						formatter: function (p) {
 
+							return p.value > 0 ? (p.value) : '';
 
+						}
 
+					}
 
+				}
 
+			},
 
+			"data": sumList[sum]
 
+		},
 
+	]
 
+}
 
+myCharta.setOption(option);}
 
+autoChanges(); //初始化实例后，首次设置数据
 
+setInterval( //设置定时器，1s更新一次
 
+	function () {
 
+		autoChanges();
 
+	}, 5000
 
+);

+ 226 - 0
public/taishi/right_2.js
Просмотреть файл 

@@ -0,0 +1,226 @@
 
+var myCharts = echarts.init(document.getElementById('right_2'), 'vintage');
 
+nowList = [
 
+	[709, 1917, 2455, 2610, 1719, ],
 
+	[512, 332, 458, 734, 318, ],
 
+	[422, 512, 832, 510, 1010, ],
 
+	[418, 838, 316, 726, 514, ],
 
+	[416, 510, 710, 838, 710, ],
 
+	[428, 812, 432, 735, 417, ]
 
+];
 
+outList = [
 
+	[327, 1776, 507, 1200, 800, ],
 
+	[714, 430, 626, 520, 430, ],
 
+	[645, 454, 241, 736, 814, ],
 
+	[762, 434, 820, 630, 1264],
 
+	[416, 910, 710, 338, 510, ],
 
+	[628, 412, 532, 335, 717, ]
 
+]
 
+nameList = [
 
+	['1号库房', '2号库房', '3号库房', '4号库房', '5号库房'],
 
+	['6号库房', '7号库房', '8号库房', '9号库房', '10号库房'],
 
+	['11号库房', '12号库房', '13号库房', '14号库房', '15号库房'],
 
+	['16号库房', '17号库房', '18号库房', '19号库房', '20号库房'],
 
+	['21号库房', '22号库房', '23号库房', '24号库房', '25号库房'],
 
+	['26号库房', '27号库房', '28号库房', '29号库房', '30号库房'],
 
+]
 
+sumList=[
 
+	[1036,3693,2962,3810,2519],
 
+	[1226,762,1084,1254,748],
 
+	[1067,966,1073,1246,1824],
 
+	[1180,1272,1136,1356,1778],
 
+	[832,1420,1420,1176,1220,],
 
+	[1056,1224,964,1070,1134]
 
+]
 
+var a =-1;
 
+function autoChange() {
 
+	if(a<5){
 
+	  a+=1;    
+	}else{
 
+		a=0;
 
+	}
 
+
 
+var now = Math.ceil(a);
 
+var out = Math.ceil(a);
 
+var name = Math.ceil(a);
 
+var sum = Math.ceil(a);
 
+option = {
 
+	"tooltip": {
 
+		"trigger": "axis",
 
+		"axisPointer": {
 
+		 "type": "shadow",
 
+			textStyle: {
 
+				color: "#fff"
 
+			}
 
+
 
+		},
 
+	},
 
+	"grid": {
 
+		"borderWidth": 0,
 
+		"top": 65,
 
+		"bottom": 80,
 
+		textStyle: {
 
+			color: "#fff"
 
+		}
 
+	},
 
+	"legend": {
 
+		x: '10%',
 
+		top: '8%',
 
+		textStyle: {
 
+			color: '#fff',
 
+		},
 
+		"data": ['现有', '出库', '平均']
 
+	},
 
+
 
+
 
+	"calculable": true,
 
+	"xAxis": [{
 
+		"type": "category",
 
+		"axisLine": {
 
+			lineStyle: {
 
+				color: '#90979c'
 
+			}
 
+		},
 
+		"splitLine": {
 
+			"show": false
 
+		},
 
+		"axisTick": {
 
+			"show": false
 
+		},
 
+		"splitArea": {
 
+			"show": false
 
+		},
 
+		"axisLabel": {
 
+			"interval": 0,
 
+			textStyle: {
 
+				color: '#fff',
 
+			},
 
+
 
+		},
 
+		"data": nameList[name],
 
+	}],
 
+	"yAxis": [{
 
+
 
+		"type": "value",
 
+		"splitLine": {
 
+			"show": false
 
+		},
 
+		"axisLine": {
 
+			lineStyle: {
 
+				color: '#90979c'
 
+			}
 
+		},
 
+		"axisTick": {
 
+			"show": false
 
+		},
 
+		"axisLabel": {
 
+			"interval": 0,
 
+			textStyle: {
 
+				color: '#fff',
 
+			},
 
+		},
 
+		"splitArea": {
 
+			"show": false
 
+		},
 
+
 
+	}],
 
+	"dataZoom": [{
 
+		"show": false,
 
+		"height": 10,
 
+		handleColor: '#0a4870',
 
+		fillerColor: ' #0a4870',
 
+		"xAxisIndex": [
 
+			0
 
+		],
 
+		bottom: 30,
 
+		"start": 10,
 
+		"end": 100,
 
+		handleIcon: 'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',
 
+		handleSize: '110%',
 
+		handleStyle: {
 
+			color: "#0a4870",
 
+
 
+		},
 
+		textStyle: {
 
+			color: "#fff"
 
+		},
 
+		borderColor: "#0a4870"
 
+
 
+
 
+	}, {
 
+		"type": "inside",
 
+		"show": true,
 
+		"height": 15,
 
+		"start": 1,
 
+		"end": 100
 
+	}],
 
+	"series": [{
 
+			"name": "现有",
 
+			"type": "bar",
 
+			"stack": "总量",
 
+			"barMaxWidth": 35,
 
+			"barGap": "10%",
 
+			"itemStyle": {
 
+				"normal": {
 
+					"color": "#f0422a",
 
+					"label": {
 
+						"show": true,
 
+						"textStyle": {
 
+							"color": "#fff"
 
+						},
 
+						"position": "inside",
 
+						formatter: function(p) {
 
+							return p.value > 0 ? (p.value) : '';
 
+						}
 
+					}
 
+				}
 
+			},
 
+			"data":  nowList[now],
 
+		},
 
+
 
+		{
 
+			"name": "出库",
 
+			"type": "bar",
 
+			"stack": "总量",
 
+			"itemStyle": {
 
+				"normal": {
 
+					"color": "#ffa531",
 
+					"barBorderRadius": 0,
 
+					"label": {
 
+						"show": true,
 
+						"position": "inside",
 
+						formatter: function(p) {
 
+							return p.value > 0 ? (p.value) : '';
 
+						}
 
+					}
 
+				}
 
+			},
 
+			"data": outList[out]
 
+		}, {
 
+			"name": "入库",
 
+			"type": "line",
 
+			symbolSize: 10,
 
+			symbol: 'circle',
 
+			"itemStyle": {
 
+				"normal": {
 
+					"color": "#00e4ff",
 
+					"barBorderRadius": 0,
 
+					"label": {
 
+						"show": true,
 
+						"position": "top",
 
+						formatter: function(p) {
 
+							return p.value > 0 ? (p.value) : '';
 
+						}
 
+					}
 
+				}
 
+			},
 
+			"data":sumList[sum]
 
+		},
 
+	]
 
+}
 
+myCharts.setOption(option);}
 
+autoChange(); //初始化实例后，首次设置数据
 
+setInterval( //设置定时器，1s更新一次
 
+	function () {
 
+		autoChange();
 
+	}, 5000
 
+);

+ 1276 - 0
public/taishi/situation.html
Просмотреть файл 

@@ -0,0 +1,1276 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+	<script src="echarts.min.js"></script>
 
+	<script src="swiper.min.js"></script>
 
+	<script src="color.js"></script>
 
+	<title>Document</title>
 
+	<style>
 
+		@media screen and (min-height:940px) {
 
+			.center {
 
+				margin-top: 196px !important;
 
+				transform: scale(1.144);
 
+			}
 
+
 
+			.left,
 
+			.right {
 
+				margin-top: 219px !important;
 
+				transform: scale(1.2) !important;
 
+				margin-right: 1vh;
 
+			}
 
+
 
+			.right {
 
+				margin-left: 102px !important;
 
+			}
 
+
 
+			.left {
 
+				margin-left: 71px !important;
 
+				margin-right: 44px;
 
+			}
 
+		}
 
+
 
+		* {
 
+			padding: 0;
 
+			margin: 0;
 
+		}
 
+
 
+		.left,
 
+		.right {
 
+			transform: scale(1.08);
 
+		}
 
+
 
+		/* .center{
 
+            transform: scale(1.02);
 
+        } */
 
+		@font-face {
 
+			font-family: 'IMPACT';
 
+			src: url('IMPACT.ttf');
 
+			font-family: 'New-X-Digital-tfb-2';
 
+			src: url('New-X-Digital-tfb-2.ttf');
 
+		}
 
+
 
+		.out {
 
+			background-image: url(img/taishibg.png);
 
+			background-size: 100% 100%;
 
+			height: 100%;
 
+			position: fixed;
 
+			width: 100%;
 
+			/* padding-top: -4vh; */
 
+			background-repeat: no-repeat;
 
+			overflow: auto;
 
+			min-width: 1200px;
 
+			display: flex;
 
+			flex-direction: row;
 
+			overflow-x: hidden;
 
+			overflow-y: hidden;
 
+			z-index: -1;
 
+		}
 
+
 
+		.title {
 
+			position: fixed;
 
+			top: -2px;
 
+			width: 100%;
 
+		}
 
+
 
+		.left {
 
+			margin-top: 7vw;
 
+			margin-left: 5.6vw;
 
+		}
 
+
 
+		.left1 {
 
+			background-image: url(img/l12.png);
 
+			height: 218px;
 
+			width: 400px;
 
+			background-size: 100%;
 
+			background-repeat: no-repeat;
 
+			padding-top: 1.5vh;
 
+			padding-left: 0.5vw;
 
+			box-sizing: border-box;
 
+		}
 
+
 
+		.demot {
 
+			background-image: url(img/dtitle.png);
 
+			text-align: left;
 
+			color: white;
 
+			font-size: 12px;
 
+			/* padding-top: 1vh; */
 
+			margin-left: 0.3vw;
 
+			background-size: 100%;
 
+			line-height: 23px;
 
+			width: 20vw;
 
+			height: 22px;
 
+			background-repeat: no-repeat;
 
+		}
 
+
 
+		.demot p {
 
+			margin-left: 2vw;
 
+		}
 
+
 
+		.left1_b {
 
+			margin-top: 1vh;
 
+			font-size: 12px;
 
+			color: white;
 
+			background-color: #033a5d;
 
+			height: 33px;
 
+			line-height: 31px;
 
+			width: 186px;
 
+			text-align: center;
 
+			display: inline-block;
 
+		}
 
+
 
+		.left1_s {
 
+			margin-top: 4px;
 
+			font-size: 12px;
 
+			color: white;
 
+			border: 1px solid #033a5d;
 
+			height: 33px;
 
+			line-height: 31px;
 
+			width: 160px;
 
+			text-align: justify;
 
+			display: inline-block;
 
+			padding-left: 24px;
 
+		}
 
+
 
+		.left1 span {
 
+			margin-left: 0.5vw;
 
+			font-size: 18px;
 
+			color: #30fdff;
 
+		}
 
+
 
+		.left1_l {
 
+			margin-top: 4px;
 
+			font-size: 12px;
 
+			color: white;
 
+			border: 1px solid #033a5d;
 
+			height: 33px;
 
+			line-height: 31px;
 
+			width: 374px;
 
+			text-align: center;
 
+		}
 
+
 
+		.left2 {
 
+			background-image: url(img/l2.png);
 
+			height: 285px;
 
+			width: 400px;
 
+			background-size: 100%;
 
+			background-repeat: no-repeat;
 
+			padding-top: 1.5vh;
 
+			padding-left: 0.5vw;
 
+			box-sizing: border-box;
 
+		}
 
+
 
+		.left2_d {
 
+			margin-top: 1vh;
 
+			font-size: 12px;
 
+			color: white;
 
+			width: 126px;
 
+			text-align: center;
 
+			display: inline-block;
 
+			margin-bottom: 1vh;
 
+		}
 
+
 
+		.left2_d span {
 
+			margin-left: 0.5vw;
 
+			font-family: 'IMPACT';
 
+			font-size: 22px;
 
+			color: #30fdff;
 
+		}
 
+
 
+		.left3 {
 
+			background-image: url(img/l21.png);
 
+			height: 265px;
 
+			width: 400px;
 
+			box-sizing: border-box;
 
+			background-size: 100%;
 
+			background-repeat: no-repeat;
 
+			padding-top: 1.5vh;
 
+			padding-left: 0.5vw;
 
+		}
 
+
 
+		#left3_d {
 
+			width: 450px;
 
+			height: 275px;
 
+			transform: scale(0.8);
 
+			margin-top: -30px;
 
+			margin-left: -35px;
 
+			color: white;
 
+		}
 
+
 
+		.center {
 
+			margin-top: 6.6vw;
 
+			margin-left: 3vw;
 
+			width: 780px;
 
+		}
 
+
 
+		.center1 {
 
+			background-image: url(img/c12.png);
 
+			height: 371px;
 
+			width: 780px;
 
+			background-size: 100%;
 
+			background-repeat: no-repeat;
 
+			padding-top: 1.5vh;
 
+			display: flex;
 
+			justify-content: space-around;
 
+			flex-wrap: wrap;
 
+		}
 
+
 
+
 
+		.center2 {
 
+			/* background-image: url(img/cl1.png); */
 
+			height: 199px;
 
+			width: 370px;
 
+			background-size: 100%;
 
+			background-repeat: no-repeat;
 
+			padding-top: 1.5vh;
 
+			padding-left: 0.5vw;
 
+			box-sizing: border-box;
 
+		}
 
+
 
+		#center2_d {
 
+			width: 380px;
 
+			height: 170px;
 
+			/* margin-top: -13px; */
 
+		}
 
+
 
+		.center3 {
 
+			/* background-image: url(img/cl1.png); */
 
+			height: 225px;
 
+			width: 403px;
 
+			background-size: 100%;
 
+			background-repeat: no-repeat;
 
+			padding-top: 1.5vh;
 
+			padding-left: 0.5vw;
 
+			box-sizing: border-box;
 
+		}
 
+
 
+		#center3_d {
 
+			width: 600px;
 
+			height: 290px;
 
+			transform: scale(0.7);
 
+			position: relative;
 
+			top: -36px;
 
+			left: -100px;
 
+		}
 
+
 
+		.center4 {
 
+			background-image: url(img/c3.png);
 
+			height: 393px;
 
+			width: 780px;
 
+			background-size: 100%;
 
+			background-repeat: no-repeat;
 
+			padding-top: 1.5vh;
 
+			padding-left: 0.5vw;
 
+			box-sizing: border-box;
 
+		}
 
+
 
+		.center4_d {
 
+			display: inline-block;
 
+			transform: scale(0.7);
 
+			margin-left: 0.3vw;
 
+			margin-top: -26px;
 
+		}
 
+
 
+		.center4_d img {
 
+			width: 70px;
 
+			height: 70px;
 
+			margin-right: 20px;
 
+		}
 
+
 
+		.center4_l {
 
+			color: white;
 
+			font-size: 12px;
 
+			margin-top: 0.9vh;
 
+			margin-left: 0.3vw;
 
+			display: inline-block;
 
+			margin-right: 80px;
 
+		}
 
+
 
+		.center4_l div {
 
+			display: inline-block;
 
+			margin-right: 8px;
 
+			box-sizing: content-box;
 
+		}
 
+
 
+		.center4_b {
 
+			margin-top: 0.8vh;
 
+			margin-left: 0.3vw;
 
+			color: white;
 
+			font-size: 12px;
 
+			background-color: rgba(3, 58, 93, 0.3);
 
+			border: 0.1px solid #052c41;
 
+			height: 50px;
 
+			width: 140px;
 
+			line-height: 50px;
 
+			text-align: center;
 
+		}
 
+
 
+		.center4_b span {
 
+			font-family: 'IMPACT';
 
+			font-size: 22px;
 
+			margin-left: 20px;
 
+		}
 
+
 
+		.center4_s {
 
+			/* transform: scale(0.8); */
 
+			position: relative;
 
+			top: -165px;
 
+			left: 153px;
 
+			margin-bottom: 5px;
 
+			/* margin-top: 10px; */
 
+		}
 
+
 
+		.center4_s img {
 
+			width: 45px;
 
+			height: 45px;
 
+			margin-right: 10px;
 
+		}
 
+
 
+		.center4_y {
 
+			color: white;
 
+			font-size: 12px;
 
+			position: relative;
 
+			top: -338px;
 
+			left: 290px;
 
+			margin-bottom: 20px;
 
+		}
 
+
 
+		.center4_y img {
 
+			width: 50px;
 
+		}
 
+
 
+		.right {
 
+			margin-top: 7vw;
 
+			margin-left: 3vw;
 
+		}
 
+
 
+		.icon {
 
+			animation: myMove 1s infinite;
 
+			transform: scale(1.2);
 
+		}
 
+
 
+		.icon2 {
 
+			animation: breathe 2s infinite;
 
+			transform: scale(1.2);
 
+			margin: 0 auto;
 
+			width: 8px;
 
+			height: 5px;
 
+			background-color: #f0422a;
 
+		}
 
+
 
+		@-webkit-keyframes breathe {
 
+			0% {
 
+				opacity: .6;
 
+				box-shadow: 0 1px 2px rgba(240, 66, 42, 0.6);
 
+				transform: scale(1, 1);
 
+				-moz-transform: scale(1, 1);
 
+				-webkit-transform: scale(1, 1);
 
+				-o-transform: scale(1, 1);
 
+				-ms-transform: scale(1, 1);
 
+			}
 
+
 
+			50% {
 
+				opacity: .8;
 
+				box-shadow: 0 1px 2px rgba(240, 66, 42, 0.8);
 
+				transform: scale(1.2, 1.2);
 
+				-moz-transform: scale(1.2, 1.2);
 
+				-webkit-transform: scale(1.2, 1.2);
 
+				-o-transform: scale(1.2, 1.2);
 
+				-ms-transform: scale(1.2, 1.2);
 
+			}
 
+
 
+			100% {
 
+				opacity: 1;
 
+				box-shadow: 0 2px 30px #f0422a;
 
+				transform: scale(1, 1);
 
+				-moz-transform: scale(1, 1);
 
+				-webkit-transform: scale(1, 1);
 
+				-o-transform: scale(1, 1);
 
+				-ms-transform: scale(1, 1);
 
+			}
 
+		}
 
+
 
+		@keyframes myMove {
 
+			0% {
 
+				transform: scale(1, 1);
 
+				-moz-transform: scale(1, 1);
 
+				-webkit-transform: scale(1, 1);
 
+				-o-transform: scale(1, 1);
 
+				-ms-transform: scale(1, 1);
 
+			}
 
+
 
+			50% {
 
+				transform: scale(1.2, 1.2);
 
+				-moz-transform: scale(1.2, 1.2);
 
+				-webkit-transform: scale(1.2, 1.2);
 
+				-o-transform: scale(1.2, 1.2);
 
+				-ms-transform: scale(1.2, 1.2);
 
+			}
 
+
 
+			100% {
 
+				transform: scale(1, 1);
 
+				-moz-transform: scale(1, 1);
 
+				-webkit-transform: scale(1, 1);
 
+				-o-transform: scale(1, 1);
 
+				-ms-transform: scale(1, 1);
 
+			}
 
+		}
 
+
 
+		.right2 {
 
+			/* background-image: url(img/r2.png); */
 
+			height: 270px;
 
+			width: 400px;
 
+			background-size: 100%;
 
+			background-repeat: no-repeat;
 
+			/* padding-top: 1.5vh; */
 
+			padding-left: 0.5vw;
 
+			box-sizing: border-box;
 
+		}
 
+
 
+		.right2_d {
 
+			color: white;
 
+			font-size: 15px;
 
+			text-align: center;
 
+			display: inline-block;
 
+			background-color: #052c41;
 
+			height: 30px;
 
+			width: 140px;
 
+			margin-top: 0.5vh;
 
+		}
 
+
 
+		.right2_d span {
 
+			color: #30fdff;
 
+			font-size: 22px;
 
+			margin-left: 10px;
 
+			font-family: 'IMPACT';
 
+		}
 
+
 
+		.right2_b {
 
+			color: white;
 
+			font-size: 15px;
 
+			text-align: center;
 
+			display: inline-block;
 
+			background-color: rgba(207, 60, 42, 0.3);
 
+			height: 30px;
 
+			width: 160px;
 
+			margin-top: 0.5vh;
 
+			margin-bottom: 0.5vh;
 
+		}
 
+
 
+		.right2_b span {
 
+			color: #f0422a;
 
+			font-size: 22px;
 
+			margin-left: 10px;
 
+			font-family: 'IMPACT';
 
+		}
 
+
 
+
 
+		.right3 {
 
+			background-image: url(img/r3.png);
 
+			height: 270px;
 
+			width: 402px;
 
+			background-size: 100%;
 
+			background-repeat: no-repeat;
 
+			padding-top: 1.5vh;
 
+			/* padding-left: 0.5vw; */
 
+			box-sizing: border-box;
 
+		}
 
+
 
+		#right3_1 {
 
+			display: inline-block;
 
+			width: 430px;
 
+			height: 400px;
 
+			transform: scale(0.52);
 
+			position: relative;
 
+			top: -105px;
 
+			left: -120px;
 
+			box-sizing: border-box;
 
+		}
 
+
 
+		#demo {
 
+			width: 400px;
 
+			height: 400px;
 
+			position: relative;
 
+			top: -513px;
 
+			left: 95px;
 
+			transform: scale(0.5);
 
+			display: inline-block;
 
+		}
 
+
 
+		.swiper-container {
 
+			width: 400px;
 
+			height: 200px;
 
+		}
 
+
 
+		/*插件的wrapper 这是关键， 覆盖插件默认切换效果为匀速*/
 
+		.swiper-wrapper {
 
+			transition-timing-function: linear;
 
+		}
 
+
 
+		.swiper-slide {
 
+			display: inline-block;
 
+			height: 23px !important;
 
+		}
 
+
 
+		.right1 td {
 
+			width: 76px;
 
+			height: 23px;
 
+		}
 
+
 
+		.right1 {
 
+			background-image: url(img/r1.png);
 
+			height: 230px;
 
+			width: 400px;
 
+			background-size: 100%;
 
+			background-repeat: no-repeat;
 
+			padding-top: 1.5vh;
 
+			padding-left: 0.5vw;
 
+			box-sizing: border-box;
 
+			color: white;
 
+			font-size: 12px;
 
+			text-align: center;
 
+			overflow: hidden;
 
+			padding-bottom: 20px;
 
+			margin-bottom: 4px;
 
+		}
 
+
 
+		.center1_d {
 
+			font-size: 12px;
 
+			color: white;
 
+			display: inline-block;
 
+			margin-bottom: 10px;
 
+		}
 
+
 
+		.center1_d img {
 
+			width: 40px;
 
+			height: 40px;
 
+		}
 
+
 
+		.center1_d div {
 
+			display: inline-block;
 
+			font-size: 35px;
 
+			font-family: 'IMPACT';
 
+			background-color: #0c3361;
 
+			margin-left: 5px;
 
+			width: 25px;
 
+			text-align: center;
 
+			color: #ff9000;
 
+		}
 
+
 
+		.right4 {
 
+			background-image: url(img/r2.png);
 
+			height: 257px;
 
+			width: 400px;
 
+			background-size: 100%;
 
+			background-repeat: no-repeat;
 
+			padding-top: 1.5vh;
 
+			padding-left: 0.5vw;
 
+			box-sizing: border-box;
 
+		}
 
+
 
+		.anniu {
 
+			background: url(img/anniu.png) no-repeat;
 
+			background-size: 100%;
 
+			width: 250px;
 
+			height: 210px;
 
+		}
 
+
 
+		.time {
 
+			/* margin-top: 3px; */
 
+			font-size: 9px;
 
+			color: white;
 
+			text-align: center;
 
+			display: inline-block;
 
+			transform: scale(0.9);
 
+			margin-left: -7px;
 
+
 
+		}
 
+
 
+		.time td {
 
+			height: 33px;
 
+			width: 65px;
 
+			background-color: #0c3361;
 
+
 
+		}
 
+
 
+		.people {
 
+			/* margin-top: 3px; */
 
+			font-size: 9px;
 
+			color: white;
 
+			text-align: center;
 
+			display: inline-block;
 
+			transform: scale(0.9);
 
+			margin-left: -12px;
 
+			margin-right: -13px;
 
+
 
+		}
 
+
 
+		.people td {
 
+			height: 33px;
 
+			width: 60px;
 
+			background-color: #0c3361;
 
+		}
 
+
 
+		.grade {
 
+			/* margin-top: 3px; */
 
+			font-size: 9px;
 
+			color: white;
 
+			text-align: center;
 
+			display: inline-block;
 
+			transform: scale(0.9);
 
+		}
 
+
 
+		.grade td {
 
+			height: 33px;
 
+			width: 60px;
 
+			background-color: #0c3361;
 
+		}
 
+
 
+		.center22 {
 
+			background-image: url(img/center.png);
 
+			width: 780px;
 
+			height: 211px;
 
+			background-size: 100%;
 
+			background-repeat: no-repeat;
 
+			padding-top: 1.5vh;
 
+			padding-left: 0.5vw;
 
+			box-sizing: border-box;
 
+		}
 
+
 
+		#center22 {
 
+			width: 780px;
 
+			height: 300px;
 
+			transform: scale(1.1);
 
+			margin-top: -25px;
 
+		}
 
+
 
+		.center23 {
 
+			background-image: url(img/center.png);
 
+			width: 800px;
 
+			height: 500px;
 
+			background-size: 100%;
 
+			background-repeat: no-repeat;
 
+			padding-top: 1.5vh;
 
+			padding-left: 0.5vw;
 
+			box-sizing: border-box;
 
+		}
 
+
 
+		#centerl {
 
+			width: 780px;
 
+			height: 200px;
 
+			margin-top: -10px;
 
+		}
 
+		.center_32 {
 
+			background-image: url(img/c2.png);
 
+			height: 261px;
 
+			width: 780px;
 
+			background-size: 100%;
 
+			background-repeat: no-repeat;
 
+			padding-top: 1.5vh;
 
+			display: flex;
 
+			/* justify-content: space-around; */
 
+			flex-wrap: wrap;
 
+		}
 
+	</style>
 
+</head>
 
+
 
+<body onload="startTime()">
 
+	<div class="out">
 
+		<div class="left">
 
+			<div class="left1">
 
+				<div class="demot">
 
+					<p>今日值班</p>
 
+				</div>
 
+				<div class="left1_b" style="letter-spacing: 3px;">值班首长<span style="margin-left: 8px;">李晓明</span> </div>
 
+				<div class="left1_b" style="letter-spacing: 2px;padding-left: 6px;width: 180px;">作战值班员<span>孟光旭</span>
 
+				</div><br>
 
+				<div class="left1_s">机要值班员<span style="letter-spacing: 2px;">贾洪全</span></div>
 
+				<div class="left1_s">政治部值班员<span style="letter-spacing: 19px;">陈强</span></div>
 
+				<div class="left1_s">通信值班员<span style="letter-spacing: 2px;">李国通</span></div>
 
+				<div class="left1_s">保障部值班员<span>孔龚鹏</span></div>
 
+				<div class="left1_l">值班分队<span>一队</span></div>
 
+			</div>
 
+			<div class="left2">
 
+				<div class="demot">
 
+					<p>装备值班情况</p>
 
+				</div>
 
+				<div class="left2_d">总计<span>126</span></div>
 
+				<div class="left2_d">试验<span>420</span></div>
 
+				<div class="left2_d">通用<span>365</span></div>
 
+				<div class="demot">
 
+					<p>军事训练月统计情况</p>
 
+				</div>
 
+				<div class="center4_l" style="margin-right: 85px;">
 
+					<div style="background-color: #1d79b5;width: 5px;height: 15px;"></div>参训时间
 
+				</div>
 
+				<div class="center4_l" style="margin-right: 70px;margin-left: -7px;">
 
+					<div style="background-color: #1d79b5;width: 5px;height: 15px;"></div>兵力
 
+				</div>
 
+				<div class="center4_l" style="margin-right: 70px;">
 
+					<div style="background-color: #1d79b5;width: 5px;height: 15px;"></div>成绩
 
+				</div>
 
+				<table class="time">
 
+					<tr style="font-size:12px;color: #30fdff;font-weight: bold;">
 
+						<td>训练类别</td>
 
+						<td style="width: 84px;">人均参训时间</td>
 
+					</tr>
 
+					<tr>
 
+						<td>合成训练</td>
 
+						<td>30小时</td>
 
+					</tr>
 
+					<tr>
 
+						<td>分业训练</td>
 
+						<td>50小时</td>
 
+					</tr>
 
+					<tr>
 
+						<td>共同训练</td>
 
+						<td>45小时</td>
 
+					</tr>
 
+				</table>
 
+				<table class="people">
 
+					<tr>
 
+						<td>实有人数</td>
 
+						<td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">547</td>
 
+					</tr>
 
+					<tr>
 
+						<td>参训人数</td>
 
+						<td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">492</td>
 
+					</tr>
 
+					<tr>
 
+						<td>
 
+							<p style="font-size: 9px;color: white;text-align: center;transform: scale(0.9);">未参训人数</p>
 
+						</td>
 
+						<td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">115</td>
 
+					</tr>
 
+					<tr>
 
+						<td>参训率</td>
 
+						<td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">90%</td>
 
+					</tr>
 
+				</table>
 
+				<table class="grade">
 
+					<tr>
 
+						<td>考核人次</td>
 
+						<td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">547</td>
 
+					</tr>
 
+					<tr>
 
+						<td>优良</td>
 
+						<td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">247</td>
 
+					</tr>
 
+					<tr>
 
+						<td>及格</td>
 
+						<td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">195</td>
 
+					</tr>
 
+					<tr>
 
+						<td>未及格</td>
 
+						<td style="	font-family: 'IMPACT';color: #30fdff;font-size: 20px;">5</td>
 
+					</tr>
 
+				</table>
 
+			</div>
 
+			<div class="left3">
 
+				<div class="demot">
 
+					<p>车辆在位情况</p>
 
+				</div>
 
+				<div class="center4_l">
 
+					<div style="background-color: #1d79b5;width: 5px;height: 15px;"></div>军车管理
 
+				</div>
 
+				<div class="center4_l">
 
+					<div style="background-color: #1d79b5;width: 5px;height: 15px;"></div>私家车管理
 
+				</div>
 
+				<div class="center4_b">总计<span style="color: #30fdff;">256</span> </div>
 
+				<div class="center4_b">在位<span style="color: #fde17b;">255</span> </div>
 
+				<div class="center4_b">外出<span style="color: #f0422a;margin-left:45px;">1</span> </div>
 
+
 
+				<table class="center4_s">
 
+					<tr>
 
+						<td rowspan="2"><img src="img/cheliangz.png" alt=""></td>
 
+						<td style="color: #30fdff;font-family: 'IMPACT';font-size: 22px;">183</td>
 
+					</tr>
 
+					<tr>
 
+						<td style="font-size: 15px;color: white;">车辆统计</td>
 
+					</tr>
 
+				</table>
 
+				<table class="center4_s">
 
+					<tr>
 
+						<td rowspan="2"><img src="img/cheliangz.png" alt=""></td>
 
+						<td style="color: #30fdff;font-family: 'IMPACT';font-size: 22px;">163</td>
 
+					</tr>
 
+					<tr>
 
+						<td style="font-size: 15px;color: white;">车辆在位</td>
 
+					</tr>
 
+				</table>
 
+				<table class="center4_s">
 
+					<tr>
 
+						<td rowspan="2"><img src="img/cheliangz.png" alt=""></td>
 
+						<td style="color: #30fdff;font-family: 'IMPACT';font-size: 22px;">20</td>
 
+					</tr>
 
+					<tr>
 
+						<td style="font-size: 15px;color: white;">车辆出场</td>
 
+					</tr>
 
+				</table>
 
+				<table class="center4_y">
 
+					<tr>
 
+						<td><img src="img/cheliangq.png" alt=""></td>
 
+						<td style="font-family: 'IMPACT';font-size: 22px;color: #b4372a;">1</td>
 
+					</tr>
 
+					<tr>
 
+						<td colspan="2" style="letter-spacing: 7px;">夜间进入</td>
 
+					</tr>
 
+				</table>
 
+				<table class="center4_y">
 
+					<tr>
 
+						<td><img src="img/cheliangq.png" alt=""></td>
 
+						<td style="font-family: 'IMPACT';font-size: 22px;color: #b4372a;">1</td>
 
+					</tr>
 
+					<tr>
 
+						<td colspan="2" style="letter-spacing: 7px;">外来车辆</td>
 
+					</tr>
 
+				</table>
 
+			</div>
 
+		</div>
 
+		<div class="center">
 
+			<div class="center1">
 
+				<div style="height: 0px;">
 
+					<table class="center1_d">
 
+						<tr>
 
+							<td></td>
 
+							<td style="padding-left:7px;padding-bottom: 5px;">在位总数</td>
 
+						</tr>
 
+						<tr>
 
+							<td><img src="img/zong.png" alt=""></td>
 
+							<td>
 
+								<div>5</div>
 
+								<div>4</div>
 
+								<div>7</div>
 
+							</td>
 
+						</tr>
 
+					</table>
 
+					<table class="center1_d">
 
+						<tr>
 
+							<td></td>
 
+							<td style="padding-left:7px;padding-bottom: 5px;">纳编在位</td>
 
+						</tr>
 
+						<tr>
 
+							<td><img src="img/zaiwei.png" alt=""></td>
 
+							<td>
 
+								<div>4</div>
 
+								<div>5</div>
 
+								<div>1</div>
 
+							</td>
 
+						</tr>
 
+					</table>
 
+					<table class="center1_d">
 
+						<tr>
 
+							<td></td>
 
+							<td style="padding-left:7px;padding-bottom: 5px;">纳编外出</td>
 
+						</tr>
 
+						<tr>
 
+							<td><img src="img/waichu.png" alt=""></td>
 
+							<td>
 
+								<div>&nbsp;</div>
 
+								<div>0</div>
 
+								<div>5</div>
 
+							</td>
 
+						</tr>
 
+					</table>
 
+					<table class="center1_d">
 
+						<tr>
 
+							<td></td>
 
+							<td style="padding-left:7px;padding-bottom: 5px;">未纳编在位</td>
 
+						</tr>
 
+						<tr>
 
+							<td><img src="img/zaiwei.png" alt=""></td>
 
+							<td>
 
+								<div>&nbsp;</div>
 
+								<div>9</div>
 
+								<div>6</div>
 
+							</td>
 
+						</tr>
 
+					</table>
 
+					<table class="center1_d">
 
+						<tr>
 
+							<td></td>
 
+							<td style="padding-left:7px;padding-bottom: 5px;">未纳编外出</td>
 
+						</tr>
 
+						<tr>
 
+							<td><img src="img/waichu.png" alt=""></td>
 
+							<td>
 
+								<div>&nbsp;</div>
 
+								<div>0</div>
 
+								<div>8</div>
 
+							</td>
 
+						</tr>
 
+					</table>
 
+				</div>
 
+				<div class="center2" style="margin-top: 55px;">
 
+					<div class="demot">
 
+						<p>各单位人员在位情况</p>
 
+					</div>
 
+					<div id="center2_d"></div>
 
+				</div>
 
+				<br>
 
+				<div class="center3" style="padding-top: 72px;">
 
+					<div class="demot">
 
+						<p>外出人员占比</p>
 
+					</div>
 
+					<div id="center3_d"></div>
 
+				</div>
 
+				<div class="demot" style="margin-right: 315px;margin-left: -37px;margin-bottom: -4px;">
 
+					<p>人员请销假</p>
 
+				</div>
 
+				<div class="right2_d" style="margin-left: 10px;">今日迟到<span>0</span> </div>
 
+				<div class="right2_d">本月迟到<span>0</span> </div>
 
+				<div class="right2_d">应归队<span>0</span> </div>
 
+				<div class="right2_b">超时归<span>0</span> </div>
 
+				<div class="right2_b" style="margin-right: 10px;">未归队<span>0</span> </div>
 
+			</div>
 
+			<div class="center_32">
 
+				<div class="right2">
 
+					<div class="demot">
 
+						<p>检查督导统计</p>
 
+					</div>
 
+					<div id="center22"></div>
 
+				</div>
 
+			</div>
 
+			<div class="center4">
 
+				<div class="demot">
 
+					<p>营房营具管理</p>
 
+				</div>
 
+				<table class="center4_d" style="margin-top: 10px;margin-left: 30px;">
 
+					<tr>
 
+						<td rowspan="2"><img src="img/yinfangz.png" alt=""></td>
 
+						<td style="color: #30fdff;font-family: 'IMPACT';font-size: 28px;">100</td>
 
+					</tr>
 
+					<tr>
 
+						<td style="font-size: 18px;color: white;">营房统计</td>
 
+					</tr>
 
+				</table>
 
+				<table class="center4_d" style="margin-top: 10px;">
 
+					<tr>
 
+						<td rowspan="2"><img src="img/yinfangz.png" alt=""></td>
 
+						<td style="color: #30fdff;font-family: 'IMPACT';font-size: 28px;">56</td>
 
+					</tr>
 
+					<tr>
 
+						<td style="font-size: 18px;color: white;">营房使用</td>
 
+					</tr>
 
+				</table>
 
+				<table class="center4_d">
 
+					<tr>
 
+						<td rowspan="2"><img src="img/yinjus.png" alt=""></td>
 
+						<td style="color: #e6923e;font-family: 'IMPACT';font-size: 28px;">100</td>
 
+					</tr>
 
+					<tr>
 
+						<td style="font-size: 18px;color: white;">营具统计</td>
 
+					</tr>
 
+				</table>
 
+				<table class="center4_d">
 
+					<tr>
 
+						<td rowspan="2"><img src="img/yinjus.png" alt=""></td>
 
+						<td style="color: #e6923e;font-family: 'IMPACT';font-size: 28px;">56</td>
 
+					</tr>
 
+					<tr>
 
+						<td style="font-size: 18px;color: white;">营具使用</td>
 
+					</tr>
 
+				</table>
 
+			</div>
 
+		</div>
 
+		<div class="right">
 
+			<div class="right1">
 
+				<div class="demot">
 
+					<p>登统计落实</p>
 
+				</div>
 
+				<table style="margin-top: 10px;">
 
+					<tr>
 
+						<td>落实单位</td>
 
+						<td>工作计划</td>
 
+						<td>查铺岗哨</td>
 
+						<td>教育活动</td>
 
+						<td>会议记录</td>
 
+					</tr>
 
+				</table>
 
+				<div class="swiper-container" style="height: 140px;overflow: hidden;margin-top: 5px;">
 
+					<div class="swiper-wrapper">
 
+						<div class="swiper-slide">
 
+							<table>
 
+								<tr>
 
+									<td>一队</td>
 
+									<td><svg t="1638612550724" class="icon2" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#d03c2a"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+								</tr>
 
+							</table>
 
+						</div>
 
+						<div class="swiper-slide">
 
+							<table>
 
+								<tr>
 
+									<td>二队</td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon2" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#d03c2a"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+								</tr>
 
+							</table>
 
+						</div>
 
+						<div class="swiper-slide">
 
+							<table>
 
+								<tr>
 
+									<td>一连</td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+								</tr>
 
+							</table>
 
+						</div>
 
+						<div class="swiper-slide">
 
+							<table>
 
+								<tr>
 
+									<td>二连</td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+								</tr>
 
+							</table>
 
+						</div>
 
+						<div class="swiper-slide">
 
+							<table>
 
+								<tr>
 
+									<td>三连</td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon2" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#d03c2a"></path>
 
+										</svg>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+								</tr>
 
+							</table>
 
+						</div>
 
+						<div class="swiper-slide">
 
+							<table>
 
+								<tr>
 
+									<td>后勤</td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+								</tr>
 
+							</table>
 
+						</div>
 
+						<div class="swiper-slide">
 
+							<table>
 
+								<tr>
 
+									<td>监察部</td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+									<td><svg t="1638612550724" class="icon" viewBox="0 0 1024 1024" version="1.1"
 
+											xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10">
 
+											<path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324"
 
+												fill="#00a041"></path>
 
+										</svg></td>
 
+								</tr>
 
+							</table>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+			<div class="right4">
 
+				<div class="demot">
 
+					<p>医疗管理</p>
 
+				</div>
 
+				<div class="center4_l">
 
+					<div style="background-color: #1d79b5;width: 5px;height: 15px;"></div>医疗物资库房
 
+				</div>
 
+				<div class="center4_l" style="margin-left: 18px;">
 
+					<div style="background-color: #1d79b5;width: 5px;height: 15px;"></div>防疫物资库房
 
+				</div>
 
+				<table>
 
+					<tr>
 
+						<td>
 
+							<div class="left2_d" style="margin-top: 1vh;font-size: 15px;color: white;background-color: #033a5d;height:50px;line-height: 50px;width: 186px;text-align: center;display: inline-block;">现有<span>214</span></div>
 
+						</td>
 
+						<td>
 
+							<div class="left2_d" style="margin-top: 1vh;font-size:15px;color: white;background-color: #033a5d;height:50px;line-height: 50px;width: 186px;text-align: center;display: inline-block;">现有<span>333</span></div>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>
 
+							<div class="left2_d" style="font-size: 15px;color: white;border: #033a5d 1px solid;height:50px;line-height: 50px;width: 186px;text-align: center;display: inline-block;margin-top: -5px;">入库<span>422</span></div>
 
+						</td>
 
+						<td>
 
+							<div class="left2_d" style="font-size: 15px;color: white;border: #033a5d 1px solid;height:50px;line-height: 50px;width: 186px;text-align: center;display: inline-block;margin-top: -5px;">入库<span>689</span></div>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>
 
+							<div class="left2_d" style="font-size: 15px;color: white;border: #033a5d 1px solid;height:50px;line-height: 50px;width: 186px;text-align: center;display: inline-block;margin-top: -5px;">出库<span>208</span></div>
 
+						</td>
 
+						<td>
 
+							<div class="left2_d" style="font-size: 15px;color: white;border: #033a5d 1px solid;height:50px;line-height: 50px;width: 186px;text-align: center;display: inline-block;margin-top: -5px;">出库<span>356</span></div>
 
+						</td>
 
+					</tr>
 
+				</table>
 
+			</div>
 
+			<div class="right3">
 
+				<div class="demot"
 
+					style="display: inline-block;background-image: url(img/r3t.png);width: 150px;margin-right: 40px;">
 
+					<p>涉密载体</p>
 
+				</div>
 
+				<div class="demot" style="display: inline-block;background-image: url(img/r3t.png);width: 140px;">
 
+					<p>集中文印</p>
 
+				</div>
 
+				<br>
 
+					<div id="right3_1"></div>
 
+					<div id="demo"></div>
 
+				<!-- <div class="left2_d"
 
+					style="width: 100px;transform: scale(0.76);margin-right: -40px;margin-left: 177px;">
 
+					今日<span style="color: #01bbea;">100</span></div>
 
+				<div class="left2_d" style="width: 100px;transform: scale(0.76);margin-right: -38px;"
 
+					style="width: 100px;">
 
+					一周<span style="color: #ffa531;">100</span></div>
 
+				<div class="left2_d" style="width: 100px;transform: scale(0.76);margin-left: -7px;">一月<span style="color: #009944;">100</span></div> -->
 
+				<p style="display: inline-block;color: white;font-size: 12px;margin-right: 30px;margin-left: 70px;margin-bottom: -5px;position: relative;top: -610px;left:-2px;">
 
+					涉密载体占比</p>
 
+				
+				<p style="display: inline-block;color: white;font-size: 12px;margin-left: 90px;margin-bottom: -5px;position: relative;top: -610px;left: -15px;">
 
+					已归还份数占比</p>
 
+			</div>
 
+		</div>
 
+
 
+	</div>
 
+	<img class="title" src="img/situationtitle.png" style="position:fixed;width: 100%;" />
 
+	</div>
 
+	<div id="time"
 
+		style="height: 20px; position:fixed;top:35px;right:3.5vw;color:#30fdff;font-size: 22px;font-family: 'New-X-Digital-tfb-2';">
 
+	</div>
 
+	<a href="#"
 
+		style="position: fixed;top: 22px;left: 118px;text-decoration: none;color: #64f5fc;text-align: center;line-height:60px;font-size: 30px;font-weight: bold;">
 
+		<!-- <img src="img/anniu.png" style="width:250px;"> -->
 
+		<div class="anniu">
 
+			主控台
 
+		</div>
 
+	</a>
 
+	</div>
 
+	<script src="main.js"></script>
 
+	<!-- <script src="left2_1.js"></script>
 
+	<script src="left2_2.js"></script>
 
+	<script src="left2_3.js"></script> -->
 
+	<script src="center2_d.js"></script>
 
+	<script src="center22.js"></script>
 
+	<script src="center3_d.js"></script>
 
+	<script src="centerl.js"></script>
 
+	<script src="right3_1.js"></script>
 
+	<script src="demo.js"></script>
 
+	<script src="left3_d.js"></script>
 
+</body>
 
+
 
+</html>

Разница между файлами не показана из-за своего большого размера
+ 347 - 0
public/taishi/swiper.min.js


+ 11 - 7
src/components/Breadcrumb/index.vue
Просмотреть файл 

@@ -2,8 +2,8 @@
 
   <el-breadcrumb class="app-breadcrumb" separator="/">
 
     <transition-group name="breadcrumb">
 
       <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
 
-        <span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span>
 
-        <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
 
+        <!-- <span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span> -->
 
+        <a style="cursor:pointer" @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
 
       </el-breadcrumb-item>
 
     </transition-group>
 
   </el-breadcrumb>
 
@@ -48,12 +48,16 @@ export default {
 
       return name.trim() === 'Index'
 
     },
 
     handleLink(item) {
 
-      const { redirect, path } = item
 
-      if (redirect) {
 
-        this.$router.push(redirect)
 
-        return
 
+      if(item.meta.title=='首页'){
 
+         this.$router.push({ path: "/pt"})
 
+         this.$store.dispatch('tagsView/delAllViews')
 
       }
 
-      this.$router.push(path)
 
+      // const { redirect, path } = item
 
+      // if (redirect) {
 
+      //   this.$router.push(redirect)
 
+      //   return
 
+      // }
 
+      // this.$router.push(path)
 
     }
 
   }
 
 }

+ 4 - 3
src/layout/components/Sidebar/index.vue
Просмотреть файл 

@@ -6,14 +6,14 @@
 
     <logo v-if="showLogo" :collapse="isCollapse" />
 
     <el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper">
 
       <el-menu
 
-        :default-active="activeMenu"
 
-        :collapse="isCollapse"
 
+        :collapse="false"
 
         :background-color="settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground"
 
         :text-color="settings.sideTheme === 'theme-dark' ? variables.menuColor : variables.menuLightColor"
 
         :unique-opened="true"
 
         :active-text-color="settings.theme"
 
         :collapse-transition="false"
 
-        mode="vertical"
 
+         :default-openeds="[routs[0].path]"
 
+        mode="vertical"    
       >
 
         <sidebar-item
 
           v-for="(route, index) in routs"
 
@@ -75,6 +75,7 @@ export default {
 
       this.sidebarRouters.map(item => {
 
         if (item.path == this.$route.query.name) {
 
           this.routs.push(item);
 
+          console.log(this.routs)
 
         }
 
       });
 
     }

+ 1 - 0
src/layout/components/TagsView/index.vue
Просмотреть файл 

@@ -45,6 +45,7 @@ export default {
 
   },
 
   computed: {
 
     visitedViews() {
 
+      console.log(this.$store.state.tagsView.visitedViews)
 
       return this.$store.state.tagsView.visitedViews
 
     },
 
     routes() {

+ 63 - 21
src/store/modules/tagsView.js
Просмотреть файл 

@@ -6,11 +6,14 @@ const state = {
 
 const mutations = {
 
   ADD_VISITED_VIEW: (state, view) => {
 
     if (state.visitedViews.some(v => v.path === view.path)) return
 
-    state.visitedViews.push(
 
-      Object.assign({}, view, {
 
-        title: view.meta.title || 'no-name'
 
-      })
 
-    )
 
+    if (view.meta.title != '首页'&&view.meta.title!=undefined) {
 
+      state.visitedViews.push(
 
+        Object.assign({}, view, {
 
+          title: view.meta.title
 
+        })
 
+      )
 
+    }
 
+
 
   },
 
   ADD_CACHED_VIEW: (state, view) => {
 
     if (state.cachedViews.includes(view.name)) return
 
@@ -63,7 +66,7 @@ const mutations = {
 
       }
 
     }
 
   },
 
-  
+
 
   DEL_RIGHT_VIEWS: (state, view) => {
 
     const index = state.visitedViews.findIndex(v => v.path === view.path)
 
     if (index === -1) {
 
@@ -100,18 +103,27 @@ const mutations = {
 
 }
 
 
 const actions = {
 
-  addView({ dispatch }, view) {
 
+  addView({
 
+    dispatch
 
+  }, view) {
 
     dispatch('addVisitedView', view)
 
     dispatch('addCachedView', view)
 
   },
 
-  addVisitedView({ commit }, view) {
 
+  addVisitedView({
 
+    commit
 
+  }, view) {
 
     commit('ADD_VISITED_VIEW', view)
 
   },
 
-  addCachedView({ commit }, view) {
 
+  addCachedView({
 
+    commit
 
+  }, view) {
 
     commit('ADD_CACHED_VIEW', view)
 
   },
 
 
-  delView({ dispatch, state }, view) {
 
+  delView({
 
+    dispatch,
 
+    state
 
+  }, view) {
 
     return new Promise(resolve => {
 
       dispatch('delVisitedView', view)
 
       dispatch('delCachedView', view)
 
@@ -121,20 +133,29 @@ const actions = {
 
       })
 
     })
 
   },
 
-  delVisitedView({ commit, state }, view) {
 
+  delVisitedView({
 
+    commit,
 
+    state
 
+  }, view) {
 
     return new Promise(resolve => {
 
       commit('DEL_VISITED_VIEW', view)
 
       resolve([...state.visitedViews])
 
     })
 
   },
 
-  delCachedView({ commit, state }, view) {
 
+  delCachedView({
 
+    commit,
 
+    state
 
+  }, view) {
 
     return new Promise(resolve => {
 
       commit('DEL_CACHED_VIEW', view)
 
       resolve([...state.cachedViews])
 
     })
 
   },
 
 
-  delOthersViews({ dispatch, state }, view) {
 
+  delOthersViews({
 
+    dispatch,
 
+    state
 
+  }, view) {
 
     return new Promise(resolve => {
 
       dispatch('delOthersVisitedViews', view)
 
       dispatch('delOthersCachedViews', view)
 
@@ -144,20 +165,29 @@ const actions = {
 
       })
 
     })
 
   },
 
-  delOthersVisitedViews({ commit, state }, view) {
 
+  delOthersVisitedViews({
 
+    commit,
 
+    state
 
+  }, view) {
 
     return new Promise(resolve => {
 
       commit('DEL_OTHERS_VISITED_VIEWS', view)
 
       resolve([...state.visitedViews])
 
     })
 
   },
 
-  delOthersCachedViews({ commit, state }, view) {
 
+  delOthersCachedViews({
 
+    commit,
 
+    state
 
+  }, view) {
 
     return new Promise(resolve => {
 
       commit('DEL_OTHERS_CACHED_VIEWS', view)
 
       resolve([...state.cachedViews])
 
     })
 
   },
 
 
-  delAllViews({ dispatch, state }, view) {
 
+  delAllViews({
 
+    dispatch,
 
+    state
 
+  }, view) {
 
     return new Promise(resolve => {
 
       dispatch('delAllVisitedViews', view)
 
       dispatch('delAllCachedViews', view)
 
@@ -167,31 +197,43 @@ const actions = {
 
       })
 
     })
 
   },
 
-  delAllVisitedViews({ commit, state }) {
 
+  delAllVisitedViews({
 
+    commit,
 
+    state
 
+  }) {
 
     return new Promise(resolve => {
 
       commit('DEL_ALL_VISITED_VIEWS')
 
       resolve([...state.visitedViews])
 
     })
 
   },
 
-  delAllCachedViews({ commit, state }) {
 
+  delAllCachedViews({
 
+    commit,
 
+    state
 
+  }) {
 
     return new Promise(resolve => {
 
       commit('DEL_ALL_CACHED_VIEWS')
 
       resolve([...state.cachedViews])
 
     })
 
   },
 
 
-  updateVisitedView({ commit }, view) {
 
+  updateVisitedView({
 
+    commit
 
+  }, view) {
 
     commit('UPDATE_VISITED_VIEW', view)
 
   },
 
 
-  delRightTags({ commit }, view) {
 
+  delRightTags({
 
+    commit
 
+  }, view) {
 
     return new Promise(resolve => {
 
       commit('DEL_RIGHT_VIEWS', view)
 
       resolve([...state.visitedViews])
 
     })
 
   },
 
 
-  delLeftTags({ commit }, view) {
 
+  delLeftTags({
 
+    commit
 
+  }, view) {
 
     return new Promise(resolve => {
 
       commit('DEL_LEFT_VIEWS', view)
 
       resolve([...state.visitedViews])

+ 10 - 10
src/views/combatduty/basedutyinfo/index.vue
Просмотреть файл 

@@ -366,7 +366,7 @@
 
           <el-input v-model="form.chiefDutyPhone" placeholder="请输入值班首长电话" />
 
         </el-form-item>
 
         <el-form-item label="作战值班员" prop="combatDutyName">
 
-          <el-select v-model="form.combatDutyId" @change="combatDutyNamefun" filterable clearable placeholder="请选择作战值班员">
 
+          <el-select v-model="form.combatDutyName" @change="combatDutyNamefun" filterable clearable placeholder="请选择作战值班员">
 
             <el-option v-for="item in rylist" :key="item.id" :label="item.name" :value="item"></el-option>
 
           </el-select>
 
         </el-form-item>
 
@@ -376,9 +376,9 @@
 
         <el-form-item label="作战值班员手机" prop="combatDutyPhone">
 
           <el-input v-model="form.combatDutyPhone" placeholder="请输入作战值班员手机号" />
 
         </el-form-item>
 
-        <el-form-item label="总值班员" prop="dutyOffierId">
 
-          <el-select v-model="form.dutyOffierId" filterable clearable placeholder="请选择作战值班员">
 
-            <el-option v-for="item in rylist" :key="item.id" :label="item.name" :value="item.id"></el-option>
 
+        <el-form-item label="总值班员" prop="dutyOffierName">
 
+          <el-select v-model="form.dutyOffierName" @change="dutyOffierNamefun" filterable clearable placeholder="请选择作战值班员">
 
+            <el-option v-for="item in rylist" :key="item.id" :label="item.name" :value="item"></el-option>
 
           </el-select>
 
         </el-form-item>
 
         <!-- <el-form-item label="总值班员ID" prop="dutyOffierId">
 
@@ -788,13 +788,13 @@ export default {
 
         this.form.combatDutyPhone=val.phone;
 
     }
 
     //首长电话
 
-    // chiefDutyNamefun(val){
 
-    //     this.form.chiefDutyId=val.id;
 
-    //     this.form.chiefDutyName=val.name;
 
-    //     this.form.chiefDutyPhone=val.phone;
 
+    // dutyOffierNamefun(val){
 
+    //     this.form.dutyOffierId=val.id;
 
+    //     this.form.dutyOffierName=val.name;
 
+    //     this.form.dutyOffierPhone=val.phone;
 
     // }
 
-    // //首长电话
 
-    // chiefDutyNamefun(val){
 
+    //首长电话
 
+    // detachmentonePeopleNamefun(val){
 
     //     this.form.chiefDutyId=val.id;
 
     //     this.form.chiefDutyName=val.name;
 
     //     this.form.chiefDutyPhone=val.phone;

+ 1 - 1
src/views/peopleManage/people/index.vue
Просмотреть файл 

@@ -547,7 +547,7 @@
 
             </template>
 
           </el-table-column>
 
           <el-table-column label="命令号" align="center" prop="command" />-->
 
-          <el-table-column label="部职别" align="center" prop="duty" />
 
+          <el-table-column label="部职别"  align="center" prop="duty" />
 
           <el-table-column label="职务" align="center" prop="postId">
 
             <template slot-scope="scope">
 
               <dict-tag :options="dict.type.post_Level" :value="scope.row.postId" />

+ 8 - 1
src/views/pt.vue
Просмотреть файл 

@@ -40,7 +40,7 @@
 
               </div>
 
             </li>
 
             <li>
 
-              <div class="demo active" data-url="/diary?ref=addtabs">
 
+              <div class="demo active"  v-on:click="taishifun" data-url="/diary?ref=addtabs">
 
                 <img src="../images/fx.png" alt />
 
                 <br />
 
                 <a href="#" class="a">态 势 分 析</a>
 
@@ -325,6 +325,12 @@ export default {
 
         .push({ path: "/index", query: { name: "/tool" } })
 
         .catch(() => {});
 
     },
 
+    taishifun() {
 
+      // this.$router
 
+      //   .push({ path: "/index", query: { name: "/taishi" } })
 
+      //   .catch(() => {});
 
+      window.open(`/taishi.html`);
 
+    },
 
   }
 
 };
 
 </script>
 
@@ -379,6 +385,7 @@ li {
 
 .ul {
 
   display: flex;
 
   margin-bottom: 62px;
 
+  height: 15%;
 
 }
 
 .ul li {
 
   margin: 0 48px;

+ 127 - 41
src/views/system/user/index.vue
Просмотреть файл 

@@ -88,8 +88,16 @@
 
             ></el-date-picker>
 
           </el-form-item>
 
           <el-form-item>
 
-            <el-button type="primary" icon="el-icon-search" size="btn" @click="handleQuery">搜索</el-button>
 
-            <el-button icon="el-icon-refresh" size="btr" @click="resetQuery">重置</el-button>
 
+            <el-button
 
+              type="primary"
 
+              icon="el-icon-search"
 
+              size="btn"
 
+              @click="handleQuery"
 
+              >搜索</el-button
 
+            >
 
+            <el-button icon="el-icon-refresh" size="btr" @click="resetQuery"
 
+              >重置</el-button
 
+            >
 
           </el-form-item>
 
         </el-form>
 
 
@@ -102,7 +110,8 @@
 
               size="mini"
 
               @click="handleAdd"
 
               v-hasPermi="['system:user:add']"
 
-            >新增</el-button>
 
+              >新增</el-button
 
+            >
 
           </el-col>
 
           <el-col :span="1.5">
 
             <el-button
 
@@ -113,7 +122,8 @@
 
               :disabled="single"
 
               @click="handleUpdate"
 
               v-hasPermi="['system:user:edit']"
 
-            >修改</el-button>
 
+              >修改</el-button
 
+            >
 
           </el-col>
 
           <el-col :span="1.5">
 
             <el-button
 
@@ -124,7 +134,8 @@
 
               :disabled="multiple"
 
               @click="handleDelete"
 
               v-hasPermi="['system:user:remove']"
 
-            >删除</el-button>
 
+              >删除</el-button
 
+            >
 
           </el-col>
 
           <el-col :span="1.5">
 
             <el-button
 
@@ -134,7 +145,8 @@
 
               size="mini"
 
               @click="handleImport"
 
               v-hasPermi="['system:user:import']"
 
-            >导入</el-button>
 
+              >导入</el-button
 
+            >
 
           </el-col>
 
           <el-col :span="1.5">
 
             <el-button
 
@@ -145,9 +157,14 @@
 
               :loading="exportLoading"
 
               @click="handleExport"
 
               v-hasPermi="['system:user:export']"
 
-            >导出</el-button>
 
+              >导出</el-button
 
+            >
 
           </el-col>
 
-          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
 
+          <right-toolbar
 
+            :showSearch.sync="showSearch"
 
+            @queryTable="getList"
 
+            :columns="columns"
 
+          ></right-toolbar>
 
         </el-row>
 
 
         <el-table
 
@@ -196,7 +213,12 @@
 
             v-if="columns[4].visible"
 
             width="120"
 
           />
 
-          <el-table-column label="状态" align="center" key="status" v-if="columns[5].visible">
 
+          <el-table-column
 
+            label="状态"
 
+            align="center"
 
+            key="status"
 
+            v-if="columns[5].visible"
 
+          >
 
             <template slot-scope="scope">
 
               <el-switch
 
                 v-model="scope.row.status"
 
@@ -242,7 +264,7 @@
 
               </el-button>
 
               <el-dropdown
 
                 size="mini"
 
-                @command="(command) => handleCommand(command, scope.row)"
 
+                @command="command => handleCommand(command, scope.row)"
 
                 v-hasPermi="['system:user:resetPwd', 'system:user:edit']"
 
               >
 
                 <span class="more">更多</span>
 
@@ -251,12 +273,14 @@
 
                     command="handleResetPwd"
 
                     icon="el-icon-key"
 
                     v-hasPermi="['system:user:resetPwd']"
 
-                  >重置密码</el-dropdown-item>
 
+                    >重置密码</el-dropdown-item
 
+                  >
 
                   <el-dropdown-item
 
                     command="handleAuthRole"
 
                     icon="el-icon-circle-check"
 
                     v-hasPermi="['system:user:edit']"
 
-                  >分配角色</el-dropdown-item>
 
+                    >分配角色</el-dropdown-item
 
+                  >
 
                 </el-dropdown-menu>
 
               </el-dropdown>
 
             </template>
 
@@ -274,10 +298,21 @@
 
     </el-row>
 
 
     <!-- 添加或修改参数配置对话框 -->
 
-    <el-dialog :title="title" :visible.sync="open" width="1016px" append-to-body>
 
+    <el-dialog
 
+      :title="title"
 
+      :visible.sync="open"
 
+      width="1016px"
 
+      append-to-body
 
+    >
 
       <div class="jiben">基本信息</div>
 
 
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px" :inline="true">
 
+      <el-form
 
+        ref="form"
 
+        :model="form"
 
+        :rules="rules"
 
+        label-width="80px"
 
+        :inline="true"
 
+      >
 
         <el-row>
 
           <el-col :span="8">
 
             <!-- <el-form-item label="归属部门" prop="deptId">
 
@@ -325,27 +360,47 @@
 
           </el-col>
 
           <el-col :span="8">
 
             <el-form-item label="手机号码" prop="phonenumber">
 
-              <el-input v-model="form.phonenumber" placeholder="请输入手机号码" maxlength="11" />
 
+              <el-input
 
+                v-model="form.phonenumber"
 
+                placeholder="请输入手机号码"
 
+                maxlength="11"
 
+              />
 
             </el-form-item>
 
           </el-col>
 
         </el-row>
 
         <el-row>
 
           <el-col :span="8">
 
             <el-form-item label="邮箱" prop="email">
 
-              <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
 
+              <el-input
 
+                v-model="form.email"
 
+                placeholder="请输入邮箱"
 
+                maxlength="50"
 
+              />
 
             </el-form-item>
 
           </el-col>
 
 
           <el-col :span="8">
 
-            <el-form-item v-if="form.userId == undefined" label="用户名称" prop="userName">
 
-              <el-input v-model="form.userName" placeholder="请输入用户名称" maxlength="30" />
 
+            <el-form-item
 
+              v-if="form.userId == undefined"
 
+              label="账户名称"
 
+              prop="userName"
 
+            >
 
+              <el-input
 
+                v-model="form.userName"
 
+                placeholder="请输入账户名称"
 
+                maxlength="30"
 
+              />
 
             </el-form-item>
 
           </el-col>
 
           <el-col :span="8">
 
-            <el-form-item v-if="form.userId == undefined" label="用户密码" prop="password">
 
+            <el-form-item
 
+              v-if="form.userId == undefined"
 
+              label="账户密码"
 
+              prop="password"
 
+            >
 
               <el-input
 
                 v-model="form.password"
 
-                placeholder="请输入用户密码"
 
+                placeholder="请输入账户密码"
 
                 type="password"
 
                 maxlength="20"
 
                 show-password
 
@@ -395,15 +450,18 @@
 
           </el-col>
 
         </el-row>
 
         <el-row>
 
-          <el-col :span="8">
 
+          <el-col :span="16">
 
             <el-form-item label="权限">
 
-              <el-select v-model="form.permissions" multiple placeholder="请选择权限">
 
+              <el-select
 
+                v-model="form.permissions"
 
+                style="width:400px;"
 
+                placeholder="请选择权限"
 
+              >
 
                 <el-option
 
-                  v-for="item in permissions"
 
+                  v-for="dict in permissionslist"
 
                   :key="dict.dictValue"
 
                   :label="dict.dictLabel"
 
                   :value="dict.dictValue"
 
-                  :disabled="item.status == 1"
 
                 ></el-option>
 
               </el-select>
 
             </el-form-item>
 
@@ -415,7 +473,8 @@
 
                   v-for="dict in dict.type.sys_normal_disable"
 
                   :key="dict.value"
 
                   :label="dict.value"
 
-                >{{ dict.label }}</el-radio>
 
+                  >{{ dict.label }}</el-radio
 
+                >
 
               </el-radio-group>
 
             </el-form-item>
 
           </el-col>
 
@@ -425,7 +484,11 @@
 
         <el-row>
 
           <el-col :span="24">
 
             <el-form-item label style="width: 100%" class="textareas">
 
-              <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
 
+              <el-input
 
+                v-model="form.remark"
 
+                type="textarea"
 
+                placeholder="请输入内容"
 
+              ></el-input>
 
             </el-form-item>
 
           </el-col>
 
         </el-row>
 
@@ -437,7 +500,12 @@
 
     </el-dialog>
 
 
     <!-- 用户导入对话框 -->
 
-    <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
 
+    <el-dialog
 
+      :title="upload.title"
 
+      :visible.sync="upload.open"
 
+      width="400px"
 
+      append-to-body
 
+    >
 
       <el-upload
 
         ref="upload"
 
         :limit="1"
 
@@ -457,7 +525,9 @@
 
         </div>
 
         <div class="el-upload__tip text-center" slot="tip">
 
           <div class="el-upload__tip" slot="tip">
 
-            <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
 
+            <el-checkbox
 
+              v-model="upload.updateSupport"
 
+            />是否更新已经存在的用户数据
 
           </div>
 
           <span>仅允许导入xls、xlsx格式文件。</span>
 
           <el-link
 
@@ -465,7 +535,8 @@
 
             :underline="false"
 
             style="font-size: 12px; vertical-align: baseline"
 
             @click="importTemplate"
 
-          >下载模板</el-link>
 
+            >下载模板</el-link
 
+          >
 
         </div>
 
       </el-upload>
 
       <div slot="footer" class="dialog-footer">
 
@@ -620,15 +691,11 @@ export default {
 
       //归属部门
 
       unitId: [],
 
       //权限
 
-      permissions: []
 
+      permissionslist: []
 
     };
 
   },
 
   updated() {
 
     this.changeColor();
 
-    //权限
 
-    this.getDicts("sys_permissions").then(response => {
 
-      this.permissions = response.data;
 
-    });
 
   },
 
   watch: {
 
     // 根据名称筛选部门树
 
@@ -649,6 +716,11 @@ export default {
 
         this.unitId = res.data;
 
       }
 
     });
 
+    //权限
 
+    this.getDicts("sys_permissions").then(response => {
 
+      console.log(response.data);
 
+      this.permissionslist = response.data;
 
+    });
 
   },
 
   methods: {
 
     /** 查询用户列表 */
 
@@ -767,6 +839,9 @@ export default {
 
       const userId = row.userId || this.ids;
 
       getUser(userId).then(response => {
 
         this.form = response.data;
 
+        // if(this.form.permissions){
 
+        //   this.form.permissions = this.form.permissions.split(",");
 
+        // }
 
         this.deptIdClick();
 
         this.postOptions = response.posts;
 
         this.roleOptions = response.roles;
 
@@ -802,17 +877,28 @@ export default {
 
     submitForm: function() {
 
       this.$refs["form"].validate(valid => {
 
         if (valid) {
 
+          // this.form.permissions = this.form.permissions.join(",");
 
           if (this.form.userId != undefined) {
 
             updateUser(this.form).then(response => {
 
-              this.$modal.msgSuccess("修改成功");
 
-              this.open = false;
 
-              this.getList();
 
+              if (response.code == 200) {
 
+                this.$modal.msgSuccess("修改成功");
 
+                this.open = false;
 
+                this.getList();
 
+              }
 
+              //  else {
 
+              //   this.open=false;
 
+              // }
 
             });
 
           } else {
 
             addUser(this.form).then(response => {
 
-              this.$modal.msgSuccess("新增成功");
 
-              this.open = false;
 
-              this.getList();
 
+              if (response.code == 200) {
 
+                this.$modal.msgSuccess("新增成功");
 
+                this.open = false;
 
+                this.getList();
 
+              } 
+              // else {
 
+              //   this.open=false;
 
+              // }
 
             });
 
           }
 
         }
 
@@ -1043,4 +1129,4 @@ export default {
 
 .el-radio {
 
   color: rgb(204, 198, 198);
 
 }
 
-</style>
 
+</style>

+ 13 - 0
src/views/taishi/taishi/index.vue
Просмотреть файл 

@@ -0,0 +1,13 @@
 
+<template>
 
+  
+</template>
 
+
 
+<script>
 
+export default {
 
+
 
+}
 
+</script>
 
+
 
+<style>
 
+
 
+</style>

Некоторые файлы не были показаны из-за большого количества измененных файлов