1.图片预览地址配置

loulijun2021

2024-01-09 844adb3a80b39f9a78dae89a6a27f19e58a931df

 src/views/kanbanManager/zhkb.vue

@@ -6,7 +6,7 @@

      <div class="kb_header">
        <div class="kb_headTime" style="top: 35px;left:  20px">
          <span>浙江巨力工贸有限公司</span>
          <span>永康市巨立防护用品有限公司</span>
        </div>

        <div class="kb_headTime kb_header_text" style="top: 35px;left:  800px">
@@ -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">
@@ -45,7 +48,7 @@
                </div>

              </div>
              <div style="height: 260px;">
              <div style="height: 280px;">
                <div id="all01" class="flex_c_c" style="width: 100%;height:100%;" />
              </div>
            </div>
@@ -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">
@@ -84,7 +90,7 @@
          <div style="width: 1000px;">
            <div class="smallTitle">
              <svg-icon icon-class="blcs" class="svg_class" />
              质量不良
              质量不良(近一周)
            </div>
            <div class="lineContent horn" style="height: 380px;display: flex;justify-content: space-between">
              <div id="cjzl03" class="flex_c_c" style="width: 100%;height:100%" />
@@ -126,11 +132,13 @@
<script>
import './kbCommon.css'
import { loadEcharts, all01, all02, cjzl03 } from '@/utils/myEcharts'
// import {
//   QCBadCenterLeftWeek,
//   ShopSearch, WorkShopCompreLeftTop, WorkShopCompreRightBottom, WorkShopCompreRightTop
//
// } from '@/api/kanbanManager'
import {
  WorkShopCompreLeftTop,
  WorkShopCompreRightBottom,
  WorkShopCompreRightTop,
  WorkShopProduceBottomLeftData
} from '@/api/kanbanManager'
import { PrentOrganizationNoCompany } from '@/api/GeneralBasicData'

export default {
  name: 'Cjsc',
@@ -161,19 +169,20 @@
    }, 1000 * 60 * 120)
  },
  mounted() {
    // this.getAllApi()
    this.getAllApi()
  },
  methods: {
    async getAllApi() {
      const { data: res } = await ShopSearch()
      this.wkshopArr = res
      const temp = this.wkshopArr.map(i => i.org_code)
      // const temp = this.wkshopArr.map(i => i.org_code)
      const res = await PrentOrganizationNoCompany()
      this.wkshopArr = res.data

      const temp = ['CJ001', '006', 'LD001', 'ZP001']

      temp.forEach(i => {
        const aa = this.wkshopArr.find(j => j.org_code === i).org_name
        const aa = this.wkshopArr.find(j => j.torg_code === i).torg_name
        this.legendData.push(aa)
      })

      const res2 = await WorkShopCompreLeftTop({ wkshopcode: temp.join(',') })
      for (const res2Key in res2.data.LeftTop) {
        const data = {
@@ -186,7 +195,7 @@
          data.good_qty = res2.data.LeftTop[res2Key][0].good_qty
          data.plan_qty = res2.data.LeftTop[res2Key][0].plan_qty
          data.wkshp_code = res2.data.LeftTop[res2Key][0].wkshp_code
          data.wkshp_name = this.wkshopArr.find(i => i.org_code === data.wkshp_code).org_name
          data.wkshp_name = this.wkshopArr.find(i => i.torg_code === data.wkshp_code).torg_name
          this.LeftTopData01.push(data)
        }
      }
@@ -200,7 +209,7 @@
          data.quantity = res2.data.LeftBottom[res2Key][0].quantity
          data.plan_qty = res2.data.LeftBottom[res2Key][0].plan_qty
          data.wkshp_code = res2.data.LeftBottom[res2Key][0].wkshp_code
          data.wkshp_name = this.wkshopArr.find(i => i.org_code === data.wkshp_code).org_name
          data.wkshp_name = this.wkshopArr.find(i => i.torg_code === data.wkshp_code).torg_name
          this.LeftTopData02.push(data)
        }
      }
@@ -221,7 +230,7 @@
              data.good_qty = res2.data.LeftTop[res2Key][0].good_qty
              data.plan_qty = res2.data.LeftTop[res2Key][0].plan_qty
              data.wkshp_code = res2.data.LeftTop[res2Key][0].wkshp_code
              data.wkshp_name = this.wkshopArr.find(i => i.org_code === data.wkshp_code).org_name
              data.wkshp_name = this.wkshopArr.find(i => i.torg_code === data.wkshp_code).torg_name
              this.LeftTopData01.push(data)
            }
          }
@@ -235,7 +244,7 @@
              data.quantity = res2.data.LeftBottom[res2Key][0].quantity
              data.plan_qty = res2.data.LeftBottom[res2Key][0].plan_qty
              data.wkshp_code = res2.data.LeftBottom[res2Key][0].wkshp_code
              data.wkshp_name = this.wkshopArr.find(i => i.org_code === data.wkshp_code).org_name
              data.wkshp_name = this.wkshopArr.find(i => i.torg_code === data.wkshp_code).torg_name
              this.LeftTopData02.push(data)
            }
          }
@@ -281,7 +290,7 @@
        })
      }, 1000 * 40)

      const res4 = await QCBadCenterLeftWeek({ wkshopcode: temp.join(',') })
      const res4 = await WorkShopProduceBottomLeftData({ wkshopcode: temp.join(',') })
      this.cjzl03_xData = res4.data[temp[0]].map(i => i.click_date)
      for (const res4Key in res4.data) {
        if (temp.includes(res4Key)) {
@@ -291,7 +300,7 @@
      }
      loadEcharts('cjzl03', cjzl03(this.cjzl03_xData, this.legendData, this.cjzl03_yData, true))
      setInterval(() => {
        QCBadCenterLeftWeek({ wkshopcode: temp.join(',') }).then(res4 => {
        WorkShopProduceBottomLeftData({ wkshopcode: temp.join(',') }).then(res4 => {
          this.cjzl03_yData = []

          this.cjzl03_xData = res4.data[temp[0]].map(i => i.click_date)
@@ -404,21 +413,23 @@
  background-color: transparent;
}

.all_block01{
  width:187px;
.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);
@@ -450,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;
@@ -471,6 +485,7 @@
    top: 50px;
  }
}

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