更新成动态数据

src/views/rules/components/offLine.vue

@@ -23,7 +23,7 @@
             <!--  -->
             <tr>
                 <td rowspan="3">正常签到</td>
-                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">开始前</span>20分钟签到，GPS定位点在教学点1000米<span class="r">内</span></td>
+                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">开始前</span>20分钟签到，GPS定位点在教学点{{ list.attendance_range }}米<span class="r">内</span></td>
             </tr>
             <tr>
                 <td>10:00:00-11:39:59</td>
@@ -34,7 +34,7 @@
             <!--  -->
             <tr>
                 <td rowspan="6">异常签到</td>
-                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">开始前</span>20分钟签到，GPS定位点在教学点1000米<span class="r">外</span></td>
+                <td>课程<span class="r">开始前</span>1小时至课程<span class="r">开始前</span>20分钟签到，GPS定位点在教学点{{ list.attendance_range }}米<span class="r">外</span></td>
             </tr>
             <tr>
                 <td>--</td>
@@ -86,7 +86,7 @@
             <tr>
                 <td rowspan="2"></td>
                 <td>
-                    <span class="r">签到签退时间都在正常范围内，但同时GPS定位在教学点1000米外</span></td>
+                    <span class="r">签到签退时间都在正常范围内，但同时GPS定位在教学点{{ list.attendance_range }}米外</span></td>
             </tr>
             <tr>
                 <td>扣费规则: -100%</td>
@@ -138,7 +138,7 @@
             <tr>
                 <td rowspan="2"></td>
                 <td>
-                    <span class="r">签到签退时间都在正常范围内，但同时GPS定位在教学点1000米外</span></td>
+                    <span class="r">签到签退时间都在正常范围内，但同时GPS定位在教学点{{ list.attendance_range }}米外</span></td>
             </tr>
             <tr>
                 <td>扣费规则: -100%</td>
@@ -166,7 +166,7 @@
             <!--  -->
             <tr>
                 <td rowspan="3">正常签退</td>
-                <td colspan="2">课程<span class="r">结束后</span>至课程<span class="r">结束后</span>6小时，且GPS定位在教学点1000米<span class="r">外</span></td>
+                <td colspan="2">课程<span class="r">结束后</span>至课程<span class="r">结束后</span>6小时，且GPS定位在教学点{{ list.attendance_range }}米<span class="r">外</span></td>
             </tr>
             <tr>
                 <td colspan="2">13:00:00-18:59:59</td>
@@ -204,7 +204,7 @@
             <tr>
                 <td rowspan="2"></td>
                 <td colspan="2">
-                    <span class="r">签到签退时间都在正常范围内，但同时GPS定位在教学点1000米外</span></td>
+                    <span class="r">签到签退时间都在正常范围内，但同时GPS定位在教学点{{ list.attendance_range }}米外</span></td>
             </tr>
             <tr>
                 <td colspan="2">扣费规则: -100%</td>
@@ -213,6 +213,32 @@
     </div>
 </template>
 
+<script>
+export default {
+    props: {
+        dataList: {
+            type: Object,
+            default() {
+                return {}
+            }
+        }
+    },
+    data() {
+        return {
+            list: {}
+        }
+    },
+    mounted() {
+        this.list = this.dataList
+    },
+    watch: {
+        dataList(newValue) {
+            this.list = newValue
+        }
+    }
+}
+</script>
+
 <style lang="less" scoped>
 table {
     border: 0;

src/views/rules/components/onLine.vue

@@ -12,14 +12,14 @@
             </tr>
             <tr>
                 <td rowspan="3">可签到时间范围</td>
-                <td>课程<span class="r">开始前</span>20分钟至课程<span class="r">结束前</span>进入教室</td>
+                <td>课程<span class="r">开始前</span>{{ list.advance_sign_in_minutes }}分钟至课程<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>
+                <td>课程<span class="r">开始前</span>{{ list.advance_sign_in_minutes }}分钟至课程<span class="r">开始前</span>1分钟进入教室</td>
             </tr>
             <tr>
                 <td>11:40:00-11:58:59</td>
@@ -72,7 +72,7 @@
             </tr>
             <tr>
                 <td rowspan="3">可签退时间范围</td>
-                <td>课程<span class="r">开始前</span>分钟至课程<span class="r">结束后</span>15分钟（课程结束后15分钟网络教室自动关闭）</td>
+                <td>课程<span class="r">开始前</span>{{ list.advance_sign_in_minutes }}分钟至课程<span class="r">结束后</span>15分钟（课程结束后15分钟网络教室自动关闭）</td>
             </tr>
             <tr><td>11:40:00-13:15:00</td></tr>
             <tr><td>扣费规则: --</td></tr>
@@ -90,7 +90,7 @@
             <!--  -->
             <tr>
                 <td rowspan="3">早退</td>
-                <td>课程<span class="r">开始前</span>分钟至课程<span class="r">结束前</span>3分钟退出教室</td>
+                <td>课程<span class="r">开始前</span>{{ list.advance_sign_in_minutes }}分钟至课程<span class="r">结束前</span>3分钟退出教室</td>
             </tr>
             <tr>
                 <td>11:40:00-12:56:59</td>
@@ -113,6 +113,33 @@
     </div>
 </template>
 
+<script>
+export default {
+    name: 'onLine',
+    props: {
+        dataList: {
+            type: Object,
+            default() {
+                return {}
+            }
+        }
+    },
+    data() {
+        return {
+            list: {}
+        }
+    },
+    mounted() {
+        this.list = this.dataList
+    },
+    watch: {
+        dataList(newValue) {
+            this.list = newValue
+        }
+    }
+}
+</script>
+
 <style lang="less" scoped>
 table {
     border: 0;

src/views/rules/components/vipOffLine.vue

@@ -12,7 +12,7 @@
             </tr>
             <tr>
                 <td rowspan="3">可签到时间范围</td>
-                <td>课程开始前20分钟至课程结束后20分钟</td>
+                <td>课程开始前{{ list.enable_student_attendance_befor_course_start_time_range_vip }}分钟至课程结束后{{ list.enable_student_attendance_time_range_vip }}分钟</td>
             </tr>
             <tr>
                 <td>11:40:00-13:19:59</td>
@@ -23,7 +23,7 @@
             <!--  -->
             <tr>
                 <td rowspan="3">正常签到签退</td>
-                <td>操作了【点名】，GPS定位在教学点1000米<span class="r">内</span></td>
+                <td>操作了【点名】，GPS定位在教学点{{ list.attendance_range_vip }}米<span class="r">内</span></td>
             </tr>
             <tr>
                 <td>--</td>
@@ -34,7 +34,7 @@
             <!--  -->
             <tr>
                 <td rowspan="3">异常签到签退</td>
-                <td>操作了【点名】，GPS定位在教学点1000米<span class="r">外</span></td>
+                <td>操作了【点名】，GPS定位在教学点{{ list.attendance_range_vip }}米<span class="r">外</span></td>
             </tr>
             <tr>
                 <td>--</td>
@@ -57,7 +57,7 @@
             <tr>
                 <td rowspan="2"></td>
                 <td>
-                    <span class="r">签到签退时间都在正常范围内，但同时GPS定位在教学点1000米外</span></td>
+                    <span class="r">签到签退时间都在正常范围内，但同时GPS定位在教学点{{ list.attendance_range_vip }}米外</span></td>
             </tr>
             <tr>
                 <td>扣费规则: -100%</td>
@@ -66,6 +66,33 @@
     </div>
 </template>
 
+
+<script>
+export default {
+    props: {
+        dataList: {
+            type: Object,
+            default() {
+                return {}
+            }
+        }
+    },
+    data() {
+        return {
+            list: {}
+        }
+    },
+    mounted() {
+        this.list = this.dataList
+    },
+    watch: {
+        dataList(newValue) {
+            this.list = newValue
+        }
+    }
+}
+</script>
+
 <style lang="less" scoped>
 table {
     border: 0;

src/views/rules/index.vue

@@ -1,8 +1,8 @@
 <template>
     <div class="rules">
-        <on-line v-if="type == 'onLine' || !type" />
-        <off-line v-if="type == 'offLine' || !type" />
-        <vip-off-line v-if="type == 'vipOffLine' || !type" />
+        <on-line v-if="type == 'onLine' || !type" :dataList="dataList" />
+        <off-line v-if="type == 'offLine' || !type" :dataList="dataList" />
+        <vip-off-line v-if="type == 'vipOffLine' || !type" :dataList="dataList" />
     </div>
 </template>
 
@@ -27,7 +27,8 @@ export default {
             localStorage.setItem('Authorization', decodeURI(params.Authorization))
             localStorage.setItem('userInfo', decodeURI(params.Authorization))
         }
-        // this.__init()
+        document.title = '规则'
+        this.__init()
     },
     methods: {
         async __init() {
@@ -36,16 +37,29 @@ export default {
                 const result = res.data
                 if(result.code == 200) {
                     const { data } = result
-                    const dataList = this.dataList
+                    const dataList = {}
                     data.forEach(item => {
                         switch(item.paramName) {
                             case 'advance_sign_in_minutes':
                                 // 老师正常打卡时间，为课程当天，距离开课时间前{}分钟
                                 dataList.advance_sign_in_minutes = item.paranValue
                                 break;
+                            case 'attendance_range':
+                                dataList.attendance_range = item.paranValue
+                                break;
+                            case 'enable_student_attendance_time_range_vip':
+                                dataList.enable_student_attendance_time_range_vip = item.paranValue
+                                break;
+                            case 'enable_student_attendance_befor_course_start_time_range_vip':
+                                dataList.enable_student_attendance_befor_course_start_time_range_vip = item.paranValue
+                                break;
+                            case 'attendance_range_vip':
+                                dataList.attendance_range_vip = item.paranValue
+                                break;
                         }
                     });
-                    // console.log(this.dataList)
+                    console.log(dataList)
+                    this.dataList = dataList
                 }
             })
             setLoading(false)