diff --git a/web/src/view/systemTools/autoPkg/autoPkg.vue b/web/src/view/systemTools/autoPkg/autoPkg.vue
index b9f120291..cf4485384 100644
--- a/web/src/view/systemTools/autoPkg/autoPkg.vue
+++ b/web/src/view/systemTools/autoPkg/autoPkg.vue
@@ -61,10 +61,10 @@
 
     </div>
 
-    <el-dialog
+    <el-drawer
       v-model="dialogFormVisible"
-      :before-close="closeDialog"
-      title="创建Package"
+      size="40%"
+      :show-close="false"
     >
       <warning-bar title="新增Pkg用于自动化代码使用" />
       <el-form
@@ -101,16 +101,19 @@
           />
         </el-form-item>
       </el-form>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button @click="closeDialog">取 消</el-button>
-          <el-button
-            type="primary"
-            @click="enterDialog"
-          >确 定</el-button>
+      <template #header>
+        <div class="flex justify-between items-center">
+          <span class="text-lg">创建Package</span>
+          <div>
+            <el-button @click="closeDialog">取 消</el-button>
+            <el-button
+                type="primary"
+                @click="enterDialog"
+            >确 定</el-button>
+          </div>
         </div>
       </template>
-    </el-dialog>
+    </el-drawer>
   </div>
 </template>