From 0e64d83bd3f02c0ae875a30ab81ae4d09470b30e Mon Sep 17 00:00:00 2001 From: xiangxy Date: Fri, 14 Apr 2023 15:34:51 +0800 Subject: [PATCH] =?UTF-8?q?scroll=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/management/Chengpin.vue | 94 ++++++++++++++++- src/pages/management/Clean.vue | 169 +++++++++++++++++++++++++++++- 2 files changed, 256 insertions(+), 7 deletions(-) diff --git a/src/pages/management/Chengpin.vue b/src/pages/management/Chengpin.vue index df12580..82eb8f1 100644 --- a/src/pages/management/Chengpin.vue +++ b/src/pages/management/Chengpin.vue @@ -115,7 +115,46 @@
库存列表
-
+
+
+
    +
  • 序号
    • +
  • 货位
    • +
  • 物料
    • +
  • 规格
    • +
  • 数量
    • +
  • 单位
    • +
  • 托盘号
    • +
  • 订单
    • +
  • 客户
    • +
  • 交货日期
    • +
  • 入库时间
    • +
  • 存放时间(h)
    • +
  • 超期时间(h)
    • +
+
+ +
    +
  • +
    {{i + 1}}
    +
    {{e.data1}}
    +
    盘管双斜
    +
    规格1
    +
    15000
    +
    个
    +
    TP0001
    +
    DD00001
    +
    客户1
    +
    03-13
    +
    03-10 08:00:00
    +
    72
    +
    12
    +
    • +
+ +
+
+
@@ -138,8 +177,7 @@ export default { myCharts3: '', myCharts4: '', myCharts5: '', - scollList1: [{time: '2020-1-1', p: '故障故障故障故障故障1'}, {time: '2020-1-1', p: '故障故障故障故障故障2'}, {time: '2020-1-1', p: '故障故障故障故障故障3'}, {time: '2020-1-1', p: '故障故障故障故障故障4'}, {time: '2020-1-1', p: '故障故障故障故障故障5'}, {time: '2020-1-1', p: '故障故障故障故障故障6'}], - arrL2: [{date: '2020-1-1', elbow_qty: '1', comprehensive_qty: '2'}] + scollList2: [{data1: 'GD00001', device_status: '0'}, {data1: 'GD00001', device_status: '1'}, {data1: 'GD00001', device_status: '2'}, {data1: 'GD00001', device_status: '3'}, {data1: 'GD00001', device_status: '2'}, {data1: 'GD00001', device_status: '3'}] } }, computed: { @@ -882,4 +920,54 @@ export default { color #f1c76d margin-right .2rem font-size .16rem +.item_content_3 + height: calc(100% - 0.38rem) + padding 0 + margin-top .06rem + border 0.01rem solid rgba(8,205,248,0.3) +.scroll_tab + _wh(100%, .4rem) + border-bottom .01rem solid rgba(8,205,248,0.3) + li + float left + width 8% + _font(.14rem,.4rem,#78B1DE,,center) + word-wrap break-word + word-break break-all + white-space nowrap + padding 0 .02rem + overflow hidden + box-sizing border-box + &:nth-child(1) + width 4% +.scroll_container + width 100% + height calc(100% - .4rem) + overflow hidden +.scroll-ul_2 + li + _wh(100%, .44rem) + border-bottom .01rem solid rgba(8,205,248,0.3) + &:nth-child(even) + background rgba(1,24,52,0.60) + box-shadow inset 0px 1px 0px 0px rgba(13,89,115,0.3) + .scroll-ul_2_div + float left + _wh(8%, .44rem) + _fj(center) + _font(.14rem, .18rem, #fff,,center) + word-wrap break-word + word-break break-all + white-space nowrap + padding .04rem .02rem + overflow hidden + &:nth-child(1) + width 4% + .scroll_status_wrap + position relative + span + position absolute + left 25% + _wh(7px, 7px) + border-radius 50% diff --git a/src/pages/management/Clean.vue b/src/pages/management/Clean.vue index be86f79..9dcac61 100644 --- a/src/pages/management/Clean.vue +++ b/src/pages/management/Clean.vue @@ -64,13 +64,69 @@
储料槽信息
-
+
+
+
    +
  • 序号
    • +
  • 设备号
    • +
  • 物料
    • +
  • 规格
    • +
  • 库存重量（kg）
    • +
  • 设备状态
    • +
  • 当前任务
    • +
+
+ +
    +
  • +
    {{i + 1}}
    +
    {{e.data1}}
    +
    盘管双斜
    +
    规格1
    +
    1500
    +
    已完成
    +
    SB0001
    +
    • +
+ +
+
+
当天任务列表
-
+
+
+
    +
  • 序号
    • +
  • 任务号
    • +
  • 物料
    • +
  • 规格
    • +
  • 重量（kg）
    • +
  • 状态
    • +
  • 设备号
    • +
  • 完成时间
    • +
+
+ +
    +
  • +
    {{i + 1}}
    +
    {{e.data1}}
    +
    盘管双斜
    +
    规格1
    +
    1500
    +
    已完成
    +
    SB0001
    +
    03-23 09:15
    +
    • +
+ +
+
+
@@ -90,14 +146,28 @@ export default { return { myCharts01: '', myCharts10: '', - myCharts2: '' + myCharts2: '', + scollList1: [{data1: 'SB00001', device_status: '0'}, {data1: 'SB00001', device_status: '1'}, {data1: 'SB00001', device_status: '2'}, {data1: 'SB00001', device_status: '3'}, {data1: 'SB00002', device_status: '2'}, {data1: 'SB00001', device_status: '1'}, {data1: 'SB00002', device_status: '2'}, {data1: 'SB00002', device_status: '2'}], + scollList2: [{data1: 'GD00001', device_status: '0'}, {data1: 'GD00001', device_status: '1'}, {data1: 'GD00001', device_status: '2'}, {data1: 'GD00001', device_status: '3'}, {data1: 'GD00001', device_status: '0'}, {data1: 'GD00001', device_status: '1'}, {data1: 'GD00001', device_status: '2'}, {data1: 'GD00001', device_status: '3'}] } }, computed: { defaultOption1 () { return { step: 0.4, // 数值越大速度滚动越快 - limitMoveNum: 7, // 开始无缝滚动的数据量 this.dataList.length + limitMoveNum: 9, // 开始无缝滚动的数据量 this.dataList.length + hoverStop: true, // 是否开启鼠标悬停stop + direction: 1, // 0向下 1向上 2向左 3向右 + openWatch: true, // 开启数据实时监控刷新dom + singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1 + singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3 + waitTime: 1000 // 单步运动停止的时间(默认值1000ms) + } + }, + defaultOption2 () { + return { + step: 0.4, // 数值越大速度滚动越快 + limitMoveNum: 9, // 开始无缝滚动的数据量 this.dataList.length hoverStop: true, // 是否开启鼠标悬停stop direction: 1, // 0向下 1向上 2向左 3向右 openWatch: true, // 开启数据实时监控刷新dom @@ -564,4 +634,95 @@ export default { color #f1c76d margin-right .2rem font-size .16rem +.item_content_3 + height: calc(100% - 0.38rem) + padding 0 + margin-top .06rem + border 0.01rem solid rgba(8,205,248,0.3) +.scroll_tab + _wh(100%, .4rem) + border-bottom .01rem solid rgba(8,205,248,0.3) + li + float left + width 13% + _font(.14rem,.4rem,#78B1DE,,center) + word-wrap break-word + word-break break-all + white-space nowrap + padding 0 .02rem + overflow hidden + box-sizing border-box + &:nth-child(1) + width 9% +.scroll_container + width 100% + height calc(100% - .4rem) + overflow hidden +.scroll-ul_2 + li + _wh(100%, .44rem) + border-bottom .01rem solid rgba(8,205,248,0.3) + &:nth-child(even) + background rgba(1,24,52,0.60) + box-shadow inset 0px 1px 0px 0px rgba(13,89,115,0.3) + .scroll-ul_2_div + float left + _wh(13%, .44rem) + _fj(center) + _font(.14rem, .18rem, #fff,,center) + word-wrap break-word + word-break break-all + white-space nowrap + padding .04rem .02rem + overflow hidden + &:nth-child(1) + width 9% + .scroll_status_wrap + position relative + span + position absolute + left 25% + _wh(7px, 7px) + border-radius 50% +.scroll_tab01 + _wh(100%, .4rem) + border-bottom .01rem solid rgba(8,205,248,0.3) + li + float left + width 15% + _font(.14rem,.4rem,#78B1DE,,center) + word-wrap break-word + word-break break-all + white-space nowrap + padding 0 .02rem + overflow hidden + box-sizing border-box + &:nth-child(1) + width 10% +.scroll-ul_01 + li + _wh(100%, .44rem) + border-bottom .01rem solid rgba(8,205,248,0.3) + &:nth-child(even) + background rgba(1,24,52,0.60) + box-shadow inset 0px 1px 0px 0px rgba(13,89,115,0.3) + .scroll-ul_2_div + float left + _wh(15%, .44rem) + _fj(center) + _font(.14rem, .18rem, #fff,,center) + word-wrap break-word + word-break break-all + white-space nowrap + padding .04rem .02rem + overflow hidden + &:nth-child(1) + width 10% + .scroll_status_wrap + position relative + span + position absolute + left 25% + _wh(7px, 7px) + border-radius 50%