灾害评估

src/types/components.d.ts

@@ -45,6 +45,7 @@ declare module 'vue' {
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElImage: typeof import('element-plus/es')['ElImage']
     ElInput: typeof import('element-plus/es')['ElInput']
+    ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElOption: typeof import('element-plus/es')['ElOption']

src/views/emergencyCommandMap/RightSection/disasterAssessment.vue

@@ -1,5 +1,5 @@
 <template>
-  <Dialog custom-show type="lg" title="灾害评估" @close="closeDialog">
+  <Dialog custom-show type="lg" title="灾害评估" hide-footer @close="closeDialog">
     <!-- 表格组件 -->
     <div class="common-table">
       <div class="table-header">
@@ -81,23 +81,24 @@
         </div>
       </div>
     </div>
-    <div v-if="!isEditing" class="btn-box">
-      <div class="btn" @click="toggleEdit">
-        <div class="text">编辑</div>
-      </div>
-    </div>
-    <div v-if="isEditing" style="display: flex">
-      <div class="btn-box">
-        <div class="btn" @click="saveEdit">
-          <div class="text">保存</div>
+    <div style="display: flex; align-items: center">
+      <div v-if="!isEditing" class="btn-box">
+        <div class="btn" @click="toggleEdit">
+          <div class="text">编辑</div>
         </div>
       </div>
+    </div>
+    <div v-if="isEditing" style="display: flex; justify-content: center">
       <div class="btn-box">
-        <div class="btn" @click="cancelEdit">
+        <div class="common-btn" @click="cancelEdit">
           <div class="text">取消</div>
         </div>
+        <div class="common-btn-primary" @click="saveEdit">
+          <div class="text">保存</div>
+        </div>
       </div>
     </div>
+
   </Dialog>
 </template>
 
@@ -236,11 +237,14 @@ onMounted(() => {
     width: 16px;
     font-size: 8px;
   }
+  :deep(.el-input__wrapper) {
+    padding: 0 15px;
+  }
 }
 .btn-box {
   width: 100%;
   display: flex;
-  justify-content: flex-end;
+  justify-content: center;
   align-items: center;
   .btn {
     width: 114px;