样式调整

src/views/setup/outbound.vue

 <template>
   <div class="outbound_module">
-    <div class="button_row">
-      <el-button type="primary" @click="handleOpenScan">扫码</el-button>
-      <el-button type="primary">入库</el-button>
+    <div class="content">
+      <div class="button_row">
+        <el-button class="button_rowBtn" type="primary" @click="handleOpenScan">扫码</el-button>
+      </div>
+      <div class="formBody">
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto" label-position="top">
+        <el-form-item label="扫码结果" prop="scanCode" class="outbound_formItem">
+          <el-input v-model="form.scanCode" show-word-limit placeholder="请扫码" />
+        </el-form-item>
+      </el-form>
+      </div>
+      <div class="button_row">
+        <el-button class="button_rowBtn" type="primary">入库</el-button>
+      </div>
     </div>
-    <el-form ref="form" :model="form" :rules="rules" label-width="auto" label-position="top">
-      <el-form-item label="扫码结果" prop="scanCode" style="width: 200px">
-        <el-input v-model="form.scanCode" show-word-limit placeholder="请扫码" />
-      </el-form-item>
-    </el-form>
   </div>
 </template>
 
@@ -49,8 +55,25 @@ export default {
 <style scoped lang="scss">
 .outbound_module{
   padding: 20px;
+  .content{
+    text-align: center;
+  }
+  .formBody{
+    display: flex;
+    justify-content: center;
+  }
   .button_row{
     margin: 20px 0 20px 0;
+    .button_rowBtn{
+      font-size: 17px;
+      width: 160px;
+    }
+  }
+  .outbound_formItem{
+    width: 200px;
+    ::v-deep .el-input__inner{
+      height: 40px;
+    }
   }
   .outbound_form{
     width: 300px;