auth

src/views/photo-detail/index.vue

@@ -5,9 +5,15 @@
     </h2>
     <div class="m-core">
       <div class="buttons">
-        <el-button type="primary" @click="openUpload()">{{type === 'DEFAULT' ? '上传照片' : '上传证书'}}</el-button>
-        <el-button type="primary" :disabled="list.length == 0" v-if="!editing" @click="changeMode()">{{type === 'DEFAULT' ? '编辑照片' : '编辑证书'}}</el-button>
-        <el-button type="danger" v-if="editing" @click="remove()">{{type === 'DEFAULT' ? '删除照片' : '删除证书'}}</el-button>
+        <auth :auths="['photo/add']">
+          <el-button type="primary" @click="openUpload()">{{type === 'DEFAULT' ? '上传照片' : '上传证书'}}</el-button>
+        </auth>
+        <auth :auths="['photo/batchUpdate']">
+          <el-button type="primary" :disabled="list.length == 0" v-if="!editing" @click="changeMode()">{{type === 'DEFAULT' ? '编辑照片' : '编辑证书'}}</el-button>
+        </auth>
+        <auth :auths="['photo/del']">
+          <el-button type="danger" v-if="editing" @click="remove()">{{type === 'DEFAULT' ? '删除照片' : '删除证书'}}</el-button>
+        </auth>
         <el-button type="primary" v-if="editing" @click="confirm()">确定</el-button>
         <el-button type="primary" v-if="editing" @click="cancel()">取消</el-button>
       </div>
@@ -29,19 +35,21 @@
             :key="item.url"
             class="img-container"
           >
-            <div v-if="editing" class="ctrl-bar">
-              <el-checkbox class="check" :label="item.id"></el-checkbox>
-              <i class="el-icon-view" :class="{active: views.includes(item.id)}" @click="setView(item)"></i>
-            </div>
-            <div v-else class="ctrl-bar-view">
-              <el-tooltip effect="dark" content="设为封面" placement="top" :open-delay=".5">
-                <i class="el-icon-picture-outline-round" @click="setCover(item)" v-if="type === 'DEFAULT'"></i>
-                <i v-else></i>
-              </el-tooltip>
-              <el-tooltip effect="dark" :content="views.includes(item.id) ? '设为不可见' : '设为可见'" placement="top" :open-delay=".5">
-                <i class="el-icon-view" :class="{active: views.includes(item.id)}" @click="setViewItem(item)"></i>
-              </el-tooltip>
-            </div>
+            <auth :auths="['photo/del']">
+              <div v-if="editing" class="ctrl-bar">
+                <el-checkbox class="check" :label="item.id"></el-checkbox>
+                <i class="el-icon-view" :class="{active: views.includes(item.id)}" @click="setView(item)"></i>
+              </div>
+              <div v-else class="ctrl-bar-view">
+                <el-tooltip effect="dark" content="设为封面" placement="top" :open-delay=".5">
+                  <i class="el-icon-picture-outline-round" @click="setCover(item)" v-if="type === 'DEFAULT'"></i>
+                  <i v-else></i>
+                </el-tooltip>
+                <el-tooltip effect="dark" :content="views.includes(item.id) ? '设为不可见' : '设为可见'" placement="top" :open-delay=".5">
+                  <i class="el-icon-view" :class="{active: views.includes(item.id)}" @click="setViewItem(item)"></i>
+                </el-tooltip>
+              </div>
+            </auth>
             <el-image
               :src="item.url"
               class="img"

src/views/resetTeaming/components/training-photos/index.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
     <div class="btns">
-      <el-button type="primary" @click="openForm()">新建相册</el-button>
-      <el-button type="primary" v-if="!sorting" @click="sorting = true">调整排序</el-button>
+      <auth :auths="['photoAlbum/add']"><el-button type="primary" @click="openForm()">新建相册</el-button></auth>
+      <auth :auths="['photoAlbum/batchUpdate']"><el-button type="primary" v-if="!sorting" @click="sorting = true">调整排序</el-button></auth>
       <el-button type="primary" v-if="sorting" @click="setSort()">确定</el-button>
       <el-button type="primary" v-if="sorting" @click="stopSort()">取消</el-button>
       <!-- <el-button type="primary" @click="openUpload()">上传图片</el-button> -->
@@ -25,26 +25,28 @@
                 :detail="item"
                 :name="item.name"
               />
-              <div class="ctrls">
-                <div class="photoNum">{{item.photoNum}} 张</div>
-                <div class="dropdown">
-                  <el-tooltip effect="dark" content="修改相册" placement="top" :open-delay=".5">
-                    <i class="el-icon-edit" @click.stop="openForm(item)"></i>
-                  </el-tooltip>
-                  <el-tooltip effect="dark" content="删除" placement="top" :open-delay=".5">
-                    <i style="color: #f56c6c" class="el-icon-delete" @click.stop="removeItem(item)"></i>
-                  </el-tooltip>
+              <auth :auths="['photoAlbum/batchUpdate']">
+                <div class="ctrls">
+                  <div class="photoNum">{{item.photoNum}} 张</div>
+                  <div class="dropdown">
+                    <el-tooltip effect="dark" content="修改相册" placement="top" :open-delay=".5">
+                      <i class="el-icon-edit" @click.stop="openForm(item)"></i>
+                    </el-tooltip>
+                    <el-tooltip effect="dark" content="删除" placement="top" :open-delay=".5">
+                      <i style="color: #f56c6c" class="el-icon-delete" @click.stop="removeItem(item)"></i>
+                    </el-tooltip>
+                  </div>
+                  <!-- <el-dropdown class="dropdown" @command="command => handleCommand(command, item)">
+                    <span class="el-dropdown-link">
+                      更多操作 <i class="el-icon-arrow-down el-icon--right"></i>
+                    </span>
+                    <el-dropdown-menu slot="dropdown" class="ctrls-dropdown">
+                      <el-dropdown-item command="realName">重命名</el-dropdown-item>
+                      <el-dropdown-item command="remove" style="color: red;">删除</el-dropdown-item>
+                    </el-dropdown-menu>
+                  </el-dropdown> -->
                 </div>
-                <!-- <el-dropdown class="dropdown" @command="command => handleCommand(command, item)">
-                  <span class="el-dropdown-link">
-                    更多操作 <i class="el-icon-arrow-down el-icon--right"></i>
-                  </span>
-                  <el-dropdown-menu slot="dropdown" class="ctrls-dropdown">
-                    <el-dropdown-item command="realName">重命名</el-dropdown-item>
-                    <el-dropdown-item command="remove" style="color: red;">删除</el-dropdown-item>
-                  </el-dropdown-menu>
-                </el-dropdown> -->
-              </div>
+              </auth>
             </div>
           </draggable>
       </el-timeline-item>