提交

web-admin/src/views/cell-storage/protocol/ProtocolFormDialog.vue

@@ -9,7 +9,13 @@
         destroy-on-close
         :close-on-click-modal="false"
       >
-        <div v-loading="dialogFormLoading" class="protocol-dialog-body min-h-[200px]">
+        <DialogFormBody
+          :loading="dialogFormLoading"
+          body-class="protocol-dialog-body min-h-[200px]"
+          skeleton-variant="tabs-form"
+          :skeleton-tab-count="formTabs.length"
+          :skeleton-section-count="4"
+        >
           <div class="detail-tabs">
             <div
               v-for="tab in formTabs"
@@ -1024,7 +1030,7 @@
               </div>
             </div>
           </el-form>
-        </div>
+        </DialogFormBody>
 
         <template #footer>
           <el-button class="btn-ghost" @click="emit('update:modelValue', false)">
@@ -1174,6 +1180,7 @@
       </el-dialog>
 </template>
 <script setup lang="ts">
+  import DialogFormBody from '@/components/business/dialog-form-body/index.vue'
   import { ElMessage } from 'element-plus'
   import {
     Plus,