1.综合看板 100%

loulijun2021

2023-11-07 f1b409d09a1047ab786c5e4911cf99412e179a31

1.综合看板  100%

 src/api/kanbanManager.js

@@ -1,124 +1,55 @@
import request from '@/utils/request'

// å¤§å²›è½¦é—´ç»¼åˆçœ‹æ¿,获取生产车间
export function ShopSearch() {
// è½¦é—´çœ‹æ¿,上生产信息
export function WorkShopProduceTopData(data) {
  return request({
    url: 'KanBanManagerent/ShopSearch',
    method: 'get'
  })
}
// å¤§å²›è½¦é—´ç»¼åˆçœ‹æ¿,左上产线加工任务接口
export function LineSearchTopLeftData(data) {
  return request({
    url: 'KanBanManagerent/LineSearchTopLeftData',
    method: 'post',
    params: data
  })
}

// å¤§å²›è½¦é—´ç»¼åˆçœ‹æ¿,生产车间查找产线接口
export function ShopSearchLine(data) {
  return request({
    url: 'KanBanManagerent/ShopSearchLine',
    url: 'KanBanManagerent/WorkShopProduceTopData',
    method: 'get',
    params: data
  })
}

// // å¤§å²›è½¦é—´ç»¼åˆçœ‹æ¿,左上产线加工任务接口
// export function LineSearchTopLeftData(data) {
//   return request({
//     url: 'KanBanManagerent/LineSearchTopLeftData',
//     method: 'post',
//     data
//   })
// }

// å¤§å²›è½¦é—´ç»¼åˆçœ‹æ¿,左下列表接口
export function LineSearchBottomLeftData(data) {
// è½¦é—´çœ‹æ¿,下左近一周不良趋势
export function WorkShopProduceBottomLeftData(data) {
  return request({
    url: 'KanBanManagerent/LineSearchBottomLeftData',
    url: 'KanBanManagerent/WorkShopProduceBottomLeftData',
    method: 'get',
    params: data
  })
}

// å¤§å²›è½¦é—´ç»¼åˆçœ‹æ¿,右上top排行接口
export function LineSearchTopRightData(data) {
// è½¦é—´çœ‹æ¿,下右近一月不良统计
export function WorkShopProduceBottomRightData(data) {
  return request({
    url: 'KanBanManagerent/LineSearchTopRightData',
    url: 'KanBanManagerent/WorkShopProduceBottomRightData',
    method: 'get',
    params: data
  })
}

// å¤§å²›è½¦é—´ç»¼åˆçœ‹æ¿,右下top排行接口
export function LineSearchBottomRightData(data) {
// è½¦é—´ç»¼åˆçœ‹æ¿,左上生产订单
export function WorkShopCompreLeftTop(data) {
  return request({
    url: 'KanBanManagerent/LineSearchBottomRightData',
    url: 'KanBanManagerent/WorkShopCompreLeftTop',
    method: 'get',
    params: data
  })
}

// é‡‡è´­è®¢å•è·Ÿè¸ªç®¡ç†çœ‹æ¿,左上本月采购订单数、本月采购进货单数、本月采购入库单数
export function PurchaseLeftTop() {
// è½¦é—´ç»¼åˆçœ‹æ¿,右上销售订单
export function WorkShopCompreRightTop(data) {
  return request({
    url: 'KanBanManagerent/PurchaseLeftTop',
    method: 'get'
    url: 'KanBanManagerent/WorkShopCompreRightTop',
    method: 'get',
    params: data
  })
}

// é‡‡è´­è®¢å•è·Ÿè¸ªç®¡ç†çœ‹æ¿,左下采购订单跟踪列表
export function PurchaseLeftBottom() {
// è½¦é—´ç»¼åˆçœ‹æ¿,右下库存
export function WorkShopCompreRightBottom(data) {
  return request({
    url: 'KanBanManagerent/PurchaseLeftBottom',
    method: 'get'
  })
}

// é‡‡è´­è®¢å•è·Ÿè¸ªç®¡ç†çœ‹æ¿,右侧Top
export function PurchaseRight() {
  return request({
    url: 'KanBanManagerent/PurchaseRight',
    method: 'get'
  })
}

// å¤§å²›ä»“库看板,左上产品待入库列表
export function WareHouseTopLeftData() {
  return request({
    url: 'KanBanManagerent/WareHouseTopLeftData',
    method: 'get'
  })
}

// å¤§å²›ä»“库看板,左下产品待入库列表
export function WareHouseTopBottomData() {
  return request({
    url: 'KanBanManagerent/WareHouseTopBottomData',
    method: 'get'
  })
}
// å¤§å²›ä»“库看板,右上成品库、半成品库top5库存排行
export function WareHouseRightTopData() {
  return request({
    url: 'KanBanManagerent/WareHouseRightTopData',
    method: 'get'
  })
}
// å¤§å²›ä»“库看板,右下原料库库top5库存排行
export function WareHouseRightBottomData() {
  return request({
    url: 'KanBanManagerent/WareHouseRightBottomData',
    method: 'get'
  })
}
// è½¦é—´çœ‹æ¿å…¬å‘Š
export function WkspReportNotice(data) {
  return request({
    url: 'KanBanManagerent/WkspReportNotice',
    method: 'post',
    url: 'KanBanManagerent/WorkShopCompreRightBottom',
    method: 'get',
    params: data
  })
}

 src/icons/svg/blcs.svg

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1694480164779" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5197" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M517.2 878l-69.7-38.1-30.6-16.7-30.6 16.7-86.9 47.3-86.7-47.3-30.6-16.7-30.6 16.7-22.6 12.3V160c0-17.7 14.3-32 32-32h511.6c17.7 0 32 14.3 32 32v381c0 17.7 14.3 32 32 32s32-14.3 32-32V128c0-35.3-26.2-64-58.6-64H123.4C91 64 64.7 92.7 64.7 128v832L182 896l117.3 64 117.5-64 69.7 38.1c21.3 11.7 47.3-3.8 47.3-28.1 0-11.7-6.4-22.4-16.6-28z" p-id="5198" fill="#00ffff"></path><path d="M639.5 926.9c0 17.7 14.3 32 32 32s32-14.3 32-32V672.1c0-17.7-14.3-32-32-32s-32 14.3-32 32v254.8zM799.3 736.1c-17.7 0-32 14.3-32 32v158.8c0 17.7 14.3 32 32 32s32-14.3 32-32V768.1c0-17.7-14.4-32-32-32zM927.3 799.1c-17.7 0-32 14.3-32 32v95.8c0 17.7 14.3 32 32 32s32-14.3 32-32v-95.8c0-17.7-14.4-32-32-32z" p-id="5199" fill="#00ffff" data-spm-anchor-id="a313x.search_index.0.i3.d8a93a81BG5nd3" class="selected"></path><path d="M544.6 572h-256c-17.7 0-32 14.3-32 32s14.3 32 32 32h256c17.7 0 32-14.3 32-32s-14.3-32-32-32zM303.4 493.1c12.5 12.5 32.8 12.5 45.3 0l67.9-67.9 67.9 67.9c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-68-67.8 67.9-67.9c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-67.9 67.9-67.9-67.9c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l67.9 67.9-67.9 67.9c-12.3 12.5-12.3 32.7 0.1 45.2z" p-id="5200" fill="#00ffff"></path></svg>

 src/icons/svg/ckkc.svg

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1694592951293" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7561" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M640 725.333333v-128h128v128h85.333333v128h-128v-128h-42.666666v128h-128v-128h85.333333z m213.333333-128h-85.333333v-51.2l-256-256-256 256V768h256v85.333333H170.666667v-298.666666H128l384-384 384 384h-42.666667v42.666666z" fill="#00ffff" p-id="7562"></path></svg>

 src/utils/myEcharts.js

@@ -2308,7 +2308,7 @@
    // tooltip: {},
    title: {
      show: show,
      text: '各车间当月不良趋势',
      text: '各车间不良趋势',
      left: '50%',
      top: '3%',
      textAlign: 'center',
@@ -2322,8 +2322,8 @@
    grid: {
      left: '2%',
      right: '2%',
      bottom: '20%',
      top: '15%',
      bottom: '15%',
      top: '20%',
      containLabel: true
    },
    legend: {
@@ -2505,9 +2505,9 @@
        symbolSize: 6,
        lineStyle: {
          normal: {
            color: '#ffe000' // çº¿æ¡é¢œè‰²
            color: '#ffa800' // çº¿æ¡é¢œè‰²
          },
          borderColor: '#ffe000'
          borderColor: '#ffa800'
        },
        label: {
          show: true,
@@ -2519,7 +2519,7 @@
        },
        itemStyle: {
          normal: {
            color: '#ffe000'
            color: '#ffa800'
          }
        },
        tooltip: {
@@ -2553,9 +2553,9 @@
        symbolSize: 6,
        lineStyle: {
          normal: {
            color: '#ffa800' // çº¿æ¡é¢œè‰²
            color: '#ffee00' // çº¿æ¡é¢œè‰²
          },
          borderColor: '#ffa800'
          borderColor: '#ffee00'
        },
        label: {
          show: true,
@@ -2567,7 +2567,7 @@
        },
        itemStyle: {
          normal: {
            color: '#ffa800'
            color: '#ffee00'
          }
        },
        tooltip: {

 src/views/kanbanManager/kbCommon.css

@@ -34,7 +34,7 @@
  font-weight: bolder;
}

.kb_title_text{
.kb_title_text {
  font-weight: bolder;
  font-size: 24px;
}
@@ -67,7 +67,7 @@
.flex_c_c {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.flex_c_s {
@@ -76,6 +76,7 @@
  justify-content: space-evenly;
  /*align-content: center;*/
}

.flex_c_b {
  display: flex;
  flex-direction: column;
@@ -106,6 +107,7 @@
.kb_mt10 {
  margin-top: 10px;
}

/*公告样式*/
.MarqueeTipsContentClass {
  color: #00ffff;
@@ -115,7 +117,7 @@
  font-size: 32px;
  z-index: 2;
  position: absolute;
  top:80px;
  top: 80px;
}

/*
@@ -131,7 +133,7 @@
/*scrollbar END*/


.smallTitle{
.smallTitle {
  height: 35px;
  display: flex;
  color: #00ffff;
@@ -139,11 +141,10 @@
  /*align-content: flex-start;*/
}

.svg_class{
.svg_class {
  margin-right: 10px;
  font-size: 28px;
}



.lineContent {

 src/views/kanbanManager/zhkb.vue

@@ -45,7 +45,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>
@@ -84,7 +84,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,6 +126,13 @@
<script>
import './kbCommon.css'
import { loadEcharts, all01, all02, cjzl03 } from '@/utils/myEcharts'
import {
  WorkShopCompreLeftTop,
  WorkShopCompreRightBottom,
  WorkShopCompreRightTop, WorkShopProduceBottomLeftData,
  WorkShopProduceBottomRightData
} from '@/api/kanbanManager'
import { PrentOrganizationNoCompany } from '@/api/GeneralBasicData'
// import {
//   QCBadCenterLeftWeek,
//   ShopSearch, WorkShopCompreLeftTop, WorkShopCompreRightBottom, WorkShopCompreRightTop
@@ -161,19 +168,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 +194,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 +208,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 +229,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 +243,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 +289,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 +299,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)
@@ -405,7 +413,7 @@
}

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