root/screen-shunhe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
caill
2024-07-15 16:08:35 +08:00
parent cfaecd0c43
commit af1888fefa
3 changed files with 34 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/header.vue
View File

@@ -98,12 +98,12 @@ header
color #fff
.tiem_item
float left
font-size .32rem
font-size .2rem
line-height .37rem
color #fff
.colon
float left
font-size .32rem
font-size .2rem
line-height .37rem
color #fff
</style>

15
src/pages/shunhe/LogisticsProcess/index.vue
View File

@@ -32,7 +32,7 @@
<div class="scroll_wrap">
<ul class="scroll_tab_1 scroll_tab_2">
<li>生产设备</li>
<li>运行情况</li>
<li>运行状态</li>
<li>当前生产物料名称</li>
</ul>
<div class="scroll_container">
@@ -42,7 +42,7 @@
<div class="scroll-ul_div">{{e.devicename}}</div>
<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>{{e.status}}</div>
<div class="state_tex">{{e.status}}</div>
</div>
<div class="scroll-ul_div">{{e.material}}</div>
</li>
@@ -58,7 +58,7 @@
<div class="right_wrap">
<div class="item_wrap">
<div class="item_tip">
<div class="item_tip_left">工序生产统计</div>
<div class="item_tip_left">每日工序生产统计</div>
</div>
<div class="item_content_1 item_content_3">
<div class="item_inner_wrap">
@@ -215,7 +215,7 @@
</div>
<div class="item_wrap">
<div class="item_tip">
<div class="item_tip_left">设备生产统计</div>
<div class="item_tip_left">每日设备生产统计</div>
</div>
<div class="item_content_2">
<div class="scroll_wrap">
@@ -1005,6 +1005,13 @@ export default {
.state_icon
width .14rem
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
background-color #30EBC9
box-shadow 0px 0px 8px 0px #30EBC9

27
src/pages/shunhe/StorageMonitor.vue
View File

@@ -31,10 +31,10 @@
<div class="type_color orange"></div>
<div class="tag_text">静置超时</div>
</div>
<div class="tag_type">
<!-- <div class="tag_type">
<div class="type_color red"></div>
<div class="tag_text">强制静置超时</div>
</div>
</div> -->
</div>
</div>
<div class="yard_group clearfix" style="display: flex;">
@@ -342,13 +342,13 @@
<div class="block_h2">
<h2>半成品库存</h2>
</div>
<div class="list_scroll_title">
<span>货位</span><span>物料编码</span><span>物料名称</span><span>库存数(块)</span><span>托盘号</span><span>入库时间</span>
<div class="list_scroll_title list_scroll_title_1">
<span>货位</span><span>物料编码</span><span>物料名称</span><span>库存数(块)</span><span>入库时间</span>
</div>
<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">
<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>
</ul>
</vue-seamless-scroll>
@@ -840,6 +840,13 @@ height 90px
text-align center
&:nth-child(6)
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
// width calc(100% - 30px)
// margin 0 15px 4px 15px
@@ -879,6 +886,14 @@ height 90px
text-align center
&:nth-child(6)
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
position absolute
z-index 102