1

pages/dashboard/produce.html

@@ -68,29 +68,29 @@
                     <div class="col-lg-12 col-md-12 center block-title">月生产计划</div>
                 </div>
                 <div class="row block-padding">
-                    <div style="width: 10%;" class="col-lg-1 col-md-1 center no-padding" >工单号</div>
-                    <div style="width: 15%;" class="col-lg-2 col-md-2 center no-padding">项目名</div>
-                    <div style="width: 15%;" class="col-lg-1 col-md-1 center no-padding">产品编码</div>
+                    <div class="col-lg-1 col-md-1 center no-padding" >工单号</div>
+                    <div class="col-lg-2 col-md-2 center no-padding">项目名</div>
+                    <div class="col-lg-1 col-md-1 center no-padding">产品编码</div>
                     <!-- <div class="col-lg-2 col-md-2 center no-padding">型号规格</div> -->
-                    <div style="width: 20%;" class="col-lg-2 col-md-2 center no-padding">产品名称</div>
-                    <div style="width: 6%;" class="col-lg-1 col-md-1 center no-padding">计划数量</div>
-                    <div style="width: 6%;" class="col-lg-1 col-md-1 center no-padding">标准工时</div>
-                    <div style="width: 6%;" class="col-lg-1 col-md-1 center no-padding">已投入工时</div>
-                    <div style="width: 20%;" class="col-lg-2 col-md-2 center no-padding">完成进度(已/未)</div>
+                    <div class="col-lg-3 col-md-3 center no-padding">产品名称</div>
+                    <div class="col-lg-1 col-md-1 center no-padding">计划数量</div>
+                    <div class="col-lg-1 col-md-1 center no-padding">标准工时</div>
+                    <div class="col-lg-1 col-md-1 center no-padding">已投入工时</div>
+                    <div class="col-lg-2 col-md-2 center no-padding">完成进度(已/未)</div>
                     <!-- <span style="background-color:#5bc0de">&nbsp;&nbsp;&nbsp;</span> -->
                 </div>
                 <div class="row">
                     <div class="col-lg-12 col-md-12" style="height: 380px;">
                         <div class="row" v-for="product in mouthProduceTaskList">
-                            <div style="width: 10%;" class="col-lg-1 col-md-1 center no-padding">{{product.orderSheetCode}}</div>
-                            <div style="width: 15%;" class="col-lg-2 col-md-2 center no-padding">{{product.define12}}</div>
-                            <div style="width: 15%;" class="col-lg-1 col-md-1 center no-padding">{{product.materialCode}}</div>
+                            <div class="col-lg-1 col-md-1 center no-padding">{{product.orderSheetCode}}</div>
+                            <div class="col-lg-2 col-md-2 center no-padding">{{product.define12}}</div>
+                            <div class="col-lg-1 col-md-1 center no-padding">{{product.materialCode}}</div>
                             <!-- <div class="col-lg-2 col-md-2 center no-padding">{{product.specs}}</div> -->
-                            <div style="width: 20%;" class="col-lg-2 col-md-2 center no-padding">{{product.materialName}}</div>
-                            <div style="width: 6%;" class="col-lg-1 col-md-1 center no-padding">{{product.planSum}}</div>
-                            <div style="width: 6%;" class="col-lg-1 col-md-1 center no-padding">{{product.workHour}}</div>
-                            <div style="width: 6%;" class="col-lg-1 col-md-1 center no-padding">{{product.manHoursInvested}}</div>
-                            <div style="width: 20%;" class="col-lg-2 col-md-2 center no-padding progress">
+                            <div style="overflow:hidden; word-break:break-all;white-space:nowrap" class="col-lg-3 col-md-3 center no-padding">{{product.materialName}}</div>
+                            <div class="col-lg-1 col-md-1 center no-padding">{{product.planSum}}</div>
+                            <div class="col-lg-1 col-md-1 center no-padding">{{product.workHour}}</div>
+                            <div class="col-lg-1 col-md-1 center no-padding">{{product.manHoursInvested}}</div>
+                            <div class="col-lg-2 col-md-2 center no-padding progress">
                                 <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60"
                                     aria-valuemin="0" aria-valuemax="100" :style="{width:product.completePercent}">
                                     {{product.completePercent}}