费用审核列表

1

src/views/auditList/index.vue

@@ -72,12 +72,14 @@
         <el-form-item>
           <el-button @click="search" type="primary">搜索</el-button>
           <el-button @click="reset" type="danger">重置</el-button>
-          <el-button
-              v-permission="'musicGroupPaymentCalender/auditPass'"
-             @click="typesStatus = true"
-             :disabled='!selList.length>0'
+          <auth auths="musicGroupPaymentCalender/auditPass">
+            <el-button
+              @click="typesStatus = true"
+              :disabled="!selList.length > 0"
               type="primary"
-              >批量审核</el-button>
+              >批量审核</el-button
+            >
+          </auth>
         </el-form-item>
       </save-form>
       <div class="tableWrap">
@@ -86,7 +88,12 @@
           :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
           @selection-change="handleSelectionChange"
         >
-          <el-table-column fixed="left" type="selection" width="55" :selectable="selectable"></el-table-column>
+          <el-table-column
+            fixed="left"
+            type="selection"
+            width="55"
+            :selectable="selectable"
+          ></el-table-column>
           <el-table-column align="center" prop="organName" label="分部名称">
             <template slot-scope="scope">
               <copy-text>{{ scope.row.organName }}</copy-text>
@@ -110,7 +117,7 @@
             prop="musicGroupId"
             label="乐团编号"
           >
-              <template slot-scope="scope">
+            <template slot-scope="scope">
               <copy-text>{{ scope.row.musicGroupId }}</copy-text>
             </template>
           </el-table-column>
@@ -212,13 +219,11 @@
             fixed="right"
           >
             <template slot-scope="scope">
-              <el-button
-                v-permission="'musicGroupPaymentCalender/auditListDetail'"
-                @click="lookDetail(scope.row)"
-                type="text"
-              >
-                {{ scope.row.auditStatus === "AUDITING" ? "审核" : "查看" }}
-              </el-button>
+              <auth auths="musicGroupPaymentCalender/auditListDetail">
+                <el-button @click="lookDetail(scope.row)" type="text">
+                  {{ scope.row.auditStatus === "AUDITING" ? "审核" : "查看" }}
+                </el-button>
+              </auth>
             </template>
           </el-table-column>
         </el-table>
@@ -246,7 +251,11 @@
       :visible.sync="typesStatus"
       destroy-on-close
     >
-      <audit :selList="selList" @close="typesStatus = false" @submited="submited" />
+      <audit
+        :selList="selList"
+        @close="typesStatus = false"
+        @submited="submited"
+      />
     </el-dialog>
   </div>
 </template>
@@ -296,7 +305,7 @@ export default {
   },
   methods: {
     selectable(row, index) {
-      return row.auditStatus == 'AUDITING';
+      return row.auditStatus == "AUDITING";
     },
     search() {
       this.pageInfo.page = 1;
@@ -308,7 +317,7 @@ export default {
       this.searchForm = { ...initSearch };
       this.search();
     },
-    handleSelectionChange(arr){
+    handleSelectionChange(arr) {
       this.selList = arr;
     },
     getList() {
@@ -337,8 +346,8 @@ export default {
       this.typeStatus = true;
     },
     submited() {
-      this.pageInfo.page = 1
-      this.getList()
+      this.pageInfo.page = 1;
+      this.getList();
     },
     close() {
       this.typeStatus = false;

src/views/workBenchManager/requestProcessing.vue

@@ -62,7 +62,7 @@
         <el-form-item>
           <el-date-picker
             :clearable="true"
-            style="width: 100% !important;"
+            style="width: 100% !important"
             v-model="searchForm.salarySettlementMonth"
             type="month"
             value-format="yyyy-MM"
@@ -72,14 +72,16 @@
         <el-form-item>
           <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-form-item>
+        <el-form-item>
+          <auth auths="export/teacherSalaryComplaints">
+            <el-button
+              @click="onExport"
+              type="primary"
+              style="background: #14928a; border: 1px solid #14928a"
+              >导出</el-button
+            >
+          </auth>
         </el-form-item>
       </save-form>
       <div class="tableWrap">
@@ -138,12 +140,11 @@
           >
             <template slot-scope="scope">
               <div>
-                <el-button
-                  type="text"
-                  @click="lookDetail(scope.row)"
-                  v-permission="'teacherSalaryComplaints/complaintsDispose'"
-                  >课酬申诉</el-button
-                >
+                <auth auths="teacherSalaryComplaints/complaintsDispose">
+                  <el-button type="text" @click="lookDetail(scope.row)"
+                    >课酬申诉</el-button
+                  >
+                </auth>
               </div>
             </template>
           </el-table-column>
@@ -250,9 +251,9 @@ export default {
   created() {},
   //生命周期 - 挂载完成（可以访问DOM元素）
   async mounted() {
-    await this.$store.dispatch('setBranchs')
+    await this.$store.dispatch("setBranchs");
 
-    await this.$store.dispatch('setTeachers')
+    await this.$store.dispatch("setTeachers");
     // 获取分部
     this.init();
   },