小小儁爺
2024-07-05 b10b7b2e7d387d95391d9254b899551f8ecf4c60
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 = ['501', '502', '503', '504', '505', '506', '507']
      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,
@@ -233,6 +236,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,
@@ -458,19 +464,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 {