样式
This commit is contained in:
@@ -10,12 +10,12 @@
|
||||
<div class="item_content">
|
||||
<div class="scroll_wrap">
|
||||
<ul class="scroll_tab_2">
|
||||
<li style="width: 5%;">序号</li>
|
||||
<li>货号</li>
|
||||
<li style="width: 4%;">序号</li>
|
||||
<li style="width: 12%;">货号</li>
|
||||
<li>供应商</li>
|
||||
<li>型号</li>
|
||||
<li>回温批次</li>
|
||||
<li style="width: 10%;">数量(托)</li>
|
||||
<li style="width: 14%;">回温批次</li>
|
||||
<li style="width: 7%;">数量(托)</li>
|
||||
<li style="width: 9.5%;">需回温时间(h)</li>
|
||||
<li style="width: 9.5%;">已回温时间(h)</li>
|
||||
<li style="width: 6%;">状态</li>
|
||||
@@ -24,12 +24,12 @@
|
||||
<vue-seamless-scroll :data="pt" :class-option="defaultOption2">
|
||||
<ul class="scroll-ul_2">
|
||||
<li v-for="(e, i) in pt" :key="i" :class="{cgreen:e.state =='回温完成',cred:e.state =='回温中'}">
|
||||
<div class="scroll-ul_2_div" style="width: 5%;">{{i + 1}}</div>
|
||||
<div class="scroll-ul_2_div">{{e.productName}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 4%;">{{i + 1}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 12%;">{{e.productName}}</div>
|
||||
<div class="scroll-ul_2_div">{{e.supplierName}}</div>
|
||||
<div class="scroll-ul_2_div">{{e.productDescription}}</div>
|
||||
<div class="scroll-ul_2_div">{{e.batch}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 10%;">{{e.number}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 14%;">{{e.batch}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 7%;">{{e.number}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 9.5%;">{{e.standingTime}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 9.5%;">{{e.usedTime}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 6%;">{{e.state}}</div>
|
||||
@@ -47,12 +47,12 @@
|
||||
<div class="item_content">
|
||||
<div class="scroll_wrap">
|
||||
<ul class="scroll_tab_2">
|
||||
<li style="width: 5%;">序号</li>
|
||||
<li>货号</li>
|
||||
<li style="width: 4%;">序号</li>
|
||||
<li style="width: 12%;">货号</li>
|
||||
<li>供应商</li>
|
||||
<li>型号</li>
|
||||
<li>回温批次</li>
|
||||
<li style="width: 10%;">数量(托)</li>
|
||||
<li style="width: 14%;">回温批次</li>
|
||||
<li style="width: 7%;">数量(托)</li>
|
||||
<li style="width: 9.5%;">需回温时间(h)</li>
|
||||
<li style="width: 9.5%;">已回温时间(h)</li>
|
||||
<li style="width: 6%;">状态</li>
|
||||
@@ -61,12 +61,12 @@
|
||||
<vue-seamless-scroll :data="ks" :class-option="defaultOption2">
|
||||
<ul class="scroll-ul_2">
|
||||
<li v-for="(e, i) in ks" :key="i" :class="['cgreen', 'cred'][Number(e.state)]">
|
||||
<div class="scroll-ul_2_div" style="width: 5%;">{{i + 1}}</div>
|
||||
<div class="scroll-ul_2_div">{{e.productName}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 4%;">{{i + 1}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 12%;">{{e.productName}}</div>
|
||||
<div class="scroll-ul_2_div">{{e.supplierName}}</div>
|
||||
<div class="scroll-ul_2_div">{{e.productDescription}}</div>
|
||||
<div class="scroll-ul_2_div">{{e.batch}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 10%;">{{e.number}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 14%;">{{e.batch}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 7%;">{{e.number}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 9.5%;">{{e.standingTime}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 9.5%;">{{e.usedTime}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 6%;">{{e.state}}</div>
|
||||
@@ -332,7 +332,7 @@ export default {
|
||||
border-bottom 1px solid rgba(8,205,248,0.3)
|
||||
li
|
||||
float left
|
||||
width 15%
|
||||
width 19%
|
||||
_font(12px,30px,#78B1DE,,center)
|
||||
word-wrap break-word
|
||||
word-break break-all
|
||||
@@ -354,7 +354,7 @@ export default {
|
||||
box-shadow inset 0px 1px 0px 0px rgba(13,89,115,0.3)
|
||||
.scroll-ul_2_div
|
||||
float left
|
||||
_wh(15%, 44px)
|
||||
_wh(19%, 44px)
|
||||
_fj(center)
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
|
||||
Reference in New Issue
Block a user