更新优化VIP课程设置

src/components/LocationHash/index.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="location-hash">
+      <slot />
+  </div>
+</template>
+<script>
+export default {
+    name: 'location-hash',
+    props: {
+        value: {
+            type: String | Number
+        }
+    },
+    mounted() {
+    },
+    methods: {
+        onChange() {
+            this.changeHash(this.value)
+            this.$emit('onHashChange')
+        }
+    },
+    watch: {
+        value(newValue, oldValue) {
+            this.onChange()
+        }
+    }
+}
+</script>

src/components/install.js

@@ -6,11 +6,13 @@
 import saveform from '@/components/save-form'
 import formitem from '@/components/form-item'
 import overflowtext from '@/components/overflow-text'
+import locationHash from '@/components/LocationHash'
 
 export default {
   install(Vue) {
     Vue.component(saveform.name, saveform)
     Vue.component(formitem.name, formitem)
     Vue.component(overflowtext.name, overflowtext)
+    Vue.component(locationHash.name, locationHash)
   }
 }

src/main.js

@@ -105,6 +105,12 @@ Vue.mixin({
       return store.state.selects
     }
   },
+  methods: {
+    changeHash(value) {
+      const origin = window.location.origin
+      history.replaceState("", "", `${origin}/#${this.$route.path}?opt=${value}`)
+    }
+  }
 })
 
 new Vue({

src/store/modules/tagsView.js

@@ -5,7 +5,7 @@ const tagsView = {
   },
   mutations: {
     ADD_VISITED_VIEWS: (state, view) => {
-      console.log(view)
+      // console.log(view)
       if (state.visitedViews.some(v => v.path === view.path)) {
         state.visitedViews.forEach(v => {
           if (v.path === view.path) {

src/views/categroyManager/generalSettings/vipParameterManager.vue

@@ -5,14 +5,16 @@
       VIP参数设置
     </h2>
     <div class="m-core">
-      <el-tabs v-model.trim="activeIndex" type="card" @tab-click="handleClick">
-        <el-tab-pane lazy label="课程形式" name="1">
-          <vipCourseType />
-        </el-tab-pane>
-        <el-tab-pane lazy label="周期循环" name="2">
-          <vipCourseTimeSet />
-        </el-tab-pane>
-      </el-tabs>
+      <location-hash v-model="activeIndex" @change="handleClick">
+        <el-tabs v-model.trim="activeIndex" type="card" @tab-click="handleClick">
+          <el-tab-pane lazy label="课程形式" name="1">
+            <vipCourseType />
+          </el-tab-pane>
+          <el-tab-pane lazy label="周期循环" name="2">
+            <vipCourseTimeSet />
+          </el-tab-pane>
+        </el-tabs>
+      </location-hash>
     </div>
   </div>
 </template>
@@ -23,8 +25,9 @@ export default {
   name: "vipParameterManager",
   components: { vipCourseType, vipCourseTimeSet },
   data() {
+    const query = this.$route.query
     return {
-      activeIndex: "1",
+      activeIndex: query.opt || "1",
     };
   },
   mounted() {},

src/views/categroyManager/insideSetting/branchActive.vue

@@ -98,13 +98,11 @@
                     @pagination="getList" />
       </div>
     </div>
-
   </div>
 </template>
 <script>
 import pagination from '@/components/Pagination/index'
 import { courseScheduleRewards } from '@/api/systemManage'
-import { getTeacher } from '@/api/buildTeam'
 import { rewardModeTypeList } from "@/utils/searchArray";
 export default {
   name: 'branchActive',

src/views/categroyManager/vipChargeSeting.vue

@@ -27,15 +27,13 @@
       </save-form>
       <div class="tableWrap">
         <el-table :data="dataList"
-                  style="width:720px;"
+                  style="width:100% !important;"
                   :header-cell-style="{background:'#EDEEF0',color:'#444'}">
           <el-table-column prop="name"
-                           label="课程形式"
-                           width="180">
+                           label="课程形式">
           </el-table-column>
           <el-table-column prop="onlineClassesUnitPrice"
-                           label="线上课单价"
-                           width="180">
+                           label="线上课单价">
             <template slot-scope="scope">
               <div>
                 <el-input v-model.trim="scope.row.onlineClassesUnitPrice"></el-input>
@@ -43,16 +41,14 @@
             </template>
           </el-table-column>
           <el-table-column prop="offlineClassesUnitPrice"
-                           label="线下课单价"
-                           width="180">
+                           label="线下课单价">
             <template slot-scope="scope">
               <div>
                 <el-input v-model.trim="scope.row.offlineClassesUnitPrice"></el-input>
               </div>
             </template>
           </el-table-column>
-          <el-table-column label="操作"
-                           width="180">
+          <el-table-column label="操作">
             <template slot-scope="scope">
               <div>
                 <el-button type="text" v-permission="'vipGroupDefaultClassesUnitPrice/add'"