Merge branch 'master' of http://gitlab.oytour.com/luochao/confucius

src/components/sale/backclass-form.vue

+<style>
+  .apply_List{
+    width:100%;
+    height:44px;
+    background-color: #F7F7F7;
+    line-height: 44px;
+    margin-bottom:10px;
+  }
+  .apply_List span{
+    display:inline-block;
+    text-align: center;
+    font-size:14px;
+    color:#000000;
+  }
+  .guest_Status span{
+    cursor: pointer;
+    color:#2961FE;
+  }
+</style>
 <!--退课申请-->
 <template>
   <q-dialog v-model="IsShowBackClassDialog" content-class="bg-grey-1" persistent transition-show="scale"
@@ -7,65 +26,23 @@
         <div class="text-h6">退课申请</div>
       </q-card-section>
       <div style="margin:20px;">
-        <table :loading="loading">
-          <thead>
-            <tr>
-              <th width="10%">
-                姓名
-              </th>
-              <th width="10%">
-                性别
-              </th>
-              <th width="10%">
-                年龄
-              </th>
-              <th width="10%">
-                联系电话
-              </th>
-              <th width="10%">
-                已上课时
-              </th>
-              <th width="10%">
-                状态
-              </th>
-              <th width="20%">
-                操作
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr v-for="(item,index) in studentList" v-if="item.IsShow">
-              <td>
-                {{item.GuestName}}
-              </td>
-              <td>
-                {{item.SexStr}}
-              </td>
-              <td>
-                {{item.Age}}
-              </td>
-              <td>
-                {{item.Mobile}}
-              </td>
-              <td>
-                {{item.ClassHours}}
-              </td>
-              <td>
-                {{item.GuestStateStr}}
-              </td>
-              <td>
-                <q-btn v-if="item.GuestState==1" flat size="xs" icon="iconfont icon-shenhe" color="info" class="q-mr-xs"
-                  label="申请" @click="clickItem(item,1)" />
-                <q-btn v-if="item.AuditStatus==3" flat size="xs" icon="iconfont icon-ziyuan" color="warning"
-                  class="q-mr-xs" label="重新申请" @click="clickItem(item,2)" />
-                <template v-if="chooseItem&&chooseItem.Id==item.Id">
-                  <q-btn flat size="xs" icon="iconfont icon-shenhe" color="info" class="q-mr-xs" label="取消申请"
-                    @click="cancelApply" />
-                </template>
-              </td>
-            </tr>
-          </tbody>
-        </table>
+        <div>
+          <div class="apply_List" v-for="(item,index) in studentList" v-if="item.IsShow">
+            <span style="width:10%">{{item.GuestName}}</span>
+            <span style="width:10%">{{item.SexStr}}</span>
+            <span style="width:10%">{{item.Age}}</span>
+            <span style="width:20%">{{item.Mobile}}</span>
+            <span style="width:20%">
+              <template v-if="item.ClassHours">已学：{{item.ClassHours}}课时</template>
+            </span>
+            <span style="width:10%">{{item.GuestStateStr}}</span>
+            <span style="width:20%;" class="guest_Status">
+              <span v-if="item.GuestState==1" @click="clickItem(item,1)">申请</span>
+              <span style="margin-left:10px;" v-if="item.AuditStatus==3" @click="clickItem(item,2)">重新申请</span>
+              <span style="margin-left:10px;" v-if="chooseItem&&chooseItem.Id==item.Id" @click="cancelApply">取消申请</span>
+            </span>
+          </div>
+        </div>
         <q-input filled stack-label :dense="false" v-model="applyReason" style="margin-top: 20px" type="textarea"
           class="col-12" label="申请理由" />
         <q-separator />