修改按钮不显示问题

dist/static/css/chunk-ed7a7274.7e66cbb5.css → dist/static/css/chunk-de6634b0.9e33eeaa.css

@@ -1 +1 @@
-.pagination-container[data-v-31cb099a]{background:#fff;padding:32px 16px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagination-container.hidden[data-v-31cb099a]{display:none}.select[data-v-7486cb66]{font-size:14px}.btnList[data-v-7486cb66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btnList div[data-v-7486cb66]{margin-right:15px}
+.pagination-container[data-v-31cb099a]{background:#fff;padding:32px 16px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagination-container.hidden[data-v-31cb099a]{display:none}.select[data-v-67b7ce5b]{font-size:14px}.btnList[data-v-67b7ce5b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btnList div[data-v-67b7ce5b]{margin-right:15px}

src/views/teamDetail/teamList.vue

@@ -149,30 +149,25 @@
             <template slot-scope="scope">
               <div>
                 <el-button type="text"
-                           v-permission="'/setImprovement'"
-                           v-if="scope.row.status == 'PREPARE'"
+                           v-if="scope.row.status == 'PREPARE' && permission('/setImprovement')"
                            @click="gotoImprovement(scope.row)">基础技能班</el-button>
                 <el-button type="text"
-                           v-if="scope.row.status == 'PREPARE'"
-                           v-permission="'/teamDetailedList'"
+                           v-if="scope.row.status == 'PREPARE' && permission('/teamDetailedList')"
                            @click="gotodetailList(scope.row)">发放清单</el-button>
 
                 <!-- 报名中&缴费中 查看 -->
                 <el-button type="text"
-                           v-permission="'/signupList'"
-                           v-if="scope.row.status == 'APPLY'|| scope.row.status == 'PAY'"
+                           v-if="(scope.row.status == 'APPLY'|| scope.row.status == 'PAY')  && permission('/signupList')"
                            @click="lookTeamDetail(scope.row)">查看</el-button>
 
                 <!-- 进行中 查看 -->
                 <el-button type="text"
-                           v-permission="'/teamDetails'"
-                           v-if="scope.row.status == 'PROGRESS'"
+                           v-if="scope.row.status == 'PROGRESS' && permission('/teamDetails')"
                            @click="lookTeamDetail(scope.row)">查看</el-button>
 
                 <!-- 暂停中 查看 -->
                 <el-button type="text"
-                           v-permission="'musicGroup/pauseMusicGroup/look'"
-                           v-if="scope.row.status == 'PAUSE'"
+                           v-if="scope.row.status == 'PAUSE' && permission('musicGroup/pauseMusicGroup/look')"
                            @click="lookTeamDetail(scope.row)">查看</el-button>
 
                 <!-- <el-button type="text"
@@ -180,39 +175,31 @@
                            @click="lookTeamDetail(scope.row)">编辑</el-button> -->
                 <!-- 筹备中 编辑 -->
                 <el-button type="text"
-                           v-permission="'teamDetail/teamSeting/update'"
-                           v-if="scope.row.status == 'PREPARE'"
+                           v-if="scope.row.status == 'PREPARE' && permission('teamDetail/teamSeting/update')"
                            @click="lookTeamDetail(scope.row)">编辑</el-button>
                 <!-- 审核中 编辑 -->
                 <el-button type="text"
-                           v-permission="'teamDetail/audit/update'"
-                           v-if="scope.row.status == 'AUDIT'"
+                           v-if="scope.row.status == 'AUDIT' && permission('teamDetail/audit/update')"
                            @click="lookTeamDetail(scope.row)">编辑</el-button>
                 <!-- 编辑中 编辑 -->
                 <el-button type="text"
-                           v-permission="'teamDetail/draft/update'"
-                           v-if="scope.row.status == 'DRAFT'"
+                           v-if="scope.row.status == 'DRAFT' && permission('teamDetail/draft/update')"
                            @click="lookTeamDetail(scope.row)">编辑</el-button>
                 <!-- 审核失败 编辑 -->
                 <el-button type="text"
-                           v-permission="'teamDetail/aduitFailed/update'"
-                           v-if="scope.row.status == 'AUDIT_FAILED'"
+                           v-if="scope.row.status == 'AUDIT_FAILED' && permission('teamDetail/aduitFailed/update')"
                            @click="lookTeamDetail(scope.row)">编辑</el-button>
 
-                <el-button v-if="scope.row.status == 'PREPARE'"
-                           v-permission="'musicGroup/action'"
+                <el-button v-if="scope.row.status == 'PREPARE' && permission('musicGroup/action')"
                            @click="startTeam(scope.row)"
                            type="text">确认成团</el-button>
                 <el-button type="text"
-                           v-permission="'musicGroup/cancelMusicGroup'"
-                           v-if="scope.row.status == 'AUDIT'"
+                           v-if="scope.row.status == 'AUDIT' && permission('musicGroup/cancelMusicGroup')"
                            @click="stopTeam(scope.row)">取消申请</el-button>
-                <el-button v-if="scope.row.status == 'PAUSE'"
-                           v-permission="'musicGroup/resumeMusicGroup'"
+                <el-button v-if="scope.row.status == 'PAUSE' && permission('musicGroup/resumeMusicGroup')"
                            @click="onTeamOpeation('start', scope.row)"
                            type="text">启动</el-button>
-                <el-button v-if="scope.row.status == 'PROGRESS'"
-                           v-permission="'musicGroup/pauseMusicGroup'"
+                <el-button v-if="scope.row.status == 'PROGRESS' && permission('musicGroup/pauseMusicGroup')"
                            @click="onTeamOpeation('pause', scope.row)"
                            type="text">暂停</el-button>
                 <el-button v-if="scope.row.status == 'PROGRESS'"
@@ -240,6 +227,7 @@ import { getTeamList, getPayType } from '@/api/teamServer'
 import { getCooperation, cancelMusicGroup, startTeam, getEmployeeOrgan, pauseMusicGroup, resumeMusicGroup } from '@/api/buildTeam'
 import { musicGroupStatus } from '@/utils/searchArray'
 import { isObject } from 'util'
+import { permission } from '@/utils/directivePage'
 export default {
   name: "Main",
   data () {
@@ -295,6 +283,9 @@ export default {
     // })
   },
   methods: {
+    permission(str) {
+      return permission(str)
+    },
     reset () {
       this.rules.page = 1;
       this.$refs['topForm'].resetFields();