| | |
| | | <div class="kb_left_top_title01 kb_title_text"> |
| | | <!-- <div class="PG01" />--> |
| | | <!-- <svg-icon icon-class="sccx" />--> |
| | | 产线加工中任务 |
| | | 产线加工中任务 <div style="margin-left: 30px">{{ number1 }} 单</div> |
| | | </div> |
| | | |
| | | <div class="kb_left_top kb_pd10"> |
| | |
| | | <!-- 2--> |
| | | <div class="kb_left_bottom kb_pd10"> |
| | | <div class="kb_left_bottom_content"> |
| | | <div class="content_head kb_title_text">产线加工任务</div> |
| | | <div class="content_head kb_title_text">产线加工任务 <div style="margin-left: 30px">{{ number2 }} 单</div></div> |
| | | <div class="content_body"> |
| | | <el-table |
| | | ref="tableData" |
| | |
| | | LineSearchBottomLeftData, |
| | | LineSearchBottomRightData, |
| | | LineSearchTopLeftData, |
| | | LineSearchTopRightData, ShopSearch, |
| | | ShopSearchLine, WkspReportNotice |
| | | LineSearchTopRightData, ShopSearch, WkspReportNotice |
| | | } from '@/api/dzkb' |
| | | import MarqueeTips from 'vue-marquee-tips' |
| | | |
| | |
| | | lineCodeArr: [], |
| | | |
| | | ShopArr: ['CJ002'], // 车间编码数组 |
| | | |
| | | number1: '', |
| | | number2: '', |
| | | |
| | | MarqueeTipsContent: '', // 公告 |
| | | speed: 100// 公告播放的速度 |
| | |
| | | length = this.lineContent.length |
| | | count = Math.ceil(length / 3) // 需要轮播的组数 3个为一组 |
| | | this.lineContent3 = this.lineContent.slice(0, 3) |
| | | |
| | | this.number1 = this.lineContent.length |
| | | }) |
| | | |
| | | let start = 0 |
| | |
| | | length = this.lineContent.length |
| | | count = Math.ceil(length / 3) // 需要轮播的组数 3个为一组 |
| | | this.lineContent3 = this.lineContent.slice(0, 3) |
| | | |
| | | this.number1 = this.lineContent.length |
| | | }) |
| | | } else if (count === 0) { |
| | | clearInterval(task) |
| | |
| | | getTableDataRoll() { |
| | | LineSearchBottomLeftData({ shopcode: this.ShopArr.join(',') }).then(res => { |
| | | this.tableData = res.data |
| | | this.number2 = this.tableData.length |
| | | |
| | | const divData = this.$refs.tableData.bodyWrapper |
| | | // 拿到元素后,对元素进行定时增加距离顶部距离,实现滚动效果(此配置为每100毫秒移动1像素) |
| | |
| | | divData.scrollTop = 0 |
| | | LineSearchBottomLeftData({ shopcode: this.ShopArr.join(',') }).then(res => { |
| | | this.tableData = res.data |
| | | this.number2 = this.tableData.length |
| | | if (this.tableData.length > 10) { |
| | | clearInterval(task) |
| | | this.getTableDataRoll() |
| | |
| | | flex-direction: column; |
| | | |
| | | .content_head { |
| | | display: flex; |
| | | line-height: 20px; |
| | | margin-bottom: 10px; |
| | | margin-top: -10px; |