样式修改及代码格式化

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="{
-      typeName: 'ExtProcessPlan',
-      layKey: 'addAoInGeberalExperRecord',
-    }" @selectionChange="selectionChange" />
+  <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"
+    />
     <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,21 +42,21 @@ export default {
       this.selection = val
     },
     submitEvent() {
-      if (!this.selection||!this.selection.length )  return  this.$utils.showMessageWarning('请选择数据！')
-        const params = this.selection.map((item) => {
-          return {
-            sourceId: this.basicData.id,
-            sourceIdType: this.basicData.subTypeName,
-            targetId: item.id,
-            targetIdType: item.subTypeName,
-            operator: 'ADD'
-          }
-        })
-        post('/ExperimentPlanLink/recursions', params).then(res => {
-          this.cancelEvent()
-          this.$utils.showMessageSuccess('保存成功')
-          this.$bus.$emit('refreshExperimentPlanLink')
-        })
+      if (!this.selection || !this.selection.length) return this.$utils.showMessageWarning('请选择数据！')
+      const params = this.selection.map((item) => {
+        return {
+          sourceId: this.basicData.id,
+          sourceIdType: this.basicData.subTypeName,
+          targetId: item.id,
+          targetIdType: item.subTypeName,
+          operator: 'ADD'
+        }
+      })
+      post('/ExperimentPlanLink/recursions', params).then(res => {
+        this.cancelEvent()
+        this.$utils.showMessageSuccess('保存成功')
+        this.$bus.$emit('refreshExperimentPlanLink')
+      })
     },
     cancelEvent() {
       this.$emit('cancel')
@@ -58,4 +65,11 @@ export default {
 }
 </script>
 <style lang="scss">
+.addAoInGeberalExperRecord{
+  .foot-btn-box{
+      display: flex;
+      justify-content: center;
+      padding: 20px
+   }
+}
 </style>