src/views/orderManage/orderManagerCockpit/components/workOrder.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="order-box" :style="{ padding: '0 ' + 16 * beilv + 'px', fontSize: 14 * beilv + 'px'}">
     <!-- 小块 -->
-    <div v-for="(item,index) in orderMsg" :key="index" :style="{ padding: 10 * beilv + 'px' + ' 20px ' + 16 * beilv + 'px' + ' 16px'}" class="box">
+    <div v-for="(item,index) in orderMsg" :key="index" :style="{ padding: 10 * beilv + 'px ' + 20 * beilv + 'px ' + 16 * beilv + 'px ' + 16 * beilv
+    + 'px', height: 168 * beilv + 'px'}" class="box">
       <p class="line1">
         <span>工单编号：<span class="light-color">{{ item.code }}</span></span>
         <span class="fr">
@@ -13,7 +14,7 @@
         <span>产品名称：<span class="light-color">{{ item.name }}</span></span>
         <span class="fr">
           产线：
-          <span class="light-color" style="margin-right: 25px">{{ item.line }}</span>
+          <span class="light-color" :style="{marginRight: 25 * beilv + 'px'}">{{ item.line }}</span>
         </span>
       </p>
       <p :style="{ paddingLeft: 15 * beilv + 'px'}">
@@ -55,11 +56,11 @@ export default {
   justify-content: space-between;
   .box {
     width: 49.5%;
-    height: 49.5%;
     margin-bottom: 8px;
     background-image: url('../../../../assets/img/cockpit/module-back.png');
     background-repeat: no-repeat;
     background-size: 100% 100%;
+    overflow: auto;
     .light-color {
       opacity: 0.5;
     }