更新代码

src/App.vue

@@ -45,26 +45,26 @@ export default {
           path: '/roleInfo'
         },
         {
+          label: '订单信息',
+          path: '/orderList'
+        },
+        {
           label: '快捷回复',
           path: '/quickReply'
         },
         {
-          label: '礼包记录',
-          path: '/giftRecord'
+          label: '违规记录',
+          path: '/violationRecord'
         },
         {
-          label: '订单记录',
-          path: '/orderList'
+          label: '礼包记录',
+          path: '/giftRecord'
         },
+       
         {
-          label: '违规记录',
-          path: '/violationRecord'
+          label: '任务记录',
+          path: '/taskRecord'
         },
-       
-        // {
-        //   label: '申请记录',
-        //   path: '/applyRecord'
-        // },
         // {
         //   label: '快捷发送',
         //   path: '/quickSend'

src/main.js

@@ -51,14 +51,19 @@ Vue.use(Element, {
   size: Cookies.get('size') || 'small' // set element-ui default size
   // locale: enLang, // 如果使用中文，无需设置，请删除123132
 })
+
+// 配置和原型方法设置应该在创建Vue实例之前
+Vue.config.productionTip = false
+// 配置 Vue DevTools
+Vue.config.devtools = process.env.NODE_ENV === 'development'
+Vue.prototype.$cookies = Cookies;
+Vue.prototype.$lodash = _;
+Vue.prototype.$moment = moment;
+
 new Vue({
   router,
   store,
   render: h => h(App)
 }).$mount('#app')
-Vue.config.productionTip = false
-Vue.prototype.$cookies = Cookies;
-Vue.prototype.$lodash = _;
-Vue.prototype.$moment = moment;
 
 

src/router/index.js

@@ -9,6 +9,7 @@ import addressBook from '../views/addressBook.vue'
 import orderList from '../views/orderList.vue'
 import roleInfo from '../views/roleInfo.vue'
 import violationRecord from '../views/ViolationRecord.vue'
+import taskRecord from '../views/taskRecord.vue'
 import Cookies from 'js-cookie'
 import store from '@/store'
 Vue.use(VueRouter)
@@ -68,6 +69,11 @@ const routes = [
     component: orderList
   },
   {
+    path: '/taskRecord',
+    name: 'taskRecord',
+    component: taskRecord
+  },
+  {
     path: '/login',
     name: 'login',
     component: () => import('../views/login.vue')

src/views/components/roleInfo/approval.vue

@@ -236,7 +236,7 @@
   <script>
   import { searchcondition, appealList, appealCancel, appealProcess } from '@/api/game'
   import { mapState, mapMutations } from 'vuex'
-  import { removeDp, formatNumber } from '@/utils/index'
+  import { removeDp, formatNumber,debounce } from '@/utils/index'
   import resubmitApproval from './layer/appeal.vue'
   // 导入审批状态图标
   import shenpi1 from '@/assets/icon/shenpi1.svg'
@@ -245,13 +245,22 @@
   import shenpi4 from '@/assets/icon/shenpi4.svg'
   import shenpi5 from '@/assets/icon/shenpi5.svg'
 import noContent from "@/components/noContent.vue";
-import { debounce } from '@/utils'
   import watchMember from '@/mixins/watchMember'
   export default {
     computed: {
       ...mapState('game', ['accountSelect']),
       ...mapState('user', ['userInfo'])
     },
+    watch: {
+      accountSelect: {
+        handler:debounce(function(newVal, oldVal) {
+          if (newVal && newVal !== "" && newVal !== oldVal) {
+            this.filterChange()
+          }
+        },200),
+        immediate: false
+      }
+    },
     components: {
       resubmitApproval,
       noContent

src/views/components/roleInfo/report.vue

@@ -271,7 +271,7 @@
   <script>
   import { searchcondition, reportIndex, reportCancel, reportProcess } from '@/api/game'
   import { mapState, mapMutations } from 'vuex'
-  import { removeDp, formatNumber } from '@/utils/index'
+  import { removeDp, formatNumber,debounce } from '@/utils/index'
   import resubmitReport from './layer/report.vue'
   import approvalTask from './layer/approvalTask.vue'
   // 导入审批状态图标
@@ -282,9 +282,16 @@
   import shenpi5 from '@/assets/icon/shenpi5.svg'
   export default {
     computed: {
-      ...mapState('game', ['accountSelect', 'report_is_send']),
+      ...mapState('game', ['accountSelect']),
       ...mapState('user', ['cser_id','cser_name'])
     },
+    watch: {
+      accountSelect(newVal,oldVal){
+        if (newVal && newVal !== "" && newVal !== oldVal) {
+            this.filterChange()
+          }
+      }
+    },
     components: {
       resubmitReport,
       approvalTask
@@ -326,15 +333,6 @@
         taskTypeList: []
       }
     },
-    watch: {
-      // 监听到变化
-      report_is_send(newVal, oldVal) {
-        console.log('变化了')
-        this.reportForm.register_type = 2
-        this.reportForm.approval_status = 1
-        this.filterChange()
-      }
-    },
     mounted() {
       // this.request_register_type()
       this.requstApprovalList()

src/views/roleInfo.vue

@@ -7,7 +7,7 @@
       <el-tab-pane label="举报信息" name="report">
         <report v-if="roleActive === 'report'" />
       </el-tab-pane>
-      <el-tab-pane label="违规记录" name="approval">
+      <el-tab-pane label="申诉记录" name="approval">
         <approval v-if="roleActive === 'approval'" />
       </el-tab-pane>
     </el-tabs>

src/views/userInfo/userInfo.vue

 <template>
   <div class="userInfo-content">
-    <!-- 用 el-tabs 有三个 tab 分别是 客户资料 角色信息 违规记录 用 v-for 循环  -->
-     <el-tabs v-model="activeTab" >
-      <el-tab-pane label="客户资料" name="userInfo">
-        <Info v-if="activeTab === 'userInfo'" :chatUserDetails="chatUserInfo"/>
-      </el-tab-pane>
-      <!-- <el-tab-pane label="角色信息" name="roleInfo">
-        <RoleInfo v-if="activeTab === 'roleInfo'"/>
-      </el-tab-pane> -->
-      <!-- <el-tab-pane label="违规记录" name="violationRecord">
-        <ViolationRecord v-if="activeTab === 'violationRecord'"/>
-      </el-tab-pane> -->
-     </el-tabs>
+    <Info :chatUserDetails="chatUserInfo"/>
   </div>
 </template>
 <script>
@@ -34,21 +23,6 @@ export default {
   },
   data() {
     return {
-      activeTab:'userInfo',
-      tabList:[
-        {
-          name:'客户资料',
-          value:'userInfo'
-        },
-        {
-          name:'角色信息',
-          value:'roleInfo'
-        },
-        {
-          name:'违规记录',
-          value:'violationRecord'
-        }
-      ]
     }
   },
   created(){