1

public/css/style.css

@@ -0,0 +1,595 @@
+body {
+  font-family: "Libre Baskerville", serif;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 30px;
+  background-color: #0c0f15;
+  color: #ababab; }
+.heading-page
+{
+      text-transform: uppercase;
+    font-size: 43px;
+    font-weight: bolder;
+    letter-spacing: 3px;
+    color: white;
+}
+a {
+  color: inherit;
+  -webkit-transition: all 0.3s ease 0s;
+  -moz-transition: all 0.3s ease 0s;
+  -o-transition: all 0.3s ease 0s;
+  transition: all 0.3s ease 0s; }
+  a:hover, a:focus {
+    color: #ababab;
+    text-decoration: none;
+    outline: 0 none; }
+
+h1, h2, h3,
+h4, h5, h6 {
+  color: #1e2530;
+  font-family: "Open Sans", sans-serif;
+  margin: 0;
+  line-height: 1.3; }
+
+p {
+  margin-bottom: 20px; }
+  p:last-child {
+    margin-bottom: 0; }
+
+/*
+ * Selection color
+ */
+::-moz-selection {
+  background-color: #FA6862;
+  color: #fff; }
+
+::selection {
+  background-color: #FA6862;
+  color: #fff; }
+
+/*
+ *  Reset bootstrap's default style
+ */
+.form-control::-webkit-input-placeholder,
+::-webkit-input-placeholder {
+  opacity: 1;
+  color: inherit; }
+
+.form-control:-moz-placeholder,
+:-moz-placeholder {
+  /* Firefox 18- */
+  opacity: 1;
+  color: inherit; }
+
+.form-control::-moz-placeholder,
+::-moz-placeholder {
+  /* Firefox 19+ */
+  opacity: 1;
+  color: inherit; }
+
+.form-control:-ms-input-placeholder,
+:-ms-input-placeholder {
+  opacity: 1;
+  color: inherit; }
+
+button, input, select,
+textarea, label {
+  font-weight: 400; }
+
+.btn {
+  -webkit-transition: all 0.3s ease 0s;
+  -moz-transition: all 0.3s ease 0s;
+  -o-transition: all 0.3s ease 0s;
+  transition: all 0.3s ease 0s; }
+  .btn:hover, .btn:focus, .btn:active:focus {
+    outline: 0 none; }
+
+.btn-primary {
+  background-color: #FA6862;
+  border: 0;
+  font-family: "Open Sans", sans-serif;
+  font-weight: 700;
+  height: 48px;
+  line-height: 50px;
+  padding: 0 42px;
+  text-transform: uppercase; }
+  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
+    background-color: #f9423a; }
+
+.btn-border {
+  border: 1px solid #d7d8db;
+  display: inline-block;
+  padding: 7px; }
+
+/*
+ *  CSS Helper Class
+ */
+.clear:before, .clear:after {
+  content: " ";
+  display: table; }
+
+.clear:after {
+  clear: both; }
+
+.pt-table {
+  display: table;
+  width: 100%;
+  height: -webkit-calc(100vh - 4px);
+  height: -moz-calc(100vh - 4px);
+  height: calc(100vh - 4px); }
+
+.pt-tablecell {
+  display: table-cell;
+  vertical-align: middle; }
+
+.overlay {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%; }
+
+.relative {
+  position: relative; }
+
+.primary,
+.link:hover {
+  color: #FA6862; }
+
+.no-gutter {
+  margin-left: 0;
+  margin-right: 0; }
+  .no-gutter > [class^="col-"] {
+    padding-left: 0;
+    padding-right: 0; }
+
+.flex {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -moz-flex;
+  display: -ms-flexbox;
+  display: flex; }
+
+.flex-middle {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  -moz-align-items: center;
+  align-items: center; }
+
+.space-between {
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  -webkit-justify-content: space-between;
+  -moz-justify-content: space-between;
+  justify-content: space-between; }
+
+.nicescroll-cursors {
+  background: #FA6862 !important; }
+
+.preloader {
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1000;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -moz-flex;
+  display: -ms-flexbox;
+  display: flex; }
+  .preloader.active.hidden {
+    display: none; }
+
+.loading-mask {
+  background-color: #FA6862;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 20%;
+  -webkit-transition: all 0.6s cubic-bezier(0.61, 0, 0.6, 1) 0s;
+  -moz-transition: all 0.6s cubic-bezier(0.61, 0, 0.6, 1) 0s;
+  -o-transition: all 0.6s cubic-bezier(0.61, 0, 0.6, 1) 0s;
+  transition: all 0.6s cubic-bezier(0.61, 0, 0.6, 1) 0s; }
+  .loading-mask:nth-child(2) {
+    left: 20%;
+    -webkit-transition-delay: 0.1s;
+    -moz-transition-delay: 0.1s;
+    -o-transition-delay: 0.1s;
+    transition-delay: 0.1s; }
+  .loading-mask:nth-child(3) {
+    left: 40%;
+    -webkit-transition-delay: 0.2s;
+    -moz-transition-delay: 0.2s;
+    -o-transition-delay: 0.2s;
+    transition-delay: 0.2s; }
+  .loading-mask:nth-child(4) {
+    left: 60%;
+    -webkit-transition-delay: 0.3s;
+    -moz-transition-delay: 0.3s;
+    -o-transition-delay: 0.3s;
+    transition-delay: 0.3s; }
+  .loading-mask:nth-child(5) {
+    left: 80%;
+    -webkit-transition-delay: 0.4s;
+    -moz-transition-delay: 0.4s;
+    -o-transition-delay: 0.4s;
+    transition-delay: 0.4s; }
+
+.preloader.active.done {
+  z-index: 0; }
+
+.preloader.active .loading-mask {
+  width: 0; }
+
+/*------------------------------------------------
+	Start Styling
+-------------------------------------------------*/
+.mt20{margin-top:20px;}
+.site-wrapper {
+  border-top: 4px solid #ff0037; }
+
+.page-close {
+  font-size: 30px;
+  position: absolute;
+  right: 30px;
+  top: 30px;
+  z-index: 100; }
+
+.page-title {
+  margin-bottom: 75px; }
+  .page-title img {
+    margin-bottom: 20px; }
+  .page-title h2 {
+    font-size: 68px;
+    margin-bottom: 25px;
+    position: relative;
+    z-index: 0;
+    font-weight: 900;
+    text-transform: uppercase; }
+  .page-title p {
+    font-size: 16px; }
+  .page-title .title-bg {
+    color: rgba(30, 37, 48, 0.07);
+    font-size: 158px;
+    left: 0;
+    letter-spacing: 10px;
+    line-height: 0.7;
+    position: absolute;
+    right: 0;
+    top: 50%;
+    z-index: -1;
+    -webkit-transform: translateY(-50%);
+    -moz-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    -o-transform: translateY(-50%);
+    transform: translateY(-50%); }
+
+.section-title {
+  margin-bottom: 20px; }
+  .section-title h3 {
+    display: inline-block;
+    position: relative; }
+    .section-title h3::before, .section-title h3::after {
+      content: "";
+      height: 2px;
+      position: absolute;
+      bottom: 8px;
+      left: -webkit-calc(100% + 14px);
+      left: -moz-calc(100% + 14px);
+      left: calc(100% + 14px); }
+    .section-title h3::before {
+      background-color: #1e2530;
+      width: 96px;
+      bottom: 14px; }
+    .section-title h3::after {
+      background-color: #FA6862;
+      width: 73px; }
+  .section-title.light h3 {
+    color: #fff; }
+    .section-title.light h3::before {
+      background-color: #fff; }
+
+.page-nav {
+  bottom: 40px;
+  left: 0;
+  position: absolute;
+  right: 0; }
+  .page-nav span {
+    font-family: "Open Sans", sans-serif;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 0.9;
+    text-transform: uppercase; }
+
+/*------------------------------------------------
+    Home Page
+-------------------------------------------------*/
+
+.hexagon-item:first-child {
+    margin-left: 0;
+}
+
+.page-home {
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  vertical-align: middle; }
+  .page-home .overlay {
+    background-color: rgba(14, 17, 24, 0.97);
+}
+
+/* End of container */
+.hexagon-item {
+  cursor: pointer;
+  width: 200px;
+  height: 173.20508px;
+  float: left;
+  margin-left: -29px;
+  z-index: 0;
+  position: relative;
+  -webkit-transform: rotate(30deg);
+  -moz-transform: rotate(30deg);
+  -ms-transform: rotate(30deg);
+  -o-transform: rotate(30deg);
+  transform: rotate(30deg); }
+  .hexagon-item:first-child {
+    margin-left: 0; }
+  .hexagon-item:hover {
+    z-index: 1; }
+    .hexagon-item:hover .hex-item:last-child {
+      opacity: 1;
+      -webkit-transform: scale(1.3);
+      -moz-transform: scale(1.3);
+      -ms-transform: scale(1.3);
+      -o-transform: scale(1.3);
+      transform: scale(1.3); }
+    .hexagon-item:hover .hex-item:first-child {
+      opacity: 1;
+      -webkit-transform: scale(1.2);
+      -moz-transform: scale(1.2);
+      -ms-transform: scale(1.2);
+      -o-transform: scale(1.2);
+      transform: scale(1.2); }
+      .hexagon-item:hover .hex-item:first-child div:before,
+      .hexagon-item:hover .hex-item:first-child div:after {
+        height: 5px; }
+    .hexagon-item:hover .hex-item div::before,
+    .hexagon-item:hover .hex-item div::after {
+      background-color: #ff0037; }
+    .hexagon-item:hover .hex-content svg {
+      -webkit-transform: scale(0.97);
+      -moz-transform: scale(0.97);
+      -ms-transform: scale(0.97);
+      -o-transform: scale(0.97);
+      transform: scale(0.97); }
+
+.page-home .hexagon-item:nth-last-child(1),
+.page-home .hexagon-item:nth-last-child(2),
+.page-home .hexagon-item:nth-last-child(3) {
+  -webkit-transform: rotate(30deg) translate(87px, -80px);
+  -moz-transform: rotate(30deg) translate(87px, -80px);
+  -ms-transform: rotate(30deg) translate(87px, -80px);
+  -o-transform: rotate(30deg) translate(87px, -80px);
+  transform: rotate(30deg) translate(87px, -80px); }
+
+.hex-item {
+  position: absolute;
+  top: 0;
+  left: 50px;
+  width: 100px;
+  height: 173.20508px; }
+  .hex-item:first-child {
+    z-index: 0;
+    -webkit-transform: scale(0.9);
+    -moz-transform: scale(0.9);
+    -ms-transform: scale(0.9);
+    -o-transform: scale(0.9);
+    transform: scale(0.9);
+    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
+    -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
+    -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
+    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
+  .hex-item:last-child {
+    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
+    z-index: 1; }
+  .hex-item div {
+    box-sizing: border-box;
+    position: absolute;
+    top: 0;
+    width: 100px;
+    height: 173.20508px;
+    -webkit-transform-origin: center center;
+    -moz-transform-origin: center center;
+    -ms-transform-origin: center center;
+    -o-transform-origin: center center;
+    transform-origin: center center; }
+    .hex-item div::before, .hex-item div::after {
+      background-color: #1e2530;
+      content: "";
+      position: absolute;
+      width: 100%;
+      height: 3px;
+      -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
+      -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
+      -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
+      transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
+    .hex-item div:before {
+      top: 0; }
+    .hex-item div:after {
+      bottom: 0; }
+    .hex-item div:nth-child(1) {
+      -webkit-transform: rotate(0deg);
+      -moz-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+      -o-transform: rotate(0deg);
+      transform: rotate(0deg); }
+    .hex-item div:nth-child(2) {
+      -webkit-transform: rotate(60deg);
+      -moz-transform: rotate(60deg);
+      -ms-transform: rotate(60deg);
+      -o-transform: rotate(60deg);
+      transform: rotate(60deg); }
+    .hex-item div:nth-child(3) {
+      -webkit-transform: rotate(120deg);
+      -moz-transform: rotate(120deg);
+      -ms-transform: rotate(120deg);
+      -o-transform: rotate(120deg);
+      transform: rotate(120deg); }
+
+.hex-content {
+  color: #fff;
+  display: block;
+  height: 180px;
+  margin: 0 auto;
+  position: relative;
+  text-align: center;
+  transform: rotate(-30deg);
+  width: 156px; }
+  .hex-content .hex-content-inner {
+    left: 50%;
+    margin: -3px 0 0 2px;
+    position: absolute;
+    top: 50%;
+    -webkit-transform: translate(-50%, -50%);
+    -moz-transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
+    -o-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%); }
+  .hex-content .icon {
+    display: block;
+    font-size: 36px;
+    line-height: 30px;
+    margin-bottom: 11px; }
+  .hex-content .title {
+    display: block;
+    font-family: "Open Sans", sans-serif;
+    font-size: 14px;
+    letter-spacing: 1px;
+    line-height: 24px;
+    text-transform: uppercase; }
+  .hex-content svg {
+    left: -7px;
+    position: absolute;
+    top: -13px;
+    transform: scale(0.87);
+    z-index: -1;
+    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
+    -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
+    -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
+    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
+  .hex-content:hover {
+    color: #fff; }
+
+.page-home .hexagon-item:nth-last-child(1), .page-home .hexagon-item:nth-last-child(2), .page-home .hexagon-item:nth-last-child(3) {
+    -webkit-transform: rotate(30deg) translate(87px, -80px);
+    -moz-transform: rotate(30deg) translate(87px, -80px);
+    -ms-transform: rotate(30deg) translate(87px, -80px);
+    -o-transform: rotate(30deg) translate(87px, -80px);
+    transform: rotate(30deg) translate(87px, -80px);
+}
+/*------------------------------------------------
+    Welcome Page
+-------------------------------------------------*/
+.author-image-large {
+  position: absolute;
+  right: 0;
+  top: 0; }
+  .author-image-large img {
+    height: -webkit-calc(100vh - 4px);
+    height: -moz-calc(100vh - 4px);
+    height: calc(100vh - 4px); }
+
+
+@media (min-width: 1200px)
+{
+.col-lg-offset-2 {
+    margin-left: 16.66666667%;
+}
+}
+
+@media (min-width: 1200px)
+{
+.col-lg-8 {
+    width: 66.66666667%;
+}
+}
+
+.hexagon-item:first-child {
+    margin-left: 0;
+}
+
+.pt-table.desktop-768 .pt-tablecell {
+    padding-bottom: 110px;
+    padding-top: 60px;
+}
+
+
+
+.hexagon-item:hover .icon i
+{
+  color:#ff0037;
+  transition:0.6s;
+  
+}
+
+
+.hexagon-item:hover .title
+{
+  -webkit-animation: focus-in-contract 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
+	        animation: focus-in-contract 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
+}
+/***************************/
+
+@-webkit-keyframes focus-in-contract {
+  0% {
+    letter-spacing: 1em;
+    -webkit-filter: blur(12px);
+            filter: blur(12px);
+    opacity: 0;
+  }
+  100% {
+    -webkit-filter: blur(0px);
+            filter: blur(0px);
+    opacity: 1;
+  }
+}
+@keyframes focus-in-contract {
+  0% {
+    letter-spacing: 1em;
+    -webkit-filter: blur(12px);
+            filter: blur(12px);
+    opacity: 0;
+  }
+  100% {
+    -webkit-filter: blur(0px);
+            filter: blur(0px);
+    opacity: 1;
+  }
+}
+
+
+
+
+
+@media only screen and (max-width: 767px)
+{
+.hexagon-item {
+    float: none;
+    margin: 0 auto 50px;
+}
+  .hexagon-item:first-child {
+    margin-left: auto;
+}
+  
+  .page-home .hexagon-item:nth-last-child(1), .page-home .hexagon-item:nth-last-child(2), .page-home .hexagon-item:nth-last-child(3) {
+    -webkit-transform: rotate(30deg) translate(0px, 0px);
+    -moz-transform: rotate(30deg) translate(0px, 0px);
+    -ms-transform: rotate(30deg) translate(0px, 0px);
+    -o-transform: rotate(30deg) translate(0px, 0px);
+    transform: rotate(30deg) translate(0px, 0px);
+}
+  
+}

public/home.html

@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+  <!--响应式框架-->
+  <link rel='stylesheet' href='css/bootstrap.min.css'>
+  <!--图标库-->
+  <link rel='stylesheet' href='css/all.css'>
+  <!--主要样式-->
+  <link rel="stylesheet" href="css/style.css">
+  <title>系统首页</title>
+</head>
+
+<body>
+  <main class="site-wrapper">
+    <div class="pt-table desktop-768">
+      <div class="pt-tablecell page-home relative">
+        <div class="overlay"></div>
+        <div class="container">
+          <div class="row">
+            <div class="col-xs-12 col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8">
+              <div class="page-title  home text-center">
+                <span class="heading-page">环南湖科创先导区双创服务平台</span>
+              </div>
+              <div class="hexagon-menu clear">
+                <div class="hexagon-item">
+                  <div class="hex-item">
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                  </div>
+                  <div class="hex-item">
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                  </div>
+                  <a href="" class="hex-content">
+                    <span class="hex-content-inner">
+                      <span class="icon">
+                        <i class="fa fa-universal-access"></i>
+                      </span>
+                      <span class="title">Welcome</span>
+                    </span>
+                    <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg">
+                      <path
+                        d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z"
+                        fill="#1e2530"></path>
+                    </svg>
+                  </a>
+                </div>
+                <div class="hexagon-item">
+                  <div class="hex-item">
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                  </div>
+                  <div class="hex-item">
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                  </div>
+                  <a href="" class="hex-content">
+                    <span class="hex-content-inner">
+                      <span class="icon">
+                        <i class="fa fa-bullseye"></i>
+                      </span>
+                      <span class="title">About</span>
+                    </span>
+                    <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg">
+                      <path
+                        d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z"
+                        fill="#1e2530"></path>
+                    </svg>
+                  </a>
+                </div>
+                 
+                <div class="hexagon-item">
+                  <div class="hex-item">
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                  </div>
+                  <div class="hex-item">
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                  </div>
+                  <a href="" class="hex-content">
+                    <span class="hex-content-inner">
+                      <span class="icon">
+                        <i class="fa fa-braille"></i>
+                      </span>
+                      <span class="title">Services</span>
+                    </span>
+                    <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg">
+                      <path
+                        d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z"
+                        fill="#1e2530"></path>
+                    </svg>
+                  </a>
+                </div>
+                <div class="hexagon-item" style="color:transparent">
+                  1
+                </div>
+                <div class="hexagon-item">
+                  <div class="hex-item">
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                  </div>
+                  <div class="hex-item">
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                  </div>
+                  <a href="" class="hex-content">
+                    <span class="hex-content-inner">
+                      <span class="icon">
+                        <i class="fa fa-life-ring"></i>
+                      </span>
+                      <span class="title">Works</span>
+                    </span>
+                    <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg">
+                      <path
+                        d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z"
+                        fill="#1e2530"></path>
+                    </svg>
+                  </a>
+                </div>
+                <div class="hexagon-item">
+                  <div class="hex-item">
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                  </div>
+                  <div class="hex-item">
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                  </div>
+                  <a href="" class="hex-content">
+                    <span class="hex-content-inner">
+                      <span class="icon">
+                        <i class="fa fa-clipboard"></i>
+                      </span>
+                      <span class="title">Testimonials</span>
+                    </span>
+                    <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg">
+                      <path
+                        d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z"
+                        fill="#1e2530"></path>
+                    </svg>
+                  </a>
+                </div>
+                <div class="hexagon-item" style="display:none">
+                  1
+                </div> 
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </main>
+</body>
+
+</html>

src/store/index.js

@@ -15,6 +15,7 @@ import online from '@common/src/store/online';
 import policy from '@common/src/store/policy';
 import ticket from '@common/src/store/ticket';
 import achieveApply from '@common/src/store/achieve_apply';
+import statistics from '@common/src/store/statistics';
 
 Vue.use(Vuex);
 
@@ -36,5 +37,6 @@ export default new Vuex.Store({
     policy,
     ticket,
     achieveApply,
+    statistics,
   },
 });

src/views/dynamic/index.vue

@@ -31,6 +31,7 @@ import two from './parts/two.vue';
 import thr from './parts/thr.vue';
 import four from './parts/four.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
+
 export default {
   name: 'index',
   props: {},

src/views/dynamic/parts/one.vue

@@ -14,6 +14,7 @@
 <script>
 import * as echarts from 'echarts';
 import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: statistics } = createNamespacedHelpers('statistics');
 export default {
   name: 'one',
   props: {},
@@ -26,48 +27,42 @@ export default {
     this.init();
   },
   methods: {
-    init() {
-      var chartDom = document.getElementById('oneChart');
-      var myChart = echarts.init(chartDom);
-      var option;
-      option = {
-        legend: {
-          top: 'bottom',
-        },
-        toolbox: {
-          show: false,
-          feature: {
-            mark: { show: true },
-            dataView: { show: true, readOnly: false },
-            restore: { show: true },
-            saveAsImage: { show: true },
+    ...statistics(['query']),
+    async init() {
+      let res = await this.query({ type: 'product' });
+      if (this.$checkRes(res)) {
+        var chartDom = document.getElementById('oneChart');
+        var myChart = echarts.init(chartDom);
+        var option;
+        option = {
+          legend: {
+            top: 'bottom',
           },
-        },
-        series: [
-          {
-            name: '饼状图',
-            type: 'pie',
-            radius: '60%',
-            center: ['50%', '50%'],
-            roseType: 'area',
-            itemStyle: {
-              borderRadius: 8,
+          toolbox: {
+            show: false,
+            feature: {
+              mark: { show: true },
+              dataView: { show: true, readOnly: false },
+              restore: { show: true },
+              saveAsImage: { show: true },
             },
-            data: [
-              { value: 40, name: 'rose 1' },
-              { value: 38, name: 'rose 2' },
-              { value: 32, name: 'rose 3' },
-              { value: 30, name: 'rose 4' },
-              { value: 28, name: 'rose 5' },
-              { value: 26, name: 'rose 6' },
-              { value: 22, name: 'rose 7' },
-              { value: 18, name: 'rose 8' },
-            ],
           },
-        ],
-      };
-
-      option && myChart.setOption(option);
+          series: [
+            {
+              name: '饼状图',
+              type: 'pie',
+              radius: '60%',
+              center: ['50%', '40%'],
+              roseType: 'area',
+              itemStyle: {
+                borderRadius: 8,
+              },
+              data: res.data,
+            },
+          ],
+        };
+        option && myChart.setOption(option);
+      }
     },
   },
   computed: {
@@ -77,7 +72,7 @@ export default {
     return { title: this.$route.meta.title };
   },
   watch: {
-    test: {
+    data: {
       deep: true,
       immediate: true,
       handler(val) {},

src/views/dynamic/parts/two.vue

@@ -14,6 +14,8 @@
 <script>
 import * as echarts from 'echarts';
 import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: statistics } = createNamespacedHelpers('statistics');
+
 export default {
   name: 'one',
   props: {},
@@ -26,6 +28,7 @@ export default {
     this.init();
   },
   methods: {
+    ...statistics(['query']),
     init() {
       var chartDom = document.getElementById('twoChart');
       var myChart = echarts.init(chartDom);

src/views/index copy.vue

@@ -0,0 +1,48 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24"> 首页 </el-col>
+        <el-col :span="24">
+          <el-button type="primary" size="mini" @click="$router.push({ path: '/news/index' })">新闻咨讯</el-button>
+          <el-button type="primary" size="mini" @click="$router.push({ path: '/service/index' })">科技服务</el-button>
+          <el-button type="primary" size="mini" @click="$router.push({ path: '/market/index' })">技术超市</el-button>
+          <el-button type="primary" size="mini" @click="$router.push({ path: '/train/index' })">宣传培训</el-button>
+          <el-button type="primary" size="mini" @click="$router.push({ path: '/dynamic/index' })">数据动态</el-button>
+        </el-col>
+        <el-col :span="24">
+          <el-button type="primary" size="mini" @click="$router.push({ path: '/login' })">管理登录</el-button>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: function () {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/index.vue

@@ -1,21 +1,5 @@
 <template>
-  <div id="index">
-    <el-row>
-      <el-col :span="24" class="main">
-        <el-col :span="24"> 首页 </el-col>
-        <el-col :span="24">
-          <el-button type="primary" size="mini" @click="$router.push({ path: '/news/index' })">新闻咨讯</el-button>
-          <el-button type="primary" size="mini" @click="$router.push({ path: '/service/index' })">科技服务</el-button>
-          <el-button type="primary" size="mini" @click="$router.push({ path: '/market/index' })">技术超市</el-button>
-          <el-button type="primary" size="mini" @click="$router.push({ path: '/train/index' })">宣传培训</el-button>
-          <el-button type="primary" size="mini" @click="$router.push({ path: '/dynamic/index' })">数据动态</el-button>
-        </el-col>
-        <el-col :span="24">
-          <el-button type="primary" size="mini" @click="$router.push({ path: '/login' })">管理登录</el-button>
-        </el-col>
-      </el-col>
-    </el-row>
-  </div>
+  <div id="index"></div>
 </template>
 
 <script>
@@ -27,7 +11,9 @@ export default {
   data: function () {
     return {};
   },
-  created() {},
+  created() {
+    window.location.href = 'home.html';
+  },
   methods: {},
   computed: {
     ...mapState(['user']),

vue.config.js

@@ -23,7 +23,7 @@ module.exports = {
         target: 'http://broadcast.waityou24.cn',
       },
       '/api': {
-        target: 'http://192.168.1.19:9200',
+        target: 'http://cccysci.waityou24.cn', //http://192.168.1.19:9200
         changeOrigin: true,
         ws: false,
       },