liuying
2024-10-16 9fd3f7927d22e5f161b4a6e8b50717cc55b040c4
整改细节
已修改5个文件
41 ■■■■ 文件已修改
yiqi_screen/src/components/Content.vue 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
yiqi_screen/src/components/EquipmentRunStatus.vue 13 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
yiqi_screen/src/components/ProdlineHealthy.vue 5 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
yiqi_screen/src/components/ProductionStatistics.vue 12 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
yiqi_screen/src/components/QualityDataTrends.vue 7 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
yiqi_screen/src/components/Content.vue
@@ -101,10 +101,14 @@
        </div>
        <div class="echarts-box border_right1">
          <div class="echarts-title">本班/本月产量统计</div>
          <ProductionStatistics :produceStatisData="produceStatisData" />
          <div class="pie-label-left">
          <!-- 当前班组实际生产数量 -->
            {{ produceStatisData.currentShiftProduceNum }}
            <span v-if="produceStatisData.currentShiftPlanNum||produceStatisData.currentShiftPlanNum==0">/</span>
            <!-- 当前班组计划生产数量 -->
            {{
              produceStatisData.currentShiftPlanNum
            }}
yiqi_screen/src/components/EquipmentRunStatus.vue
@@ -68,8 +68,9 @@
        orient: "vertical",
        top: "25%",
        right: "5%",
        // itemGap: 20,
        itemGap: 2, //块之间的间距
        itemHeight: 5,
        itemWidth: 5, // 设置图例项的宽度
        data: ["生产", "完成", "待机", "警告", "故障"],
        textStyle: {
          color: "#fff",
@@ -83,8 +84,10 @@
      series: [
        {
          type: "pie",
          radius: ["25%", "40%"],
          center: ["38%", "50%"],
          // radius: ["20%", "30%"],
          // center: ["33%", "50%"],
          radius: ["20%", "30%"],
          center: ["33%", "50%"],
          avoidLabelOverlap: false,
          // left: "-30%",
          // top: "10%",
@@ -190,4 +193,8 @@
  /* height:5.2rem; */
  transform: scaleY(2);
}
.box-container{
  position: relative;
  /* border: 1px solid red; */
}
</style>
yiqi_screen/src/components/ProdlineHealthy.vue
@@ -17,11 +17,12 @@
    this.option = {
      legend: {
        orient: "vertical",
        bottom: '12%',
        bottom: '10%',
        right: '6%',
        textStyle:{
            color:'#fff'
        },
        itemWidth: 5, // 设置图例项的宽度
        data: [
        {
            name: "实际",
@@ -40,7 +41,7 @@
      },
      radar: {
        center:['43%','55%'],
        radius:'70%',
        radius:'65%',
        indicator: [
          { name: "人", max: 100, color: "#fff" },
          { name: "环", max: 100, color: "#fff" },
yiqi_screen/src/components/ProductionStatistics.vue
@@ -26,7 +26,13 @@
          { value: val.currentMonthProduceNum },
          { value: val.currentMonthPlanNum - val.currentMonthProduceNum },
        ]);
        // 当前班组实际生产数量 currentShiftProduceNum
        // 当前班组计划生产数量 currentShiftPlanNum
        this.$set(this.option.series[0], "data", [
        // { value: 1 },  //实际生产数量 1/ (9+1) = 10%
        // { value: 9 },
          { value: val.currentShiftProduceNum },
          { value: val.currentShiftPlanNum - val.currentShiftProduceNum },
        ]);
@@ -53,11 +59,11 @@
            fontSize: 12,
          },
          emphasis: {
          emphasis: { //饼图中间的字体大小
            scale: false,
            label: {
              show: true,
              fontSize: 24,
              fontSize: 14,
              fontWeight: "normal",
            },
          },
@@ -93,7 +99,7 @@
            scale: false,
            label: {
              show: true,
              fontSize: 24,
              fontSize: 14, //饼图中间的字体大小
              fontWeight: "normal",
            },
          },
yiqi_screen/src/components/QualityDataTrends.vue
@@ -1,5 +1,5 @@
<template>
    <div class="box-container" style="height: 1.52rem" id="echarts3"></div>
    <div class="box-container echarts3Box" style="height: 1.52rem" id="echarts3"></div>
</template>
      
      <script>
@@ -21,8 +21,8 @@
        data: [],
      },
      grid: {
        left: 13,
        right: 13,
        left: 33,
        right: 33,
        top: 20,
        bottom:5,
      },
@@ -141,4 +141,5 @@
</script>
      
      <style>
</style>