Commit cec9787d authored by godwithdh's avatar godwithdh

css

parent ad41ad53
...@@ -13,26 +13,35 @@ ...@@ -13,26 +13,35 @@
height: 200px; height: 200px;
overflow-y: scroll; overflow-y: scroll;
height: calc(100vh - 160px); height: calc(100vh - 160px);
>tr{ >div{
height:30px; background: #fff;
&.user{ border-radius: 5px;
background:#fff; margin: 5px;
>td{ box-shadow: 0 1px 3px #bababa;
color:#5E9AFE; overflow: hidden;
text-align: left; >tr{
padding-left:20px; &.user{
background:#fff;
>td{
color:#5E9AFE;
text-align: left;
padding: 6px 15px;
}
} }
} &.addr{
&.addr{ background:#eef4fe;
>td{ >td{
color:#068FCA; color:#068FCA;
text-align: left; text-align: left;
padding-left:20px; padding: 4px 20px;
}
}
&.num{
background:#fff;
>td{
padding:4px 0;
}
} }
}
&.num{
height:35px;
background:#fff;
} }
} }
} }
...@@ -73,52 +82,53 @@ ...@@ -73,52 +82,53 @@
</thead> </thead>
<tbody> <tbody>
<template v-for="(v,k) in list"> <template v-for="(v,k) in list">
<tr class="user" :key="k+'_user'"> <div :key="k">
<td @click="toDetail(v.sProviderName)" style="text-decoration: underline;">{{v.sProviderName}}</td> <tr class="user">
<td/> <td @click="toDetail(v.sProviderName)" style="text-decoration: underline;">{{v.sProviderName}}</td>
<td/> <td/>
</tr> <td/>
<tr class="addr" :key="k+'_addr1'"> </tr>
<td colspan="5">期初库存</td> <tr class="addr">
</tr> <td colspan="5">期初库存</td>
<tr class="num" :key="k+'_num1'"> </tr>
<td></td> <tr class="num">
<td>{{v.nOldPieceQty||0}}</td> <td></td>
<td style="color:#64B18B;">{{v.nOldLengthM||0}}</td> <td>{{v.nOldPieceQty||0}}</td>
<td style="color:#64B18B;">{{v.nOldLengthYD||0}}</td> <td style="color:#64B18B;">{{v.nOldLengthM||0}}</td>
<td>{{v.nOldWeight||0}}</td> <td style="color:#64B18B;">{{v.nOldLengthYD||0}}</td>
</tr> <td>{{v.nOldWeight||0}}</td>
<tr class="addr" :key="k+'_addr2'"> </tr>
<td colspan="5">本期入库</td> <tr class="addr">
</tr> <td colspan="5">本期入库</td>
<tr class="num" :key="k+'_num2'"> </tr>
<td></td> <tr class="num">
<td>{{v.nInPieceQty||0}}</td> <td></td>
<td style="color:#64B18B;">{{v.nInLengthM||0}}</td> <td>{{v.nInPieceQty||0}}</td>
<td style="color:#64B18B;">{{v.nInLengthYD||0}}</td> <td style="color:#64B18B;">{{v.nInLengthM||0}}</td>
<td>{{v.nInWeight||0}}</td> <td style="color:#64B18B;">{{v.nInLengthYD||0}}</td>
</tr> <td>{{v.nInWeight||0}}</td>
<tr class="addr" :key="k+'_addr3'"> </tr>
<td colspan="5">本期出库</td> <tr class="addr" >
</tr> <td colspan="5">本期出库</td>
<tr class="num" :key="k+'_num3'"> </tr>
<td></td> <tr class="num">
<td>{{v.nOutPieceQty||0}}</td> <td></td>
<td style="color:#64B18B;">{{v.nOutLengthM||0}}</td> <td>{{v.nOutPieceQty||0}}</td>
<td style="color:#64B18B;">{{v.nOutLengthYD||0}}</td> <td style="color:#64B18B;">{{v.nOutLengthM||0}}</td>
<td>{{v.nOutWeight||0}}</td> <td style="color:#64B18B;">{{v.nOutLengthYD||0}}</td>
</tr> <td>{{v.nOutWeight||0}}</td>
<tr class="addr" :key="k+'_addr4'"> </tr>
<td colspan="5">本期库存</td> <tr class="addr">
</tr> <td colspan="5">本期库存</td>
<tr class="num" :key="k+'_num4'"> </tr>
<td></td> <tr class="num">
<td>{{v.nStockPieceQty||0}}</td> <td></td>
<td style="color:#64B18B;">{{v.nStockLengthM||0}}</td> <td>{{v.nStockPieceQty||0}}</td>
<td style="color:#64B18B;">{{v.nStockLengthYD||0}}</td> <td style="color:#64B18B;">{{v.nStockLengthM||0}}</td>
<td>{{v.nStockWeight||0}}</td> <td style="color:#64B18B;">{{v.nStockLengthYD||0}}</td>
</tr> <td>{{v.nStockWeight||0}}</td>
<tr :key="k+'_5'" style="height:10px;background:transparent;"/> </tr>
</div>
</template> </template>
</tbody> </tbody>
</table> </table>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment