样式修改及代码格式化

applications/dee-mes/src/privateComponents/components/AddAoInGeberalExperRecord/index.vue

 <template>
-  <div class="addAoInGeberalExperRecord-dialog">
-    <dee-as-com :basicData="basicData" ref="tablelists" class="list-table" table-height="50vh" :lay-config="{
+  <div class="addAoInGeberalExperRecord">
+    <dee-as-com
+      ref="tablelists"
+      :basic-data="basicData"
+      class="list-table"
+      table-height="50vh"
+      :lay-config="{
         typeName: 'ExtProcessPlan',
         layKey: 'addAoInGeberalExperRecord',
-    }" @selectionChange="selectionChange" />
+      }"
+      @selectionChange="selectionChange"
+    />
     <div slot="footer" class="foot-btn-box">
       <el-button type="primary" @click="submitEvent">确认</el-button>
       <el-button @click="cancelEvent">取消</el-button>
@@ -20,7 +27,7 @@ export default {
     basicData: {
       type: Object,
       default: () => { }
-    },
+    }
   },
   data() {
     return {
@@ -35,7 +42,7 @@ export default {
       this.selection = val
     },
     submitEvent() {
-      if (!this.selection||!this.selection.length )  return  this.$utils.showMessageWarning('请选择数据！')
+      if (!this.selection || !this.selection.length) return this.$utils.showMessageWarning('请选择数据！')
       const params = this.selection.map((item) => {
         return {
           sourceId: this.basicData.id,
@@ -58,4 +65,11 @@ export default {
 }
 </script>
 <style lang="scss">
+.addAoInGeberalExperRecord{
+  .foot-btn-box{
+      display: flex;
+      justify-content: center;
+      padding: 20px
+   }
+}
 </style>