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

布局调

Browse Source
This commit is contained in:
xiangxy
2023-06-21 16:34:28 +08:00
parent 71d05e74ae
commit 15befd694f
6 changed files with 74 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/modules/hunniankunliao/two.vue
View File

@@ -23,7 +23,7 @@
</div>
</div>
<div class="box_l1">
<div v-for="(e,i) in TrappedShelf40List.slice(0, 20)" :key="i" class="picbox" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}" @click.stop="getInfo1(e, i)">
<div v-for="(e,i) in TrappedShelf40List.slice(0, 20)" :key="i" class="picbox" :class="{'mgt5': i === 10 || i === 14 || i === 18, 'mgt6': i === 6, 'mgt2': i === 2}" @click.stop="getInfo1(e, i)">
<!-- <img v-show="String(e.stand_status) === ''" src="../../../images/workshop/hj.png" alt="">
<img v-show="String(e.stand_status) === '2'" src="../../../images/workshop/lz_hj_green.png" alt="">
<img v-show="String(e.stand_status) === '5'" src="../../../images/workshop/lz_hj_red.png" alt="">
@@ -83,7 +83,7 @@
</div>
</div>
<div class="box_l2">
<div v-for="(e,i) in TrappedShelf40List.slice(20, 40)" :key="i" class="picbox" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}" @click.stop="getInfo1(e, i)">
<div v-for="(e,i) in TrappedShelf40List.slice(20, 40)" :key="i" class="picbox" :class="{'mgt5': i === 6 || i === 10 || i === 14 || i === 18, 'mgt6': i === 6, 'mgt2': i === 2}" @click.stop="getInfo1(e, i)">
<!-- <img v-show="String(e.stand_status) === ''" src="../../../images/workshop/hj.png" alt="">
<img v-show="String(e.stand_status) === '2'" src="../../../images/workshop/lz_hj_green.png" alt="">
<img v-show="String(e.stand_status) === '5'" src="../../../images/workshop/lz_hj_red.png" alt="">
@@ -276,8 +276,8 @@
<li>物料名称</li>
<li>重量</li>
<li>载具号</li>
<li style="width: 6%">静置(h)</li>
<li>碾次</li>
<li>静置(h)</li>
<li>状态</li>
</ul>
<div class="scroll_container_1">
@@ -290,8 +290,8 @@
<div class="scroll-ul_1_div">{{e.material_code}}</div>
<div class="scroll-ul_1_div">{{e.weight}}</div>
<div class="scroll-ul_1_div">{{e.vehicle_code}}</div>
<div class="scroll-ul_1_div" style="width: 6%">{{e.standing_time}}</div>
<div class="scroll-ul_1_div">{{e.mix_num}}</div>
<div class="scroll-ul_1_div">{{e.standing_time}}</div>
<div class="scroll-ul_1_div">{{e.stand_status_name}}</div>
</li>
</ul>
@@ -350,6 +350,12 @@
</div>
<div class="tooltip_arrow pointer" @click="expandTooltip" v-text="expand ? '&lt;&lt;' : '&gt;&gt;'"></div>
</div>
<div class="style_block" style="left: calc(100% / 3);top:0;"></div>
<div class="style_block" style="background: green;left: calc(100% / 3);top:calc(100% / 3);"></div>
<div class="style_block" style="left: calc(100% / 3);bottom: 0"></div>
<div class="style_block" style="background: green;left: calc(200% / 3);top:0;"></div>
<div class="style_block" style="left: calc(200% / 3);top:calc(100% / 3);"></div>
<div class="style_block" style="background: blue;left: calc(200% / 3);bottom: 0"></div>
</div>
</template>
@@ -453,6 +459,7 @@ export default {
.c_red
color $orange !important
.n_container
position relative
_wh(100%, 100%)
.n_header
_wh(100%, 8%)
@@ -556,8 +563,12 @@ export default {
_wh(100%, auto)
.mgt5
margin-top 55%
.mgt2
margin-top 71%
.mgt6
margin-top 42%
.box2
_wh(100%, 40%)
_wh(100%, 37.5%)
_fj(row)
.item_wrap
_wh(calc(50% - 8px), 100%)