| | |
| | | |
| | | <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"> |
| | |
| | | <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 style="height: 180px;padding: 10px;display: flex;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-around"> |
| | | <div v-for="i in LeftTopData01" :key="i.wkshp_code" class="flex_c_s"> |
| | | <div class="all_block01 flex_c_s"> |
| | | <div class="flex_c_c all_block02">{{ i.wkshp_name }}</div> |
| | |
| | | <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"> |
| | |
| | | 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', |
| | |
| | | const res = await PrentOrganizationNoCompany() |
| | | this.wkshopArr = res.data |
| | | |
| | | const temp = ['CJ001', '006', 'LD001', 'ZP001'] |
| | | const temp = ['00401', '00402', '00501'] |
| | | |
| | | temp.forEach(i => { |
| | | const aa = this.wkshopArr.find(j => j.torg_code === i).torg_name |
| | |
| | | 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); |
| | |
| | | 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; |
| | |
| | | top: 50px; |
| | | } |
| | | } |
| | | |
| | | @keyframes upDown2 { |
| | | 0% { |
| | | top: 100px; |