小小儁爺
2024-07-09 eb5aca176bf68e13be87c98eb1ead8aa72adee28
src/views/kanbanManager/zhkb.vue
@@ -22,7 +22,7 @@
      >
        <!--        上边-->
        <div style="display: flex;justify-content: space-between">
          <div style="width: 1000px;">
          <div style="width: 1150px;">
            <div class="smallTitle">
              <svg-icon icon-class="cxjg" class="svg_class" />
              生产订单(当月)
@@ -33,7 +33,7 @@
            >
              <div style="height: 180px;padding: 10px;display: flex;justify-content: space-around">
                <div v-for="i in LeftTopData01" :key="i.wkshp_code" class="flex_c_s">
                  <div class="all_block01 flex_c_s" style="width: 317px;">
                  <div class="all_block01 flex_c_s" style="width: 135px;">
                    <div class="flex_c_c all_block02">{{ i.wkshp_name }}</div>
                    <div class="" style="display: flex;justify-content:space-between">
                      <div class="all_block02 flex_c_c" style="width: 49% ">任务数</div>
@@ -52,7 +52,7 @@
              </div>
            </div>
          </div>
          <div style="width: 850px;">
          <div style="width: 700px;">
            <div class="smallTitle">
              <svg-icon icon-class="cggz" class="svg_class" />
              销售订单(月/季)
@@ -64,7 +64,7 @@
              <div style="height: 180px;padding: 10px;display: flex;justify-content: space-between">
                <div v-for="i in RightTopData01" :key="i.Quarter" class="flex_c_s">
                  <div class="all_block03 flex_c_s">
                  <div class="all_block03 flex_c_s" style="width: 165px;">
                    <div class="flex_c_c all_block04">{{ i.Quarter }}</div>
                    <div class="" style="display: flex;justify-content:space-between">
                      <div class="all_block04 flex_c_c" style="width: 49% ">任务数</div>
@@ -86,7 +86,7 @@
        </div>
        <!--        下边-->
        <div style="display: flex;justify-content: space-between;margin-top: 15px;">
          <div style="width: 1000px;">
          <div style="width: 1150px;">
            <div class="smallTitle">
              <svg-icon icon-class="blcs" class="svg_class" />
              质量不良(近一周)
@@ -96,7 +96,7 @@
            </div>
          </div>
          <div style="width: 850px;">
          <div style="width: 700px;">
            <div class="smallTitle">
              <svg-icon icon-class="ckkc" class="svg_class" />
              仓库库存
@@ -175,8 +175,8 @@
      const res = await PrentOrganizationNoCompany()
      this.wkshopArr = res.data
      const temp = ['00301', '00302', '00303']
      const temp = ['501', '502', '503', '508', '504', '505', '506', '507']
      // const temp = ['0103', '006', '01', 'qw', '0104', 'CJ001', 'LD001', 'ZP001']
      temp.forEach(i => {
        const aa = this.wkshopArr.find(j => j.torg_code === i).torg_name
        this.legendData.push(aa)
@@ -198,6 +198,9 @@
          this.LeftTopData01.push(data)
        }
      }
      const t = this.LeftTopData01[ this.LeftTopData01.length - 1]
      this.LeftTopData01.splice(7, 1)
      this.LeftTopData01.splice(3, 0, t)
      for (const res2Key in res2.data.LeftBottom) {
        const data = {
          quantity: 0,
@@ -212,6 +215,9 @@
          this.LeftTopData02.push(data)
        }
      }
      const t1 = this.LeftTopData02[ this.LeftTopData02.length - 1]
      this.LeftTopData02.splice(7, 1)
      this.LeftTopData02.splice(3, 0, t1)
      loadEcharts('all01', all01(this.legendData, this.LeftTopData02))
      setInterval(() => {
@@ -233,6 +239,9 @@
              this.LeftTopData01.push(data)
            }
          }
          const t = this.LeftTopData01[ this.LeftTopData01.length - 1]
          this.LeftTopData01.splice(7, 1)
          this.LeftTopData01.splice(3, 0, t)
          for (const res2Key in res2.data.LeftBottom) {
            const data = {
              quantity: 0,
@@ -247,6 +256,9 @@
              this.LeftTopData02.push(data)
            }
          }
          const t1 = this.LeftTopData02[ this.LeftTopData02.length - 1]
          this.LeftTopData02.splice(7, 1)
          this.LeftTopData02.splice(3, 0, t1)
          loadEcharts('all01', all01(this.legendData, this.LeftTopData02))
        })
      }, 1000 * 30)
@@ -458,19 +470,19 @@
.all_block05 {
  position: absolute;
  animation: upDown 3s ease-in-out infinite;
  left: 60px;
  left: -20px;
}
.all_block06 {
  position: absolute;
  animation: upDown2 3s ease-in-out infinite;
  left: 290px;
  left: 220px;
}
.all_block07 {
  position: absolute;
  animation: upDown 3s ease-in-out infinite;
  left: 520px;
  left: 460px;
}
@keyframes upDown {