up

@@ -68,7 +68,11 @@
 </style>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.6.8/axios.min.js"></script>
 <script src="{{ asset("assets/js/vue.min.js") }}"></script> 
-<div id="app" >
+<div class="wrapper">
+    <div class="content-wrapper position-relative">
+    <section class="contents">
+        <div id="app" >
+    <div class="loading text-center"><div class="spinner-container"><div role="status" class="spinner-border text-primary"><span class="sr-only">Loading...</span></div></div></div>
     <div class="pdf-container" :style="{width: this.ocr.mst_template.image.width*0.3155 + 'px',height: this.ocr.mst_template.image.height*0.3155 + 'px'}">
         <div class="text-center" @mousedown="ocr_start_select" @mousemove="ocr_move_select" @mouseup="ocr_end_select" >
             <img :src="`{{route('order.show_pdf')}}?file_path=`+ocr.image_path" class="img-fluid border" draggable="false" />
@@ -129,6 +133,11 @@
         <img :src="`{{ route('order.show_pdf') }}?file_path=` + ocr.image_path.replace(/\.jpg$/, `_${page_num}.jpg`)" class="img-fluid border" draggable="false" />
     </div>
 </div>
+    </section>
+</div>
+</div>
+
+
 
 
 <script>