更新

src/views/rules/components/offLine.vue

@@ -0,0 +1,237 @@
+<template>
+    <div>
+        <h2 style="font-size: 20px; text-align: center; padding: 10px 0;">乐团线下课</h2>
+
+        <table border="1" style="width: 100%">
+            <tr>
+                <th colspan="2">
+                    <span style="font-size: 16px;">签到</span>
+                    <br />
+                    <span style="font-weight: 400;">以课程12:00:00-13:00:00为例</span>
+                </th>
+            </tr>
+            <tr>
+                <td rowspan="3">可签到时间范围</td>
+                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">结束前</span></td>
+            </tr>
+            <tr>
+                <td>11:00:00-13:00:00</td>
+            </tr>
+            <tr>
+                <td>扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">正常签到</td>
+                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">开始前</span>20分钟签到，GPS定位点在教学点1000米<span class="r">内</span></td>
+            </tr>
+            <tr>
+                <td>10:00:00-11:39:59</td>
+            </tr>
+            <tr>
+                <td>扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="6">异常签到</td>
+                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">开始前</span>20分钟签到，GPS定位点在教学点1000米<span class="r">外</span></td>
+            </tr>
+            <tr>
+                <td>--</td>
+            </tr>
+            <tr>
+                <td>扣费规则: -50</td>
+            </tr>
+            <tr style="width: 100%"><td>课程<span class="r">开始前</span>20分钟后至课程<span class="r">开始前</span>签到</td></tr>
+            <tr style="width: 100%">
+                <td>11:40:00-11:59:59</td>
+            </tr>
+            <tr style="width: 100%">
+                <td>扣费规则: -50</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">迟到</td>
+                <td>课程<span class="r">开始后</span>30分钟内签到</td>
+            </tr>
+            <tr>
+                <td>12:00:00-12:29:59</td>
+            </tr>
+            <tr>
+                <td>扣费规则: -50%</td>
+            </tr>
+             <!--  -->
+            <tr>
+                <td rowspan="3">旷课</td>
+                <td>课程<span class="r">开始后</span>30分钟至课程<span class="r">结束前</span>签到</td>
+            </tr>
+            <tr>
+                <td>12:30:00-12:59:59</td>
+            </tr>
+            <tr>
+                <td>扣费规则: -100%</td>
+            </tr>
+             <!--  -->
+            <tr>
+                <td rowspan="3">未签到</td>
+                <td>未进行【签到】操作</td>
+            </tr>
+            <tr>
+                <td>12:30:00-12:59:59</td>
+            </tr>
+            <tr>
+                <td>扣费规则: -100%</td>
+            </tr>
+
+            <tr>
+                <td rowspan="2"></td>
+                <td>
+                    <span class="r">签到签退时间都在正常范围内，但同时GPS定位在教学点1000米外</span></td>
+            </tr>
+            <tr>
+                <td>扣费规则: -100%</td>
+            </tr>
+        </table>
+
+
+        <table border="1" style="width: 100%">
+            <tr>
+                <th colspan="2">
+                    <span style="font-size: 16px;">点名</span>
+                    <br />
+                    <span style="font-weight: 400;">以课程12:00:00-13:00:00为例</span>
+                </th>
+            </tr>
+            <tr>
+                <td rowspan="3">可点名时间范围</td>
+                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">结束后</span>6小时(当天24点前)（需先进行【签到】操作）</td>
+            </tr>
+            <tr>
+                <td>11:00:00-18:59:59</td>
+            </tr>
+            <tr>
+                <td>扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">正常点名</td>
+                <td>进行了【点名】操作</td>
+            </tr>
+            <tr>
+                <td>--</td>
+            </tr>
+            <tr>
+                <td>扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">未点名</td>
+                <td>未进行【点名】操作</td>
+            </tr>
+            <tr>
+                <td>--</td>
+            </tr>
+            <tr>
+                <td>扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="2"></td>
+                <td>
+                    <span class="r">签到签退时间都在正常范围内，但同时GPS定位在教学点1000米外</span></td>
+            </tr>
+            <tr>
+                <td>扣费规则: -100%</td>
+            </tr>
+        </table>
+
+        <table border="1" style="width: 100%">
+            <tr>
+                <th colspan="3">
+                    <span style="font-size: 16px;">签退</span>
+                    <br />
+                    <span style="font-weight: 400;">以课程12:00:00-13:00:00为例</span>
+                </th>
+            </tr>
+            <tr>
+                <td rowspan="3">可签退时间范围</td>
+                <td colspan="2">课程<span class="r">结束后</span>到课程当天24点前</td>
+            </tr>
+            <tr>
+                <td colspan="2">13:00:00-23:59:59</td>
+            </tr>
+            <tr>
+                <td colspan="2">扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">正常签退</td>
+                <td colspan="2">课程<span class="r">结束后</span>至课程<span class="r">结束后</span>6小时，且GPS定位在教学点1000米<span class="r">外</span></td>
+            </tr>
+            <tr>
+                <td colspan="2">13:00:00-18:59:59</td>
+            </tr>
+            <tr>
+                <td colspan="2">扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">早退</td>
+                <td colspan="2">课程<span class="r">结束前</span>3分钟签退至课程<span class="r">结束前</span>签退</td>
+            </tr>
+            <tr>
+                <td colspan="2">12:56:59-12:59:59</td>
+            </tr>
+            <tr>
+                <td colspan="2">扣费规则: -100%</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="4">异常签退</td>
+                <td>课程<span class="r">结束6小时后</span>至课程<span class="r">当天</span>24点前</td>
+                <td rowspan="4">扣费规则: <br />正常点名-50 <br />未点名-50%</td>
+            </tr>
+            <tr>
+                <td>19:00:00-23:59:59</td>
+            </tr>
+            <tr >
+                <td>GPS定位点在教学点范围之外</td>
+            </tr>
+            <tr>
+                <td>--</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="2"></td>
+                <td colspan="2">
+                    <span class="r">签到签退时间都在正常范围内，但同时GPS定位在教学点1000米外</span></td>
+            </tr>
+            <tr>
+                <td colspan="2">扣费规则: -100%</td>
+            </tr>
+        </table>
+    </div>
+</template>
+
+<style lang="less" scoped>
+table {
+    border: 0;
+    font-size: 12px;
+    border-color: #cccccc;
+    th {
+        text-align: center;
+    }
+    th, td {
+        padding: 5px;
+    }
+    tr:nth-child(even) {
+        background-color: #f1f1f1;
+    }
+}
+table + table {
+    margin-top: .15rem;
+}
+.r {
+    color: red;
+}
+</style>

src/views/rules/components/onLine.vue

@@ -0,0 +1,137 @@
+<template>
+    <div>
+        <h2 style="font-size: 20px; text-align: center; padding: 10px 0;">乐团&VIP&网管线上课</h2>
+
+        <table border="1" style="width: 100%">
+            <tr>
+                <th colspan="2">
+                    <span style="font-size: 16px;">签到</span>
+                    <br />
+                    <span style="font-weight: 400;">以课程12:00:00-13:00:00为例</span>
+                </th>
+            </tr>
+            <tr>
+                <td rowspan="3">可签到时间范围</td>
+                <td>课程<span class="r">开始前</span>20分钟至课程<span class="r">结束前</span>进入教室</td>
+            </tr>
+            <tr><td>11:40:00-12:59:59</td></tr>
+            <tr><td>扣费规则: --</td></tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">正常签到</td>
+                <td>课程<span class="r">开始前</span>分钟至课程<span class="r">开始前</span>1分钟进入教室</td>
+            </tr>
+            <tr>
+                <td>11:40:00-11:58:59</td>
+            </tr>
+            <tr>
+                <td>扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">迟到</td>
+                <td>课程<span class="r">开始前</span>1分钟至课程<span class="r">开始后</span>3分钟进入教室</td>
+            </tr>
+            <tr>
+                <td>11:58:59-12:02:59</td>
+            </tr>
+            <tr>
+                <td>扣费规则: -50%</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">旷课</td>
+                <td>课程开始后3分钟至课程<span class="r">结束前</span>进入教室</td>
+            </tr>
+            <tr>
+                <td>12:03:00-12:59:59</td>
+            </tr>
+            <tr>
+                <td>扣费规则: -100%</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">未签到</td>
+                <td>未进入网络教室</td>
+            </tr>
+            <tr>
+                <td>--</td>
+            </tr>
+            <tr>
+                <td>扣费规则: -100%</td>
+            </tr>
+        </table>
+
+        <table border="1" style="width: 100%">
+            <tr>
+                <th colspan="2">
+                    <span style="font-size: 16px;">签退</span>
+                    <br />
+                    <span style="font-weight: 400;">以课程12:00:00-13:00:00为例</span>
+                </th>
+            </tr>
+            <tr>
+                <td rowspan="3">可签退时间范围</td>
+                <td>课程<span class="r">开始前</span>分钟至课程<span class="r">结束后</span>15分钟（课程结束后15分钟网络教室自动关闭）</td>
+            </tr>
+            <tr><td>11:40:00-13:15:00</td></tr>
+            <tr><td>扣费规则: --</td></tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">正常签退</td>
+                <td>课程<span class="r">结束后</span>退出教室</td>
+            </tr>
+            <tr>
+                <td>13:00:00-13:15:00</td>
+            </tr>
+            <tr>
+                <td>扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">早退</td>
+                <td>课程<span class="r">开始前</span>分钟至课程<span class="r">结束前</span>3分钟退出教室</td>
+            </tr>
+            <tr>
+                <td>11:40:00-12:56:59</td>
+            </tr>
+            <tr>
+                <td>扣费规则: -100%</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">异常签退</td>
+                <td>课程<span class="r">结束前</span>3分钟至课程<span class="r">结束前</span>退出教室</td>
+            </tr>
+            <tr>
+                <td>12:57:00-12:59:59</td>
+            </tr>
+            <tr>
+                <td>扣费规则: -50%</td>
+            </tr>
+        </table>
+    </div>
+</template>
+
+<style lang="less" scoped>
+table {
+    border: 0;
+    font-size: 12px;
+    border-color: #cccccc;
+    th {
+        text-align: center;
+    }
+    th, td {
+        padding: 5px;
+    }
+    tr:nth-child(even) {
+        background-color: #f1f1f1;
+    }
+}
+table + table {
+    margin-top: .15rem;
+}
+.r {
+    color: red;
+}
+</style>

src/views/rules/components/vipOffLine.vue

@@ -0,0 +1,237 @@
+<template>
+    <div>
+        <h2 style="font-size: 20px; text-align: center; padding: 10px 0;">乐团线下课</h2>
+
+        <table border="1" style="width: 100%">
+            <tr>
+                <th colspan="2">
+                    <span style="font-size: 16px;">签到</span>
+                    <br />
+                    <span style="font-weight: 400;">以课程12:00:00-13:00:00为例</span>
+                </th>
+            </tr>
+            <tr>
+                <td rowspan="3">可签到时间范围</td>
+                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">结束前</span></td>
+            </tr>
+            <tr>
+                <td>11:00:00-13:00:00</td>
+            </tr>
+            <tr>
+                <td>扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">正常签到</td>
+                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">开始前</span>20分钟签到，GPS定位点在教学点1000米<span class="r">内</span></td>
+            </tr>
+            <tr>
+                <td>10:00:00-11:39:59</td>
+            </tr>
+            <tr>
+                <td>扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="6">异常签到</td>
+                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">开始前</span>20分钟签到，GPS定位点在教学点1000米<span class="r">外</span></td>
+            </tr>
+            <tr>
+                <td>--</td>
+            </tr>
+            <tr>
+                <td>扣费规则: -50</td>
+            </tr>
+            <tr style="width: 100%"><td>课程<span class="r">开始前</span>20分钟后至课程<span class="r">开始前</span>签到</td></tr>
+            <tr style="width: 100%">
+                <td>11:40:00-11:59:59</td>
+            </tr>
+            <tr style="width: 100%">
+                <td>扣费规则: -50</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">迟到</td>
+                <td>课程<span class="r">开始后</span>30分钟内签到</td>
+            </tr>
+            <tr>
+                <td>12:00:00-12:29:59</td>
+            </tr>
+            <tr>
+                <td>扣费规则: -50%</td>
+            </tr>
+             <!--  -->
+            <tr>
+                <td rowspan="3">旷课</td>
+                <td>课程<span class="r">开始后</span>30分钟至课程<span class="r">结束前</span>签到</td>
+            </tr>
+            <tr>
+                <td>12:30:00-12:59:59</td>
+            </tr>
+            <tr>
+                <td>扣费规则: -100%</td>
+            </tr>
+             <!--  -->
+            <tr>
+                <td rowspan="3">未签到</td>
+                <td>未进行【签到】操作</td>
+            </tr>
+            <tr>
+                <td>12:30:00-12:59:59</td>
+            </tr>
+            <tr>
+                <td>扣费规则: -100%</td>
+            </tr>
+
+            <tr>
+                <td rowspan="2"></td>
+                <td>
+                    <span class="r">签到签退时间都在正常范围内，但同时GPS定位在教学点1000米外</span></td>
+            </tr>
+            <tr>
+                <td>扣费规则: -100%</td>
+            </tr>
+        </table>
+
+
+        <table border="1" style="width: 100%">
+            <tr>
+                <th colspan="2">
+                    <span style="font-size: 16px;">点名</span>
+                    <br />
+                    <span style="font-weight: 400;">以课程12:00:00-13:00:00为例</span>
+                </th>
+            </tr>
+            <tr>
+                <td rowspan="3">可点名时间范围</td>
+                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">结束后</span>6小时(当天24点前)（需先进行【签到】操作）</td>
+            </tr>
+            <tr>
+                <td>11:00:00-18:59:59</td>
+            </tr>
+            <tr>
+                <td>扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">正常点名</td>
+                <td>进行了【点名】操作</td>
+            </tr>
+            <tr>
+                <td>--</td>
+            </tr>
+            <tr>
+                <td>扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">未点名</td>
+                <td>未进行【点名】操作</td>
+            </tr>
+            <tr>
+                <td>--</td>
+            </tr>
+            <tr>
+                <td>扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="2"></td>
+                <td>
+                    <span class="r">签到签退时间都在正常范围内，但同时GPS定位在教学点1000米外</span></td>
+            </tr>
+            <tr>
+                <td>扣费规则: -100%</td>
+            </tr>
+        </table>
+
+        <table border="1" style="width: 100%">
+            <tr>
+                <th colspan="3">
+                    <span style="font-size: 16px;">签退</span>
+                    <br />
+                    <span style="font-weight: 400;">以课程12:00:00-13:00:00为例</span>
+                </th>
+            </tr>
+            <tr>
+                <td rowspan="3">可签退时间范围</td>
+                <td colspan="2">课程<span class="r">结束后</span>到课程当天24点前</td>
+            </tr>
+            <tr>
+                <td colspan="2">13:00:00-23:59:59</td>
+            </tr>
+            <tr>
+                <td colspan="2">扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">正常签退</td>
+                <td colspan="2">课程<span class="r">结束后</span>至课程<span class="r">结束后</span>6小时，且GPS定位在教学点1000米<span class="r">外</span></td>
+            </tr>
+            <tr>
+                <td colspan="2">13:00:00-18:59:59</td>
+            </tr>
+            <tr>
+                <td colspan="2">扣费规则: --</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="3">早退</td>
+                <td colspan="2">课程<span class="r">结束前</span>3分钟签退至课程<span class="r">结束前</span>签退</td>
+            </tr>
+            <tr>
+                <td colspan="2">12:56:59-12:59:59</td>
+            </tr>
+            <tr>
+                <td colspan="2">扣费规则: -100%</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="4">异常签退</td>
+                <td>课程<span class="r">结束6小时后</span>至课程<span class="r">当天</span>24点前</td>
+                <td rowspan="4">扣费规则: <br />正常点名-50 <br />未点名-50%</td>
+            </tr>
+            <tr>
+                <td>19:00:00-23:59:59</td>
+            </tr>
+            <tr >
+                <td>GPS定位点在教学点范围之外</td>
+            </tr>
+            <tr>
+                <td>--</td>
+            </tr>
+            <!--  -->
+            <tr>
+                <td rowspan="2"></td>
+                <td colspan="2">
+                    <span class="r">签到签退时间都在正常范围内，但同时GPS定位在教学点1000米外</span></td>
+            </tr>
+            <tr>
+                <td colspan="2">扣费规则: -100%</td>
+            </tr>
+        </table>
+    </div>
+</template>
+
+<style lang="less" scoped>
+table {
+    border: 0;
+    font-size: 12px;
+    border-color: #cccccc;
+    th {
+        text-align: center;
+    }
+    th, td {
+        padding: 5px;
+    }
+    tr:nth-child(even) {
+        background-color: #f1f1f1;
+    }
+}
+table + table {
+    margin-top: .15rem;
+}
+.r {
+    color: red;
+}
+</style>

src/views/rules/index.vue

@@ -1,181 +1,8 @@
 <template>
     <div class="rules">
-        <table border="1" v-if="type == 'onLine' || !type">
-            <tr>
-                <th colspan="3">乐团&VIP&网管线上课</th>
-                <th>以课程12:00:00-13:00:00为例</th>
-                <th>扣费规则</th>
-            </tr>
-            <tr>
-                <td rowspan="5">签到</td>
-                <td>可签到时间范围</td>
-                <td>课程<span class="r">开始前</span>20分钟至课程<span class="r">结束前</span>进入教室</td>
-                <td>11:40:00-12:59:59</td>
-                <td></td>
-            </tr>
-            <tr>
-                <td>正常签到</td>
-                <td>课程<span class="r">开始前</span>分钟至课程<span class="r">开始前</span>1分钟进入教室</td>
-                <td>11:40:00-11:58:59</td>
-                <td></td>
-            </tr>
-            <tr>
-                <td>迟到</td>
-                <td>课程<span class="r">开始前</span>1分钟至课程<span class="r">开始后</span>3分钟进入教室</td>
-                <td>11:58:59-12:02:59</td>
-                <td>-50%</td>
-            </tr>
-            <tr>
-                <td>旷课</td>
-                <td>课程开始后3分钟至课程<span class="r">结束前</span>进入教室</td>
-                <td>12:03:00-12:59:59</td>
-                <td>-100%</td>
-            </tr>
-            <tr>
-                <td>未签到</td>
-                <td>未进入网络教室</td>
-                <td></td>
-                <td>-100%</td>
-            </tr>
-
-            <tr>
-                <td rowspan="5">签退</td>
-                <td>可签退时间范围</td>
-                <td>课程<span class="r">开始前</span>分钟至课程<span class="r">结束后</span>15分钟（课程结束后15分钟网络教室自动关闭）</td>
-                <td>11:40:00-13:15:00</td>
-                <td></td>
-            </tr>
-            <tr>
-                <td>正常签退</td>
-                <td>课程<span class="r">结束后</span>退出教室</td>
-                <td>13:00:00-13:15:00</td>
-                <td></td>
-            </tr>
-            <tr>
-                <td>早退</td>
-                <td>课程<span class="r">开始前</span>分钟至课程<span class="r">结束前</span>3分钟退出教室</td>
-                <td>11:40:00-12:56:59</td>
-                <td>-100%</td>
-            </tr>
-            <tr>
-                <td>异常签退</td>
-                <td>课程<span class="r">结束前</span>3分钟至课程<span class="r">结束前</span>退出教室</td>
-                <td>12:57:00-12:59:59</td>
-                <td>-50%</td>
-            </tr>
-        </table>
-
-        <table border="1" v-if="type == 'offLine' || !type">
-            <tr>
-                <th colspan="3">乐团线下课</th>
-                <th>以课程12:00:00-13:00:00为例</th>
-                <th>扣费规则</th>
-            </tr>
-            <tr>
-                <td rowspan="7">签到</td>
-                <td>可签到时间范围</td>
-                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">结束前</span></td>
-                <td>11:00:00-13:00:00</td>
-                <td></td>
-            </tr>
-            <tr>
-                <td>正常签到</td>
-                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">开始前</span>20分钟签到，GPS定位点在教学点1000米<span class="r">内</span></td>
-                <td>10:00:00-11:39:59</td>
-                <td></td>
-            </tr>
-            <tr>
-                <td rowspan="2">异常签到</td>
-                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">开始前</span>20分钟签到，GPS定位点在教学点1000米<span class="r">外</span></td>
-                <td></td>
-                <td>-50</td>
-            </tr>
-            <tr>
-                <td>课程<span class="r">开始前</span>20分钟后至课程<span class="r">开始前</span>签到</td>
-                <td>11:40:00-11:59:59</td>
-                <td>-50</td>
-            </tr>
-            <tr>
-                <td>迟到</td>
-                <td>课程<span class="r">开始后</span>30分钟内签到</td>
-                <td>12:00:00-12:29:59</td>
-                <td>-50%</td>
-            </tr>
-            <tr>
-                <td>旷课</td>
-                <td>课程<span class="r">开始后</span>30分钟至课程<span class="r">结束前</span>签到</td>
-                <td>12:30:00-12:59:59</td>
-                <td>-100%</td>
-            </tr>
-            <tr>
-                <td>未签到</td>
-                <td>未进行【签到】操作</td>
-                <td>12:30:00-12:59:59</td>
-                <td>-100%</td>
-            </tr>
-            <!--  -->
-            <tr>
-                <td rowspan="3">点名</td>
-                <td>可点名时间范围</td>
-                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">结束后</span>6小时(当天24点前)（需先进行【签到】操作）</td>
-                <td>11:00:00-18:59:59</td>
-                <td></td>
-            </tr>
-            <tr>
-                <td>正常点名</td>
-                <td>进行了【点名】操作</td>
-                <td></td>
-                <td></td>
-            </tr>
-            <tr>
-                <td>未点名</td>
-                <td>未进行【点名】操作</td>
-                <td></td>
-                <td></td>
-            </tr>
+        <on-line v-if="type == 'onLine' || !type" />
+        <off-line v-if="type == 'offLine' || !type" />
 
-            <!--  -->
-            <tr>
-                <td rowspan="6">签退</td>
-                <td>可签退时间范围</td>
-                <td>课程<span class="r">结束后</span>到课程当天24点前</td>
-                <td>13:00:00-23:59:59</td>
-                <td></td>
-            </tr>
-            <tr>
-                <td>正常签退</td>
-                <td>课程<span class="r">结束后</span>至课程<span class="r">结束后</span>6小时，且GPS定位在教学点1000米<span class="r">外</span></td>
-                <td>13:00:00-18:59:59</td>
-                <td></td>
-            </tr>
-            <tr>
-                <td>早退</td>
-                <td>课程<span class="r">结束前</span>3分钟签退至课程<span class="r">结束前</span>签退</td>
-                <td>12:56:59-12:59:59</td>
-                <td>-100%</td>
-            </tr>
-            <tr>
-                <td rowspan="2">异常签退</td>
-                <td>课程<span class="r">结束6小时后</span>至课程<span class="r">当天</span>24点前</td>
-                <td>19:00:00-23:59:59</td>
-                <td rowspan="2">正常点名-50 <br />未点名-50%</td>
-            </tr>
-            <tr>
-                <td>GPS定位点在教学点范围之外</td>
-                <td></td>
-            </tr>
-            <tr>
-                <td>未签退</td>
-                <td>未进行【签退】操作</td>
-                <td></td>
-                <td>-100%</td>
-            </tr>
-            <tr>
-                <td colspan="3"><span class="r">签到签退时间都在正常范围内，但同时GPS定位在教学点1000米外</span></td>
-                <td></td>
-                <td>-100%</td>
-            </tr>
-        </table>
         <table border="1" v-if="type == 'vipOffLine' || !type">
             <tr>
                 <th colspan="3">VIP线下课</th>
@@ -219,7 +46,10 @@
 <script>
 import { sysConfigList } from './api'
 import setLoading from '@/utils/loading'
+import OnLine from './components/onLine'
+import OffLine from './components/offLine'
 export default {
+    components: { OnLine, OffLine },
     data() {
         let query = this.$route.query
         return {
@@ -228,7 +58,12 @@ export default {
         }
     },
     mounted() {
-        this.__init()
+        let params = this.$route.query
+        if(params.Authorization) {
+            localStorage.setItem('Authorization', decodeURI(params.Authorization))
+            localStorage.setItem('userInfo', decodeURI(params.Authorization))
+        }
+        // this.__init()
     },
     methods: {
         async __init() {
@@ -246,7 +81,7 @@ export default {
                                 break;
                         }
                     });
-                    console.log(this.dataList)
+                    // console.log(this.dataList)
                 }
             })
             setLoading(false)