优化
This commit is contained in:
@@ -98,12 +98,12 @@ header
|
|||||||
color #fff
|
color #fff
|
||||||
.tiem_item
|
.tiem_item
|
||||||
float left
|
float left
|
||||||
font-size .32rem
|
font-size .2rem
|
||||||
line-height .37rem
|
line-height .37rem
|
||||||
color #fff
|
color #fff
|
||||||
.colon
|
.colon
|
||||||
float left
|
float left
|
||||||
font-size .32rem
|
font-size .2rem
|
||||||
line-height .37rem
|
line-height .37rem
|
||||||
color #fff
|
color #fff
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
<div class="scroll_wrap">
|
<div class="scroll_wrap">
|
||||||
<ul class="scroll_tab_1 scroll_tab_2">
|
<ul class="scroll_tab_1 scroll_tab_2">
|
||||||
<li>生产设备</li>
|
<li>生产设备</li>
|
||||||
<li>运行情况</li>
|
<li>运行状态</li>
|
||||||
<li>当前生产物料名称</li>
|
<li>当前生产物料名称</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="scroll_container">
|
<div class="scroll_container">
|
||||||
@@ -42,7 +42,7 @@
|
|||||||
<div class="scroll-ul_div">{{e.devicename}}</div>
|
<div class="scroll-ul_div">{{e.devicename}}</div>
|
||||||
<div class="scroll-ul_div jcse">
|
<div class="scroll-ul_div jcse">
|
||||||
<div class="state_icon" :class = "{'bg_col_1': e.status === '运行', 'bg_col_2': e.status === '暂停', 'bg_col_3': e.status === '停机', 'bg_col_4': e.status === '故障'}"></div>
|
<div class="state_icon" :class = "{'bg_col_1': e.status === '运行', 'bg_col_2': e.status === '暂停', 'bg_col_3': e.status === '停机', 'bg_col_4': e.status === '故障'}"></div>
|
||||||
<div>{{e.status}}</div>
|
<div class="state_tex">{{e.status}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="scroll-ul_div">{{e.material}}</div>
|
<div class="scroll-ul_div">{{e.material}}</div>
|
||||||
</li>
|
</li>
|
||||||
@@ -58,7 +58,7 @@
|
|||||||
<div class="right_wrap">
|
<div class="right_wrap">
|
||||||
<div class="item_wrap">
|
<div class="item_wrap">
|
||||||
<div class="item_tip">
|
<div class="item_tip">
|
||||||
<div class="item_tip_left">工序生产统计</div>
|
<div class="item_tip_left">每日工序生产统计</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item_content_1 item_content_3">
|
<div class="item_content_1 item_content_3">
|
||||||
<div class="item_inner_wrap">
|
<div class="item_inner_wrap">
|
||||||
@@ -215,7 +215,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="item_wrap">
|
<div class="item_wrap">
|
||||||
<div class="item_tip">
|
<div class="item_tip">
|
||||||
<div class="item_tip_left">设备生产统计</div>
|
<div class="item_tip_left">每日设备生产统计</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item_content_2">
|
<div class="item_content_2">
|
||||||
<div class="scroll_wrap">
|
<div class="scroll_wrap">
|
||||||
@@ -1005,6 +1005,13 @@ export default {
|
|||||||
.state_icon
|
.state_icon
|
||||||
width .14rem
|
width .14rem
|
||||||
height .06rem
|
height .06rem
|
||||||
|
.state_tex
|
||||||
|
font-size: 0.12rem;
|
||||||
|
line-height: 0.16rem;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
word-wrap: break-word;
|
||||||
|
word-break: break-all;
|
||||||
.bg_col_1
|
.bg_col_1
|
||||||
background-color #30EBC9
|
background-color #30EBC9
|
||||||
box-shadow 0px 0px 8px 0px #30EBC9
|
box-shadow 0px 0px 8px 0px #30EBC9
|
||||||
|
|||||||
@@ -31,10 +31,10 @@
|
|||||||
<div class="type_color orange"></div>
|
<div class="type_color orange"></div>
|
||||||
<div class="tag_text">静置超时</div>
|
<div class="tag_text">静置超时</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="tag_type">
|
<!-- <div class="tag_type">
|
||||||
<div class="type_color red"></div>
|
<div class="type_color red"></div>
|
||||||
<div class="tag_text">强制静置超时</div>
|
<div class="tag_text">强制静置超时</div>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="yard_group clearfix" style="display: flex;">
|
<div class="yard_group clearfix" style="display: flex;">
|
||||||
@@ -342,13 +342,13 @@
|
|||||||
<div class="block_h2">
|
<div class="block_h2">
|
||||||
<h2>半成品库存</h2>
|
<h2>半成品库存</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="list_scroll_title">
|
<div class="list_scroll_title list_scroll_title_1">
|
||||||
<span>货位</span><span>物料编码</span><span>物料名称</span><span>库存数(块)</span><span>托盘号</span><span>入库时间</span>
|
<span>货位</span><span>物料编码</span><span>物料名称</span><span>库存数(块)</span><span>入库时间</span>
|
||||||
</div>
|
</div>
|
||||||
<vue-seamless-scroll :data="array2" :class-option="classOption" class="content-block-scroll">
|
<vue-seamless-scroll :data="array2" :class-option="classOption" class="content-block-scroll">
|
||||||
<ul class="content-block-scroll-ul">
|
<ul class="content-block-scroll-ul content-block-scroll-ul_1">
|
||||||
<li v-for="(e, i) in array2" :key="i">
|
<li v-for="(e, i) in array2" :key="i">
|
||||||
<span>{{e.storageLocation}}</span><span>{{e.materialCode}}</span><span>{{e.materialName}}</span><span>{{e.qty}}</span><span>{{e.vehicleCode}}</span><span>{{e.warehousingTime}}</span>
|
<span>{{e.storageLocation}}</span><span>{{e.materialCode}}</span><span>{{e.materialName}}</span><span>{{e.qty}}</span><span>{{e.warehousingTime}}</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</vue-seamless-scroll>
|
</vue-seamless-scroll>
|
||||||
@@ -840,6 +840,13 @@ height 90px
|
|||||||
text-align center
|
text-align center
|
||||||
&:nth-child(6)
|
&:nth-child(6)
|
||||||
width 15%
|
width 15%
|
||||||
|
.list_scroll_title_1
|
||||||
|
span
|
||||||
|
width 16%
|
||||||
|
&:nth-child(2), &:nth-child(3)
|
||||||
|
width 24%
|
||||||
|
&:nth-child(5)
|
||||||
|
width 20%
|
||||||
.content-block-scroll
|
.content-block-scroll
|
||||||
// width calc(100% - 30px)
|
// width calc(100% - 30px)
|
||||||
// margin 0 15px 4px 15px
|
// margin 0 15px 4px 15px
|
||||||
@@ -879,6 +886,14 @@ height 90px
|
|||||||
text-align center
|
text-align center
|
||||||
&:nth-child(6)
|
&:nth-child(6)
|
||||||
width 18%
|
width 18%
|
||||||
|
.content-block-scroll-ul_1
|
||||||
|
li
|
||||||
|
span
|
||||||
|
width 16%
|
||||||
|
&:nth-child(2), &:nth-child(3)
|
||||||
|
width 24%
|
||||||
|
&:nth-child(5)
|
||||||
|
width 20%
|
||||||
.foldcricle0
|
.foldcricle0
|
||||||
position absolute
|
position absolute
|
||||||
z-index 102
|
z-index 102
|
||||||
|
|||||||
Reference in New Issue
Block a user