11

11

src/components/save-form/index.vue

@@ -21,7 +21,7 @@ export default {
     }
   },
   mounted() {
-    const searchs = new Searchs(this['save-key'] || this.$route.fullPath)
+    const searchs = new Searchs(this['save-key'] || this.$route.path)
     this.searchs = searchs
     const active = searchs.get()
     for (const key in active.form) {

src/layout/components/TagsView.vue

@@ -80,7 +80,7 @@ export default {
       return route.path === this.$route.path
     },
     syncTagViewAndSaveForm() {
-      const keys = this.$store.state.tagsView.visitedViews.map(item => item.fullPath)
+      const keys = this.$store.state.tagsView.visitedViews.map(item => item.path)
       const searchs = new Searchs()
       const sks = Object.keys(searchs.getSearchs())
       for (const item of sks) {
@@ -111,7 +111,7 @@ export default {
     },
     closeSelectedTag (view) {
       const searchs = new Searchs()
-      searchs.remove(this.$route.fullPath)
+      searchs.remove(this.$route.path)
       this.$store.dispatch('delVisitedViews', view).then((views) => {
         if (this.isActive(view)) {
           const latestView = views.slice(-1)[0]

src/router/notKeepAliveList.js

@@ -4,7 +4,6 @@ export default [
   '/orderList/orderAudit', // 订单管理 订单审核
   '/business/teamCourseList', // 课表列表
   '/business/auditList', // 审核列表
-  '/journal/payAppeal', // 考勤申诉
   '/orderList/financeManager', // 财务管理
   // '/operateManager/HumanResources'
   '/vipClassSet/vipParameterManager', // VIP参数设置
@@ -15,4 +14,8 @@ export default [
   '/vipClassSet/vipNewActive', // VIP活动方案修改
   '/main/main', // 首页
   '/journal/journal', // 系统日志
+  '/journal/classFeesIsOk', // 课酬列表
+  '/journal/requestProcessing', // 课酬申述
+  '/journal/payAppeal', // 考勤申诉
+  '/business/teamDetail', // 乐团列表
 ]

src/styles/transition.scss

@@ -14,7 +14,7 @@
 /* fade-transform */
 .fade-transform-leave-active,
 .fade-transform-enter-active {
-  transition: all .5s;
+  transition: all .3s;
 }
 
 .fade-transform-enter {
@@ -30,7 +30,7 @@
 /* breadcrumb transition */
 .breadcrumb-enter-active,
 .breadcrumb-leave-active {
-  transition: all .5s;
+  transition: all .3s;
 }
 
 .breadcrumb-enter,
@@ -40,7 +40,7 @@
 }
 
 .breadcrumb-move {
-  transition: all .5s;
+  transition: all .3s;
 }
 
 .breadcrumb-leave-active {

src/views/teamDetail/index.vue

@@ -117,6 +117,7 @@ export default {
     },
     handleClick (val) {
       this.activeIndex = val.name;
+
     },
     onCancel () {
       this.$router.push({ path: '/business/teamDetail', query: { search: this.Fsearch, rules: this.Frules } })
@@ -126,7 +127,7 @@ export default {
     //   localStorage.setItem('teamName', name);
     // },
     resetTeam () {
-      // id  type 
+      // id  type
       this.$router.push({ path: '/business/teamBuild', query: { type: 'resetTeam', id: this.teamid } })
     }
   },
@@ -189,4 +190,4 @@ export default {
 }
 </style>
 <style lang='scss'>
-</style>
+</style>

src/views/teamDetail/teamList.vue

@@ -13,7 +13,9 @@
              @click="resetTeam">乐团调整</div> -->
       </div>
 
-      <el-form :inline="true"
+      <save-form :inline="true"
+      @submit='search'
+      @reset='reset'
                class="topForm"
                ref="topForm"
                :model="topForm">
@@ -60,13 +62,15 @@
         </el-form-item>
         <el-form-item>
           <el-button type='danger'
-                     @click="search">搜索</el-button>
+          native-type="submit"
+                     >搜索</el-button>
         </el-form-item>
         <el-form-item>
           <el-button type='primary'
-                     @click="reset">重置</el-button>
+          native-type="reset"
+                    >重置</el-button>
         </el-form-item>
-      </el-form>
+      </save-form>
       <div class="tableWrap">
         <el-table style="width: 100%"
                   @selection-change="handleSelectionChange"
@@ -248,7 +252,9 @@
         </el-table>
         <!-- 分页器 -->
         <!-- 分页 -->
-        <pagination :total="rules.total"
+        <pagination
+        sync
+        :total.sync="rules.total"
                     :page.sync="rules.page"
                     :limit.sync="rules.limit"
                     :page-sizes="rules.page_size"
@@ -372,7 +378,7 @@ export default {
     createNewTeam () {
       let search = JSON.stringify(this.topForm)
       let rules = JSON.stringify(this.rules)
-      this.$router.push({ path: '/business/teamBuild', query: { type: 'newTeam', search, rules } })
+      this.$router.push({ path: '/business/teamBuild', query: { type: 'newTeam', } })
     },
     resetTeam () {
       // 这里还有勾选的乐团信息
@@ -382,13 +388,13 @@ export default {
       }
       let search = JSON.stringify(this.topForm)
       let rules = JSON.stringify(this.rules)
-      this.$router.push({ path: '/business/teamBuild', query: { type: 'teamList', teamList: this.passed, search, rules } })
+      this.$router.push({ path: '/business/teamBuild', query: { type: 'teamList', teamList: this.passed, } })
     },
     resetTeaming (row) {
       // 修改进行中的乐团
       let search = JSON.stringify(this.topForm)
       let rules = JSON.stringify(this.rules)
-      this.$router.push({ path: '/business/resetTeaming', query: { type: 'resetTeam', id: row.id, search, rules } })
+      this.$router.push({ path: '/business/resetTeaming', query: { type: 'resetTeam', id: row.id,} })
     },
     setSearchList (obj) {
       //
@@ -491,7 +497,7 @@ export default {
       // 查看课表
       let search = JSON.stringify(this.topForm)
       let rules = JSON.stringify(this.rules)
-      this.$router.push({ path: '/business/teamDetailCourse', query: { id: row.id, name: row.name, search, rules } })
+      this.$router.push({ path: '/business/teamDetailCourse', query: { id: row.id, name: row.name,  } })
     },
     lookTeamDetail (row) {
       let search = JSON.stringify(this.topForm)
@@ -499,43 +505,43 @@ export default {
       switch (row.status) {
         case 'DRAFT': {
           // 编辑中
-          this.$router.push({ path: '/business/teamBuild', query: { type: 'teamDraft', id: row.id, search, rules } })
+          this.$router.push({ path: '/business/teamBuild', query: { type: 'teamDraft', id: row.id,  } })
           break;
         }
         case 'AUDIT': {
           // 审核中
-          this.$router.push({ path: '/business/teamBuild', query: { type: 'teamAudit', id: row.id, search, rules } })
+          this.$router.push({ path: '/business/teamBuild', query: { type: 'teamAudit', id: row.id,  } })
           break;
         }
         case 'FEE_AUDIT': {
           // 费用审核中
-          this.$router.push({ path: '/business/teamBuild', query: { type: 'feeAudit', id: row.id, search, rules } })
+          this.$router.push({ path: '/business/teamBuild', query: { type: 'feeAudit', id: row.id,  } })
           break;
         }
         case 'AUDIT_FAILED': {
           // 审核失败
-          this.$router.push({ path: '/business/teamBuild', query: { type: 'teamDraft', id: row.id, search, rules } })
+          this.$router.push({ path: '/business/teamBuild', query: { type: 'teamDraft', id: row.id,  } })
           break;
         }
         case 'APPLY': {
           // 报名中
-          this.$router.push({ path: `/business/signupList`, query: { status: row.status, id: row.id, name: row.name, search, rules } })
+          this.$router.push({ path: `/business/signupList`, query: { status: row.status, id: row.id, name: row.name, } })
           break;
         }
         case 'PAY': {
           // 缴费中
-          this.$router.push({ path: `/business/signupList`, query: { status: row.status, id: row.id, name: row.name, search, rules } })
+          this.$router.push({ path: `/business/signupList`, query: { status: row.status, id: row.id, name: row.name,  } })
           break;
         }
         case 'PREPARE': {
           // 筹备中 跳转到乐团设置界面
-          this.$router.push({ path: `/business/teamSeting`, query: { status: row.status, id: row.id, name: row.name, search, rules } })
+          this.$router.push({ path: `/business/teamSeting`, query: { status: row.status, id: row.id, name: row.name,  } })
           break;
         }
         case 'PROGRESS': {
           // 进行中
           // 调到乐团详情 teamDetails
-          this.$router.push({ path: `/business/teamDetails`, query: { status: row.status, id: row.id, name: row.name, search, rules, organId: row.organId } })
+          this.$router.push({ path: `/business/teamDetails`, query: { status: row.status, id: row.id, name: row.name,  organId: row.organId } })
           break
         }
         case 'CANCELED': {
@@ -544,7 +550,7 @@ export default {
         }
         case 'PAUSE': {
           // 暂停
-          this.$router.push({ path: `/business/teamDetails`, query: { status: row.status, id: row.id, name: row.name, search, rules } })
+          this.$router.push({ path: `/business/teamDetails`, query: { status: row.status, id: row.id, name: row.name, } })
           break;
         }
       }
@@ -564,19 +570,19 @@ export default {
     gotodetailList (row) {
       let search = JSON.stringify(this.topForm)
       let rules = JSON.stringify(this.rules)
-      this.$router.push({ path: '/business/teamDetailedList', query: { id: row.id, search, rules } })
+      this.$router.push({ path: '/business/teamDetailedList', query: { id: row.id, } })
     },
     //
     lookTeamInfo (row) {
       let search = JSON.stringify(this.topForm)
       let rules = JSON.stringify(this.rules)
-      this.$router.push({ path: '/business/teamLookBase', query: { type: 'look', id: row.id, name: row.name, search, rules } })
+      this.$router.push({ path: '/business/teamLookBase', query: { type: 'look', id: row.id, name: row.name } })
     },
     // setImprovement 设置基础技能班
     gotoImprovement (row) {
       let search = JSON.stringify(this.topForm)
       let rules = JSON.stringify(this.rules)
-      this.$router.push({ path: '/business/setImprovement', query: { id: row.id, search, rules } })
+      this.$router.push({ path: '/business/setImprovement', query: { id: row.id,  } })
     },
     // 停止乐团
     stopTeam (row) {

src/views/workBenchManager/classFeesIsOk.vue

@@ -25,7 +25,7 @@
       <save-form
         :inline="true"
         @submit="search"
-        @reset="onReset"
+        @reset="onReSet"
         :model="searchForm"
       >
         <el-form-item>
@@ -123,8 +123,8 @@
           ></el-date-picker>
         </el-form-item>
         <el-form-item>
-          <el-button type="danger" native-type="submit" >搜索</el-button>
-          <el-button  native-type="reset" type="primary">重置</el-button>
+          <el-button type="danger" native-type="submit">搜索</el-button>
+          <el-button native-type="reset" type="primary">重置</el-button>
           <!-- export/isSettlementCourseSalarys -->
           <el-button
             @click="onExport"
@@ -269,7 +269,8 @@
           </el-table-column>
         </el-table>
         <pagination
-          :total="rules.total"
+          sync
+          :total.sync="rules.total"
           :page.sync="rules.page"
           :limit.sync="rules.limit"
           :page-sizes="rules.page_size"

src/views/workBenchManager/requestProcessing.vue

@@ -2,165 +2,210 @@
 <template>
   <div class="m-container">
     <h2>
-      <div class="squrt"></div>课酬申诉
+      <div class="squrt"></div>
+      课酬申诉
     </h2>
     <div class="m-core">
-      <el-form :inline="true"
-               :model="searchForm">
+      <save-form
+        :inline="true"
+        @reset="onReSet"
+        @submit="search"
+        :model="searchForm"
+      >
         <!-- <el-form-item>
           <el-input v-model.trim="searchForm.search" @keyup.enter.native="search" placeholder></el-input>
         </el-form-item>-->
         <el-form-item prop="organId">
-          <el-select class="multiple"
-                     v-model.trim="searchForm.organId"
-                     filterable
-                     clearable
-                     placeholder="请选择分部">
-            <el-option v-for="(item,index) in organList"
-                       :key="index"
-                       :label="item.name"
-                       :value="item.id"></el-option>
+          <el-select
+            class="multiple"
+            v-model.trim="searchForm.organId"
+            filterable
+            clearable
+            placeholder="请选择分部"
+          >
+            <el-option
+              v-for="(item, index) in organList"
+              :key="index"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item>
-          <el-select placeholder="老师姓名"
-                     v-model="searchForm.teacherId"
-                     clearable
-                     filterable>
-            <el-option v-for="(item,index) in teacherList"
-                       :label="item.realName"
-                       :value="item.id"
-                       :key="index"></el-option>
+          <el-select
+            placeholder="老师姓名"
+            v-model="searchForm.teacherId"
+            clearable
+            filterable
+          >
+            <el-option
+              v-for="(item, index) in teacherList"
+              :label="item.realName"
+              :value="item.id"
+              :key="index"
+            ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item>
-          <el-select placeholder="状态"
-                     v-model="searchForm.statusEnum"
-                     clearable>
-            <el-option label="待处理"
-                       value="PENDING"></el-option>
-            <el-option label="已完成"
-                       value="DONE"></el-option>
-            <el-option label="已同意"
-                       value="AGREED"></el-option>
-            <el-option label="已拒绝"
-                       value="DENIED"></el-option>
-            <el-option label="已撤回"
-                       value="WITHDRAWN"></el-option>
+          <el-select
+            placeholder="状态"
+            v-model="searchForm.statusEnum"
+            clearable
+          >
+            <el-option label="待处理" value="PENDING"></el-option>
+            <el-option label="已完成" value="DONE"></el-option>
+            <el-option label="已同意" value="AGREED"></el-option>
+            <el-option label="已拒绝" value="DENIED"></el-option>
+            <el-option label="已撤回" value="WITHDRAWN"></el-option>
           </el-select>
         </el-form-item>
         <el-form-item>
-          <el-date-picker :clearable="true"
-                          v-model="searchForm.salarySettlementMonth"
-                          type="month"
-                          value-format="yyyy-MM"
-                          placeholder="选择申诉年月"></el-date-picker>
+          <el-date-picker
+            :clearable="true"
+            v-model="searchForm.salarySettlementMonth"
+            type="month"
+            value-format="yyyy-MM"
+            placeholder="选择申诉年月"
+          ></el-date-picker>
         </el-form-item>
         <el-form-item>
-          <el-button type="danger"
-                     @click="search">搜索</el-button>
-          <el-button @click="onReSet"
-                     type="primary">重置</el-button>
+          <el-button type="danger" native-type="seach">搜索</el-button>
+          <el-button native-type="reset" type="primary">重置</el-button>
           <!-- export/isSettlementCourseSalarys -->
-          <el-button @click="onExport"
-                     type="primary"
-                     v-permission="'export/teacherSalaryComplaints'"
-                     style=" background: #14928a; border:1px solid #14928a;">导出</el-button>
+          <el-button
+            @click="onExport"
+            type="primary"
+            v-permission="'export/teacherSalaryComplaints'"
+            style="background: #14928a; border: 1px solid #14928a"
+            >导出</el-button
+          >
         </el-form-item>
-      </el-form>
+      </save-form>
       <div class="tableWrap">
-        <el-table style="width: 100%"
-                  :header-cell-style="{background:'#EDEEF0',color:'#444'}"
-                  :data="tableList">
-          <el-table-column align="center"
-                           prop="organName"
-                           label="分部"></el-table-column>
-          <el-table-column align="center"
-                           prop="teacherId"
-                           label="老师编号"></el-table-column>
-          <el-table-column align="center"
-                           prop="realName"
-                           label="老师姓名"></el-table-column>
-          <el-table-column align="center"
-                           prop="salarySettlementMonth"
-                           width="150"
-                           label="课酬归属时间"></el-table-column>
-          <el-table-column align="center"
-                           prop="updateTime"
-                           width="150"
-                           label="申诉提交">
-            <template slot-scope="scope">{{scope.row.updateTime | dateForMinFormat}}</template>
+        <el-table
+          style="width: 100%"
+          :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+          :data="tableList"
+        >
+          <el-table-column
+            align="center"
+            prop="organName"
+            label="分部"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="teacherId"
+            label="老师编号"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="realName"
+            label="老师姓名"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="salarySettlementMonth"
+            width="150"
+            label="课酬归属时间"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="updateTime"
+            width="150"
+            label="申诉提交"
+          >
+            <template slot-scope="scope">{{
+              scope.row.updateTime | dateForMinFormat
+            }}</template>
           </el-table-column>
-          <el-table-column align="center"
-                           prop="statusEnum"
-                           label="状态">
-            <template slot-scope="scope">{{scope.row.statusEnum | statusEnum}}</template>
+          <el-table-column align="center" prop="statusEnum" label="状态">
+            <template slot-scope="scope">{{
+              scope.row.statusEnum | statusEnum
+            }}</template>
           </el-table-column>
-          <el-table-column align="center"
-                           prop="operatorRealName"
-                           label="申诉处理者"></el-table-column>
+          <el-table-column
+            align="center"
+            prop="operatorRealName"
+            label="申诉处理者"
+          ></el-table-column>
           <!-- <el-table-column align="center" prop="reason" width="400" label="备注"></el-table-column> -->
-          <el-table-column align="center"
-                           prop="courseScheduleId"
-                           width="150"
-                           label="操作">
+          <el-table-column
+            align="center"
+            prop="courseScheduleId"
+            width="150"
+            label="操作"
+          >
             <template slot-scope="scope">
               <div>
-                <el-button type="text"
-                           @click="lookDetail(scope.row)"
-                           v-permission="'teacherSalaryComplaints/complaintsDispose'">操作</el-button>
+                <el-button
+                  type="text"
+                  @click="lookDetail(scope.row)"
+                  v-permission="'teacherSalaryComplaints/complaintsDispose'"
+                  >操作</el-button
+                >
               </div>
             </template>
           </el-table-column>
         </el-table>
-        <pagination :total="rules.total"
-                    :page.sync="rules.page"
-                    :limit.sync="rules.limit"
-                    :page-sizes="rules.page_size"
-                    @pagination="getList" />
+        <pagination
+          sync
+          :total.sync="rules.total"
+          :page.sync="rules.page"
+          :limit.sync="rules.limit"
+          :page-sizes="rules.page_size"
+          @pagination="getList"
+        />
       </div>
     </div>
-    <el-dialog title="课酬申诉"
-               :visible.sync="dialogVisible"
-               width="400px">
+    <el-dialog title="课酬申诉" :visible.sync="dialogVisible" width="400px">
       <div>
-        <el-form ref="visibleForm"
-                 :model="visibleForm"
-                 class="visibleForm">
-          <el-form-item label="申诉内容"
-                        :rules="[{ required: true, message: '请填写申诉内容',trigger: 'blur'}]"
-                        prop="reason">
-            <el-input type="textarea"
-                      :rows="5"
-                      :disabled="visibleForm.statusEnum !='PENDING'"
-                      v-model.trim="visibleForm.reason"></el-input>
+        <el-form ref="visibleForm" :model="visibleForm" class="visibleForm">
+          <el-form-item
+            label="申诉内容"
+            :rules="[
+              { required: true, message: '请填写申诉内容', trigger: 'blur' },
+            ]"
+            prop="reason"
+          >
+            <el-input
+              type="textarea"
+              :rows="5"
+              :disabled="visibleForm.statusEnum != 'PENDING'"
+              v-model.trim="visibleForm.reason"
+            ></el-input>
           </el-form-item>
-          <el-form-item label="处理意见"
-                        :rules="[{ required: true, message: '请填写处理意见',trigger: 'blur'}]"
-                        prop="handingSuggestion">
-            <el-input type="textarea"
-                      :rows="5"
-                      :disabled="visibleForm.statusEnum !='PENDING'"
-                      v-model.trim="visibleForm.handingSuggestion"></el-input>
+          <el-form-item
+            label="处理意见"
+            :rules="[
+              { required: true, message: '请填写处理意见', trigger: 'blur' },
+            ]"
+            prop="handingSuggestion"
+          >
+            <el-input
+              type="textarea"
+              :rows="5"
+              :disabled="visibleForm.statusEnum != 'PENDING'"
+              v-model.trim="visibleForm.handingSuggestion"
+            ></el-input>
           </el-form-item>
-          <el-form-item label="处理结果"
-                        v-if="visibleForm.statusEnum !='PENDING'">
-            {{visibleForm.statusEnum | statusEnum}}
+          <el-form-item
+            label="处理结果"
+            v-if="visibleForm.statusEnum != 'PENDING'"
+          >
+            {{ visibleForm.statusEnum | statusEnum }}
           </el-form-item>
         </el-form>
       </div>
-      <div slot="footer"
-           v-if="visibleForm.statusEnum =='PENDING'">
+      <div slot="footer" v-if="visibleForm.statusEnum == 'PENDING'">
         <el-button @click="subreset('DENIED')">拒绝</el-button>
-        <el-button type="primary"
-                   @click="subreset('AGREED')">同意</el-button>
+        <el-button type="primary" @click="subreset('AGREED')">同意</el-button>
       </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import qs from 'qs'
+import qs from "qs";
 import axios from "axios";
 import { getToken } from "@/utils/auth";
 import pagination from "@/components/Pagination/index";
@@ -169,18 +214,18 @@ import { getTeacher, getEmployeeOrgan } from "@/api/buildTeam";
 import {
   teacherSalaryComplaints,
   teacherSalaryComplaintsDetail,
-  complaintsDispose
+  complaintsDispose,
 } from "@/api/journal";
 export default {
   components: { pagination },
-  data () {
+  data() {
     return {
       searchForm: {
         search: null,
         salarySettlementMonth: null,
         statusEnum: null,
         teacherId: null,
-        organId: null
+        organId: null,
       },
       teacherList: [],
       tableList: [],
@@ -190,7 +235,7 @@ export default {
         limit: 10, // 限制显示条数
         page: 1, // 当前页
         total: 0, // 总条数
-        page_size: [10, 20, 40, 50] // 选择限制显示条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
       },
       dialogVisible: false,
       visibleForm: {
@@ -199,20 +244,20 @@ export default {
         teacherId: null,
         salarySettlementMonth: null,
         statusEnum: null,
-        id: null
-      }
+        id: null,
+      },
     };
   },
   //生命周期 - 创建完成（可以访问当前this实例）
-  created () { },
+  created() {},
   //生命周期 - 挂载完成（可以访问DOM元素）
-  mounted () {
-    getTeacher().then(res => {
+  mounted() {
+    getTeacher().then((res) => {
       if (res.code == 200) {
         this.teacherList = res.data;
       }
     });
-    getEmployeeOrgan().then(res => {
+    getEmployeeOrgan().then((res) => {
       if (res.code == 200) {
         this.organList = res.data;
       }
@@ -221,62 +266,62 @@ export default {
     this.init();
   },
   methods: {
-    init () {
+    init() {
       this.getList();
     },
-    getList () {
+    getList() {
       this.searchForm.page = this.rules.page;
       this.searchForm.rows = this.rules.limit;
-      teacherSalaryComplaints(this.searchForm).then(res => {
+      teacherSalaryComplaints(this.searchForm).then((res) => {
         if (res.code == 200) {
           this.tableList = res.data.rows;
           this.rules.total = res.data.total;
         }
       });
     },
-    search () {
+    search() {
       this.rules.page = 1;
       this.getList();
     },
-    onReSet () {
+    onReSet() {
       this.searchForm = {
         search: null,
         salarySettlementMonth: null,
         statusEnum: null,
         teacherId: null,
-        organId: null
+        organId: null,
       };
       this.search();
     },
-    onExport () {
+    onExport() {
       let url = "/api-web/export/teacherSalaryComplaints";
       let obj = this.searchForm;
       const options = {
         method: "post",
         headers: {
-          Authorization: getToken()
+          Authorization: getToken(),
         },
         url,
         data: qs.stringify(obj),
-        responseType: "blob"
+        responseType: "blob",
       };
 
       this.$confirm("您确定导出列表?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning"
+        type: "warning",
       })
         .then(() => {
           load.startLoading();
           axios(options)
-            .then(res => {
+            .then((res) => {
               let blob = new Blob([res.data], {
                 // type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8',
-                type: "application/vnd.ms-excel;charset=utf-8"
+                type: "application/vnd.ms-excel;charset=utf-8",
                 // word文档为application/msword,pdf文档为application/pdf,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8
               });
               let text = new Response(blob).text();
-              text.then(res => {
+              text.then((res) => {
                 // 判断是否报错
                 if (res.indexOf("code") != -1) {
                   let json = JSON.parse(res);
@@ -305,15 +350,15 @@ export default {
 
               load.endLoading();
             })
-            .catch(error => {
+            .catch((error) => {
               this.$message.error("导出数据失败，请联系管理员");
               load.endLoading();
             });
         })
-        .catch(() => { });
+        .catch(() => {});
     },
-    lookDetail (row) {
-      teacherSalaryComplaintsDetail({ id: row.id }).then(res => {
+    lookDetail(row) {
+      teacherSalaryComplaintsDetail({ id: row.id }).then((res) => {
         if (res.code == 200) {
           this.visibleForm = {
             reason: res.data.reason,
@@ -328,8 +373,8 @@ export default {
         }
       });
     },
-    subreset (str) {
-      this.$refs["visibleForm"].validate(flag => {
+    subreset(str) {
+      this.$refs["visibleForm"].validate((flag) => {
         if (flag) {
           let obj = {
             reason: this.visibleForm.reason,
@@ -338,9 +383,9 @@ export default {
             salarySettlementMonth: this.visibleForm.salarySettlementMonth,
             teacherId: this.visibleForm.teacherId,
             statusEnum: str,
-            id: this.visibleForm.id
+            id: this.visibleForm.id,
           };
-          complaintsDispose(obj).then(res => {
+          complaintsDispose(obj).then((res) => {
             if (res.code == 200) {
               this.dialogVisible = false;
               this.$message.success("处理成功");
@@ -349,22 +394,22 @@ export default {
           });
         }
       });
-    }
+    },
   },
   filters: {
-    statusEnum (val) {
+    statusEnum(val) {
       let template = {
         PENDING: "待处理",
         DONE: "已完成",
         AGREED: "已同意",
         DENIED: "已拒绝",
-        WITHDRAWN: "已撤回"
+        WITHDRAWN: "已撤回",
       };
       return template[val];
-    }
+    },
   },
   watch: {
-    dialogVisible (val) {
+    dialogVisible(val) {
       if (!val) {
         this.visibleForm = {
           reason: null,
@@ -372,14 +417,13 @@ export default {
           teacherId: null,
           salarySettlementMonth: null,
           statusEnum: null,
-          id: null
+          id: null,
         };
         this.$refs["visibleForm"].resetFields();
       }
-
-    }
-  }
+    },
+  },
 };
 </script>
 <style lang='scss' scoped>
-</style>
+</style>