1.生产进度报表提交

loulijun2021

2023-05-11 12ef895481038a7bec06a2c6cb47748a6353e848

 src/views/xtsy/index.vue

@@ -11,15 +11,15 @@
            <div class="top_card_content_flex">
              <div class="content" style="width: 84%">
                <div class="content_title1">今日登录</div>
                <div class="content_end1" :style="{color:`rgb(${barTopColor01[0]})`}">15/
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                <div class="content_end1" :style="{color:`rgb(${barTopColor01[0]})`}">10/
                  <countTo :start-val="0" :end-val="21" :duration="3000" />
                </div>
              </div>
              <div id="barTop01" class="barTop" style="width: 100%;" />
              <div class="content" style="width: 84%">
                <div class="content_title1">昨日登录</div>
                <div class="content_end1">18/
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                <div class="content_end1">12/
                  <countTo :start-val="0" :end-val="21" :duration="3000" />
                </div>
              </div>
              <div id="barTop02" class="barTop" style="width: 92%;" />
@@ -33,15 +33,15 @@
            <div class="top_card_content_flex">
              <div class="content" style="width: 84%">
                <div class="content_title1">今日活跃</div>
                <div class="content_end1" :style="{color:`rgb(${barTopColor02[0]})`}">15/
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                <div class="content_end1" :style="{color:`rgb(${barTopColor02[0]})`}">10/
                  <countTo :start-val="0" :end-val="21" :duration="3000" />
                </div>
              </div>
              <div id="barTop03" class="barTop" style="width: 100%;" />
              <div class="content" style="width: 84%">
                <div class="content_title1">昨日活跃</div>
                <div class="content_end1">18/
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                <div class="content_end1">12/
                  <countTo :start-val="0" :end-val="21" :duration="3000" />
                </div>
              </div>
              <div id="barTop04" class="barTop" style="width: 92%;" />
@@ -55,15 +55,15 @@
            <div class="top_card_content_flex">
              <div class="content" style="width: 84%">
                <div class="content_title1">今日活跃</div>
                <div class="content_end1" :style="{color:`rgb(${barTopColor03[0]})`}">15/
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                <div class="content_end1" :style="{color:`rgb(${barTopColor03[0]})`}">10/
                  <countTo :start-val="0" :end-val="21" :duration="3000" />
                </div>
              </div>
              <div id="barTop05" class="barTop" style="width:100%;" />
              <div class="content" style="width: 84%">
                <div class="content_title1">昨日活跃</div>
                <div class="content_end1">18/
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                <div class="content_end1">12/
                  <countTo :start-val="0" :end-val="21" :duration="3000" />
                </div>
              </div>
              <div id="barTop06" class="barTop" style="width: 92%;" />
@@ -78,14 +78,14 @@
              <div class="content" style="width: 84%">
                <div class="content_title1">今日活跃</div>
                <div class="content_end1" :style="{color:`rgb(${barTopColor04[0]})`}">0/
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                  <countTo :start-val="0" :end-val="21" :duration="3000" />
                </div>
              </div>
              <div id="barTop07" class="barTop" style="width: 92%;" />
              <div class="content" style="width: 84%">
                <div class="content_title1">昨日活跃</div>
                <div class="content_end1">0/
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                  <countTo :start-val="0" :end-val="21" :duration="3000" />
                </div>
              </div>
              <div id="barTop08" class="barTop" style="width: 92%;" />
@@ -123,9 +123,11 @@

<script>
import { bar01, barTop, line01, loadEcharts } from '@/utils/myEcharts'
import countTo from 'vue-count-to'

export default {
  name: 'Index',
  components: { countTo },
  data() {
    return {
      isIpad: false,