| src/views/jcsz/yhqd.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/kb/zhkb.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/scgl/gd.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/views/jcsz/yhqd.vue
@@ -141,6 +141,7 @@ prop="org_name" label="所属组织" min-width="110" show-tooltip-when-overflow sortable="custom" > <template slot-scope="{row}"> src/views/kb/zhkb.vue
@@ -332,6 +332,7 @@ leftTopData: [], tableData: [], tableDataTemp: [], tableDataRank: [], lineCodeArr: [], @@ -408,7 +409,6 @@ await this.getEcharts() await this.getTableDataRoll() await this.getTableDataRankRoll() await this.getMarqueeTipsContent() await this.getMarqueeTipsContent() }, // 获取公告 @@ -489,31 +489,54 @@ // 产线加工任务 getTableDataRoll() { LineSearchBottomLeftData({ shopcode: this.ShopArr.join(',') }).then(res => { this.tableData = res.data this.number2 = this.tableData.length let startValue = 0 // 初始值 const scale = 10// 刻度 const divData = this.$refs.tableData.bodyWrapper // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(此配置为每100毫秒移动1像素) this.TableDataRollTask = setInterval(() => { // 元素自增距离顶部1像素 divData.scrollTop += 1 // divData.scrollTop += divData.scrollHeight / this.tableData.length // 判断元素是否滚动到底部(可视高度+距离顶部=整个高度) if (divData.clientHeight + divData.scrollTop === divData.scrollHeight) { // 重置table距离顶部距离 divData.scrollTop = 0 LineSearchBottomLeftData({ shopcode: this.ShopArr.join(',') }).then(res => { this.tableData = res.data this.number2 = this.tableData.length if (this.tableData.length > 10) { this.tableDataTemp = res.data this.number2 = res.data.length this.tableData = this.tableDataTemp.slice(startValue, startValue + scale) const loop = Math.floor(this.tableDataTemp.length / scale)// 需要循环的次数 let nowLoop = 0// 当前循环的次数 this.TableDataRollTask = setInterval(() => { startValue = startValue + scale this.tableData = this.tableDataTemp.slice(startValue, startValue + scale) if (nowLoop === loop) { clearInterval(this.TableDataRollTask) this.getTableDataRoll() } nowLoop++ }, 1000 * 10) }) } }, this.tableData.length <= 10 ? 1000 * 3 : 100) }) // LineSearchBottomLeftData({ shopcode: this.ShopArr.join(',') }).then(res => { // this.tableData = res.data // this.number2 = this.tableData.length // // const divData = this.$refs.tableData.bodyWrapper // // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(此配置为每100毫秒移动1像素) // this.TableDataRollTask = setInterval(() => { // // 元素自增距离顶部1像素 // divData.scrollTop += 1 // // divData.scrollTop += divData.scrollHeight / this.tableData.length // // 判断元素是否滚动到底部(可视高度+距离顶部=整个高度) // if (divData.clientHeight + divData.scrollTop === divData.scrollHeight) { // // 重置table距离顶部距离 // 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(this.TableDataRollTask) // this.getTableDataRoll() // } // }) // } // }, this.tableData.length <= 10 ? 1000 * 3 : 100) // }) }, // 当日完工产品数量排行 getTableDataRankRoll() { src/views/scgl/gd.vue
@@ -231,6 +231,7 @@ label="生产车间" sortable="custom" width="120" show-tooltip-when-overflow > <template slot-scope="{row}"> <div v-if="row.wkshp_name">{{ row.wkshp_name }}</div> @@ -1211,18 +1212,15 @@ /> </el-table> <!-- <div v-if="formApprove.m_po" style="display: flex;margin-top: 20px;align-content: center;height: 130px;line-height: 130px;">--> <!-- <div style="font-size: 18px;font-weight: bolder">源单单号：</div>--> <!-- <div id="qrCodeSource" ref="qrCodeSource" style="width: 130px;height: 130px;overflow: hidden" />--> <!-- </div>--> <div v-if="formApprove.m_po" style="display: flex;margin-top: 20px;align-content: center;height: 130px;line-height: 130px;"> <div style="font-size: 18px;font-weight: bolder">源单单号：</div> <div id="qrCodeSource" ref="qrCodeSource" style="width: 130px;height: 130px;overflow: hidden"/> </div> <div v-if="formApprove.m_po" style="margin-top: 5px;"> <!-- <svg-icon icon-class="UP" style="color:#000;margin-left: 130px;font-size: 50px;background-color: #FFFFFF"></svg-icon>--> <img src="../../assets/images/UP.png" alt="" style="margin-left: 107px;"> <div style="font-size: 18px;font-weight: bolder;">根据单号扫码入库，用PDA扫描此二维码</div> </div> <!-- <div v-if="formApprove.m_po" style="margin-top: 5px;">--> <!-- <img src="../../assets/images/UP.png" alt="" style="margin-left: 107px;">--> <!-- <div style="font-size: 18px;font-weight: bolder;">根据单号扫码入库，用PDA扫描此二维码</div>--> <!-- </div>--> </div> <span slot="footer" class="dialog-footer"> @@ -1277,7 +1275,9 @@ style="display: flex;height: 96px;border-bottom:1px solid #000; justify-content: center;align-items: center;position: relative" > <div id="qrCode2" ref="qrCodeDiv2" <div id="qrCode2" ref="qrCodeDiv2" style="overflow-y: hidden;height:60px;position: absolute;left: 14px;" /> </div> @@ -1336,7 +1336,9 @@ style="display: flex;height: 96px;border-bottom:1px solid #000; justify-content: center;align-items: center;position: relative" > <div id="qrCode2" ref="qrCodeDiv2" <div id="qrCode2" ref="qrCodeDiv2" style="overflow-y: hidden;height:60px;position: absolute;left: 14px;" /> </div> @@ -1395,7 +1397,9 @@ style="display: flex;height: 60px;border-bottom:1px solid #000; justify-content: center;align-items: center;position: relative" > <div id="qrCode2" ref="qrCodeDiv2" <div id="qrCode2" ref="qrCodeDiv2" style="overflow-y: hidden;height:60px;position: absolute;left: 14px;" /> </div>
