布局样式更新

src/App.vue

@@ -4,7 +4,7 @@
     <div class="topnav">
       <div class="toptxt">
         <div style="margin-left: 2%" class="topTitle">
-          累计进馆人数： {{ sumYear_num }} 人
+          累计服务人数： {{ sumYear_num }} 人
         </div>
         <img class="topImg" src="@/assets/index/top_title.png" />
         <div style="margin-right: 2%" class="topTitle"> {{ nowtime }} {{ curtime }} </div>

src/views/cultrue/index.vue

@@ -488,6 +488,11 @@ export default {
         value: 24546,
       },
       ];
+      let valueColor = [
+                { color1: '#15224C', color2: '#FF0042', unit: ' 人 '},
+                { color1: '#15224C', color2: '#FED700', unit: ' 册 '},
+                { color1: '#15224C', color2: '#00FEC5', unit: ' 册 '}
+            ]
       var libraryIcons = {
         'Lend': '/img/wh_right1.png',
         'Still': '/img/wh_right2.png',
@@ -648,7 +653,7 @@ export default {
             lineHeight: 30,
             fontSize: 16,
             formatter: function (value, index) {
-              return data[index].value + ' 册 '
+              return data[index].value + valueColor[index].unit
             },
           }
         }],
@@ -676,27 +681,23 @@ export default {
           // align: left,
           itemStyle: {
             normal: {
-              color: new echarts.graphic.LinearGradient(
-                0,
-                0,
-                1,
-                0,
-                [{
-                  offset: 0,
-                  color: '#A71A2B'
-                },
-                {
-                  offset: 0.7,
-                  color: '#A71A2B'
-                },
-                {
-                  offset: 1,
-                  color: '#5EDEE5'
-                }
-                ],
-
-                false
-              ),
+              color: (params) => {
+                  var index = params.dataIndex;
+                  if (params.dataIndex >= valueColor.length) {
+                      index = params.dataIndex - valueColor.length;
+                  }
+                  return new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
+                      offset: 0,
+                      color: valueColor[index].color1
+                  },
+                  {
+                      offset: 0.8,
+                      color: valueColor[index].color2
+                  },{
+                      offset: 1,
+                      color: valueColor[index].color2
+                  }]);
+              },
               barBorderRadius: 10
             },
             // color: '#A71A2B',

src/views/index.vue

@@ -96,7 +96,7 @@
       </div>
       <!-- 右边 -->
       <div class="rbox">
-        <div class="rbox_title">各场馆实施实时进馆人数</div>
+        <div class="rbox_title">各场馆实时进馆人数</div>
         <div class="rbox_con">
           <!-- 各场馆实时人数 cg1 -->
           <!-- v-for="(item, index) in 6" :key="index" -->

src/views/ty/index.vue

@@ -677,7 +677,7 @@ export default {
           top: 230,
           bottom: 240,
           right: 20,
-          left: 36,
+          left: 50,
           textStyle: {
             color: "#fff"
           }
@@ -730,6 +730,8 @@ export default {
               fontSize: '12',
             },
             formatter: '{value}',
+            align: 'left',
+            margin: 40
           },
         },
         series: series,
@@ -836,7 +838,7 @@ export default {
     // 创建播放实例
     initPlugin() {
       let _that = this;
-      const oWebControl0 = new window.WebControl({
+      let oWebControl0 = new window.WebControl({
         szPluginContainer: 'camera0', // 指定容器id
         iServicePortStart: 15900, // 指定起止端口号，建议使用该值
         iServicePortEnd: 15900,
@@ -895,7 +897,7 @@ export default {
     },
     initPlugin2() {
       let _that = this;
-      const oWebControl1 = new window.WebControl({
+      let oWebControl1 = new window.WebControl({
         szPluginContainer: 'camera1', // 指定容器id
         iServicePortStart: 15900, // 指定起止端口号，建议使用该值
         iServicePortEnd: 15900,
@@ -956,7 +958,7 @@ export default {
     },
     initPlugin3() {
       let _that = this;
-      const oWebControl2 = new window.WebControl({
+      let oWebControl2 = new window.WebControl({
         szPluginContainer: 'camera2', // 指定容器id
         iServicePortStart: 15900, // 指定起止端口号，建议使用该值
         iServicePortEnd: 15900,