修改

src/components/course/courserefund-form.vue

 <style>
   .courserefund_Div{
     color:#000;
-    width:160px;
+    width:193px;
     text-align: center;
     z-index:-99;
+    padding:10px;
   }
   .courserefund_Div>div{
     margin-bottom:10px;
+    font-size:13px;
   }
 </style>
 <template>
   <div class="page-content">
-    <div class="courserefund_Div" id="proToCol">
+    <div class="courserefund_Div" id="proToCol" v-if="!loading">
       <img :src="imgUrl" alt="" style="width:150px;" />
       <div>尊敬的客户</div>
-      <div>您的退款协议《{{ProtocolNum}}》请你长按识别二维码，查阅并签字。</div>
+      <div>您的退款协议《{{ProtocolNum}}》</div>
+      <div>请长按识别二维码,查阅并签字</div>
     </div>
-    <q-table :pagination="pageMsg" :loading="loading" style="margin-top:-258px" no-data-label="暂无相关数据" flat class="sticky-column-table"
+    <q-table :pagination="pageMsg" :loading="loading" style="margin-top:-251px" no-data-label="暂无相关数据" flat class="sticky-column-table"
       separator="none" title="退课协议" :data="dataList" :columns="columns" row-key="name">
       <template v-slot:top="props">
         <div class="col-2 q-table__title">退课协议</div>
@@ -270,6 +273,7 @@
           url: '/courseRefundH5',
           width: 430
         }
+        //小奎子不要删
         // CreateWeChatCode(msg).then((res) => {
         //   console.log(res,'数据');
         //   if (res.Code == 1) {