| | |
| | | > |
| | | <!-- 上边--> |
| | | <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" /> |
| | | 生产订单(当月) |
| | |
| | | > |
| | | <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> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div style="width: 850px;"> |
| | | <div style="width: 700px;"> |
| | | <div class="smallTitle"> |
| | | <svg-icon icon-class="cggz" class="svg_class" /> |
| | | 销售订单(月/季) |
| | |
| | | <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> |
| | |
| | | </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" /> |
| | | 质量不良(近一周) |
| | |
| | | |
| | | </div> |
| | | </div> |
| | | <div style="width: 850px;"> |
| | | <div style="width: 700px;"> |
| | | <div class="smallTitle"> |
| | | <svg-icon icon-class="ckkc" class="svg_class" /> |
| | | 仓库库存 |
| | |
| | | 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) |
| | |
| | | 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, |
| | |
| | | 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, |
| | |
| | | .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 { |