1.某某车间看板 100%

loulijun2021

2023-11-07 a70afa9930bd226ff91d62652e35b9cddafb43be

 src/views/kanbanManager/zhkb.vue

@@ -27,7 +27,10 @@
              <svg-icon icon-class="cxjg" class="svg_class" />
              生产订单(当月)
            </div>
            <div class="lineContent horn" style="height: 450px;display: flex;flex-direction: column;justify-content: space-between">
            <div
              class="lineContent horn"
              style="height: 450px;display: flex;flex-direction: column;justify-content: space-between"
            >
              <div style="height: 180px;padding: 10px;display: flex;justify-content: space-between">

                <div v-for="i in LeftTopData01" :key="i.wkshp_code" class="flex_c_s">
@@ -55,7 +58,10 @@
              <svg-icon icon-class="cggz" class="svg_class" />
              销售订单(月/季)
            </div>
            <div class="lineContent horn" style="height: 450px;display: flex;flex-direction: column;justify-content: space-between">
            <div
              class="lineContent horn"
              style="height: 450px;display: flex;flex-direction: column;justify-content: space-between"
            >
              <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">
@@ -129,15 +135,10 @@
import {
  WorkShopCompreLeftTop,
  WorkShopCompreRightBottom,
  WorkShopCompreRightTop, WorkShopProduceBottomLeftData,
  WorkShopProduceBottomRightData
  WorkShopCompreRightTop,
  WorkShopProduceBottomLeftData
} from '@/api/kanbanManager'
import { PrentOrganizationNoCompany } from '@/api/GeneralBasicData'
// import {
//   QCBadCenterLeftWeek,
//   ShopSearch, WorkShopCompreLeftTop, WorkShopCompreRightBottom, WorkShopCompreRightTop
//
// } from '@/api/kanbanManager'

export default {
  name: 'Cjsc',
@@ -412,21 +413,23 @@
  background-color: transparent;
}

.all_block01{
  width:237px;
.all_block01 {
  width: 237px;
  height: 180px;
}
.all_block02{

.all_block02 {
  width: 100%;
  height: 49px;
  background: rgba(9, 216, 242, 0.1);
}

.all_block03{
  width:199px;
.all_block03 {
  width: 199px;
  height: 180px;
}
.all_block04{

.all_block04 {
  width: 100%;
  height: 49px;
  background: rgba(9, 216, 242, 0.1);
@@ -458,16 +461,19 @@
  animation: upDown 3s ease-in-out infinite;
  left: 60px;
}
.all_block06{

.all_block06 {
  position: absolute;
  animation: upDown2 3s ease-in-out infinite;
  left: 290px;
}
.all_block07{

.all_block07 {
  position: absolute;
  animation: upDown 3s ease-in-out infinite;
  left: 520px;
}

@keyframes upDown {
  0% {
    top: 50px;
@@ -479,6 +485,7 @@
    top: 50px;
  }
}

@keyframes upDown2 {
  0% {
    top: 100px;