diff --git a/src/assets/images/loading.gif b/src/assets/images/loading.gif
new file mode 100644
index 0000000..915c198
Binary files /dev/null and b/src/assets/images/loading.gif differ
diff --git a/src/components/maintainer/index.vue b/src/components/maintainer/index.vue
index b27fa9c..966755e 100644
--- a/src/components/maintainer/index.vue
+++ b/src/components/maintainer/index.vue
@@ -75,10 +75,36 @@
         <!-- /.content -->
     </div>
     <!-- /.content-wrapper -->
+    <div class="modal fade" id="tipModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h4 class="modal-title">提示信息</h4>
+                </div>
+                <div class="modal-body" id="tipMsg"></div>
+            </div>
+        </div>
+    </div>
+    <div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel"
+         data-backdrop="static">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h4 class="modal-title">确认信息</h4>
+                </div>
+                <div class="modal-body" id="confirmMsg"></div>
+            </div>
+        </div>
+    </div>
+    <div class="modal fade loading" style="background: #00000040;" tabindex="-1" role="dialog"
+         aria-labelledby="loadingModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
+        <div class="loadingGif" style="position: fixed;"><img :src="loading"></div>
+    </div>
 </template>
   
 <script>
 import store from '@/store';
+import loading from '@/assets/images/loading.gif';
 
 export default {
     name: 'MaintainerView',