控制轮询

ZZJ

2022-07-15 a3f357e8a60443b74b64c7479113c68eb35ce1f5

 src/pages/cameraAccess/components/SystemInfo.vue

@@ -2,21 +2,21 @@
  <div :class="showClass">
    <div class="card-box">
      <ul>
        <li style="max-width:30px;" v-if="ShowLocalVedio">
        <li style="max-width: 30px" v-if="ShowLocalVedio">
          <div class="total-box">
            <div style="width:100%;margin-top:28px;">
            <div style="width: 100%; margin-top: 28px">
              <div class="top-text">
                <em>{{"总算力"}}</em>
                <em>{{ "总算力" }}</em>
              </div>
              <div class="mid-text">
                <em>{{` ${PollData.channelTotal}`}}</em>
                <em>{{ ` ${PollData.channelTotal}` }}</em>
              </div>
            </div>
          </div>
        </li>
        <li style="max-width:120px" v-if="showRealPoll">
        <li style="max-width: 120px" v-if="showRealPoll">
          <DataStackCard
            style="width:95%"
            style="width: 95%"
            title="实时算力"
            fourTip="故障导致未处理"
            fourIcon="iconicon-test21"
@@ -27,12 +27,15 @@
            :NoDeal="`${PollData.RealTimeNoDeal}路`"
          />
        </li>
        <li style="max-width:120px" v-if="showRealPoll">
        <li
          style="max-width: 120px"
          v-if="showRealPoll && isShowPolling === 'show'"
        >
          <DataStackCard
            title="轮询算力"
            fourTip="等待轮询处理"
            fourIcon="iconicon-test2"
            style="width:95%"
            style="width: 95%"
            :total="`${PollData.PollValidCount}路`"
            :ValidCount="`${PollData.PollSum}路`"
            :InValidCount="`${PollData.PollInvalid}路`"
@@ -40,7 +43,10 @@
            :NoDeal="`${PollData.PollNoDeal}路`"
          />
        </li>
        <li style="max-width:120px" v-if="ShowLocalVedio">
        <li
          style="max-width: 120px"
          v-if="ShowLocalVedio && isShowPolling === 'show'"
        >
          <!-- <local-vedio-card
            title="本地算力"
            style="width:95%"
@@ -50,7 +56,7 @@
          />-->
          <DataStackCard
            title="数据栈算力"
            style="width:95%"
            style="width: 95%"
            fourTip="未知原因导致未处理"
            fourIcon="iconicon-test5"
            :total="`${PollData.stackChannelCount}路`"
@@ -75,18 +81,25 @@
        </li> 
      </ul>
    </div>-->
    <div class="eCharts-box" :style="`width:${liquidWidth}`" v-if="PollData.barCharts.length>0">
      <eChartsBar ref="cpuMeneryCharts" :xAxisData="PollData.barCharts"></eChartsBar>
    <div
      class="eCharts-box"
      :style="`width:${liquidWidth}`"
      v-if="PollData.barCharts.length > 0"
    >
      <eChartsBar
        ref="cpuMeneryCharts"
        :xAxisData="PollData.barCharts"
      ></eChartsBar>
    </div>
  </div>
</template>

<script>
import DataStackCard from "@/components/subComponents/DataStackCard"
import BoardCard from "@/components/subComponents/BoardCard"
import LocalVedioCard from "@/components/subComponents/LocalVedioCard"
import LiquidFillChart from "@/components/subComponents/chartLiquid"
import eChartsBar from '@/components/subComponents/eChartsBar'
import DataStackCard from "@/components/subComponents/DataStackCard";
import BoardCard from "@/components/subComponents/BoardCard";
import LocalVedioCard from "@/components/subComponents/LocalVedioCard";
import LiquidFillChart from "@/components/subComponents/chartLiquid";
import eChartsBar from "@/components/subComponents/eChartsBar";

export default {
  name: "SystemInfo",
@@ -97,42 +110,50 @@
  props: {
    showTask: {
      type: Boolean,
      default: false
      default: false,
    },
    showClass: {
      type: String,
      default: 'sysinfo-box flex-box'
      default: "sysinfo-box flex-box",
    },
    ShowLocalVedio: {
      type: Boolean,
      default: false
      default: false,
    },
    showRealPoll: {
      type: Boolean,
      default: true
      default: true,
    },
    marginTop: {
      type: String,
      default: 'ma'
      default: "ma",
    },
    borderWidth: {
      type: String,
      default: '70%'
      default: "70%",
    },
    liquidWidth: {
      type: String,
      default: '30%'
    }
      default: "30%",
    },
  },
  data() {
    return {
      isShowPolling: sessionStorage.getItem("isShowPolling"),
    };
  },
  methods: {
    initCpuCharts() {
      this.$forceUpdate();
    }
    },
  },
  mounted() {
    console.log('PollData.RealTimeValidCount', this.PollData.RealTimeValidCount)
  }
}
    console.log(
      "PollData.RealTimeValidCount",
      this.PollData.RealTimeValidCount
    );
  },
};
</script>
<style lang="scss">
.sysinfo-box {