修改五楼生产界面

hw-ui/src/views/board/fifthFloor/index.vue

@@ -7,7 +7,7 @@
       <div class="chart">
         <div class="form">
 
-          <el-form :model="form" label-position="right" label-width="80px">
+          <el-form :model="form" label-position="right" label-width="80px" size="mini">
             <el-form-item label="派工单号">
               <el-input v-model="form.dispatchCode"></el-input>
             </el-form-item>
@@ -30,31 +30,33 @@
               <el-input v-model="form.planDetailStatus"></el-input>
             </el-form-item>
           </el-form>
-          <div style="text-align: center">
-            <el-button type="success" v-if="(!$route.query || $route.query.id==='2')"
+
+        </div>
+        <div style="text-align: center;position: absolute;width: 70%;top: 81%">
+          <el-button size="mini" type="success" v-if="(!$route.query || $route.query.id==='2')"
                      :disabled="form.planDetailStatus === '已完成' || !form.planDetailCode"
                      @click="getMaterials('0')">领料
           </el-button>
-            <el-button type="info" v-if="(!$route.query || $route.query.id==='2')"
+          <el-button size="mini" type="info" v-if="(!$route.query || $route.query.id==='2')"
                      :disabled="form.planDetailStatus === '已完成' || !form.planDetailCode"
                      @click="completeCollectMaterials()">完成领料
           </el-button>
-            <el-button type="warning" v-if="(!$route.query || $route.query.id==='2')"
+          <el-button size="mini" type="warning" v-if="(!$route.query || $route.query.id==='2')"
                      :disabled="form.planDetailStatus === '已完成' || !form.planDetailCode"
                      @click="handleMaterialConfirmForm()">扫描
           </el-button>
-            <el-button type="danger" @click="returnMaterial()" v-if="(!$route.query || $route.query.id==='2')"
+          <el-button size="mini" type="danger" @click="returnMaterial()" v-if="(!$route.query || $route.query.id==='2')"
                      :disabled="!form.planDetailCode">退料
           </el-button>
-            <el-button type="info" @click="completeReturnMaterials()" v-if="(!$route.query || $route.query.id==='2')"
+          <el-button size="mini" type="info" @click="completeReturnMaterials()" v-if="(!$route.query || $route.query.id==='2')"
                      :disabled="!form.planDetailCode">完成退料
           </el-button>
-            <el-button type="primary" v-if="($route.query && $route.query.id) !== '2'"
+          <el-button size="mini" type="primary" v-if="($route.query && $route.query.id) !== '2'"
                      :disabled="form.planDetailStatus === '已完成' || !form.planDetailCode"
                      @click="getMaterials('1')">
             领柜体
           </el-button>
-            <el-button type="danger" v-if="($route.query && $route.query.id) !== '2'"
+          <el-button size="mini" type="danger" v-if="($route.query && $route.query.id) !== '2'"
                      :disabled="form.planDetailStatus === '已完成' || !form.planDetailCode"
                      @click="print()">
             条码
@@ -63,10 +65,10 @@
                      :disabled="form.planDetailStatus === '已完成' || !form.planDetailCode"
                      @click="handleBindBarcode">绑定
           </el-button-->
-            <el-button v-if="($route.query && $route.query.id) !== '2'" type="warning"
+          <el-button size="mini" v-if="($route.query && $route.query.id) !== '2'" type="warning"
                      :disabled="!form.planDetailCode" @click="handleRawBack">返库
           </el-button>
-            <el-button :disabled="form.planDetailStatus === '已完成' || !form.planDetailCode" type="success"
+          <el-button size="mini" :disabled="form.planDetailStatus === '已完成' || !form.planDetailCode" type="success"
                      @click="finish">完成
           </el-button>
           <el-popover
@@ -98,8 +100,6 @@
         </div>
 
       </div>
-
-      </div>
       <div class="chart1">
         <Chart ref="chart1_1"></Chart>
       </div>
@@ -1827,7 +1827,7 @@ export default {
 }
 
 .chartBox1 {
-  top: 10%;
+  top: 53%;
   left: 2%;
 
   .chart1 {
@@ -1869,7 +1869,7 @@ export default {
 }
 
 .chartBox3 {
-  top: 53%;
+  top: 10%;
   left: 2%;
 }
 
@@ -1881,7 +1881,7 @@ export default {
 .bottom {
   position: absolute;
   bottom: 1.5%;
-  left: 2%;
+  right: 2%;
 }
 
 .form {