项目管理添加权限按钮

src/views/project/list/detail.vue

@@ -10,7 +10,8 @@
       </el-form-item>
       <el-form-item v-if="projectForm.id" label="版本管理：" style="width: 100%;">
         <!-- app列表 -->
-        <el-button type="primary" icon="el-icon-plus" @click="getDialog()">新增</el-button>
+        <el-button type="primary" icon="el-icon-plus" @click="getDialog()"
+          v-hasPermi="['project:list:add']">新增</el-button>
         <el-table :data="versionData" v-loading="loading">
           <el-table-column type="index" label="序号" align="center" />
           <el-table-column prop="name" label="应用名称" align="center" show-overflow-tooltip />
@@ -25,11 +26,13 @@
           <el-table-column prop="status" label="当前状态" align="center" :formatter="statusFormatter" width="100px" />
           <el-table-column label="操作" align="center">
             <template slot-scope="scope">
-              <el-button v-if="scope.row.status === 0" type="text" @click="getShelves(scope.row, 1)">上架
+              <el-button v-if="scope.row.status === 0" type="text" @click="getShelves(scope.row, 1)"
+                v-hasPermi="['project:list:up']">上架
               </el-button>
-              <el-button v-else type="text" @click="getShelves(scope.row, 0)">下架</el-button>
+              <el-button v-else type="text" @click="getShelves(scope.row, 0)"
+                v-hasPermi="['project:list:down']">下架</el-button>
               <el-button type="text" @click="getDialog(scope.row, '更新')">更新</el-button>
-              <el-button type="text" @click="getDialog(scope.row, '编辑')">编辑</el-button>
+              <el-button type="text" @click="getDialog(scope.row, '编辑')" v-hasPermi="['project:list:edit']">编辑</el-button>
               <el-dropdown @command="getCommand($event, scope.row)" style="margin-left: 10px">
                 <el-button type="text">更多</el-button>
                 <el-dropdown-menu slot="dropdown">
@@ -47,7 +50,7 @@
     </el-form>
     <div class="form-btn">
       <el-button @click="cancel">取消</el-button>
-      <el-button type="primary" @click="getSubmit">确定</el-button>
+      <el-button type="primary" @click="getSubmit" v-hasPermi="['project:list:edit']">确定</el-button>
     </div>
 
     <!-- 新增弹窗 -->
@@ -93,11 +96,13 @@
         <el-table-column label="系统类型" prop="os" align="center" />
         <el-table-column label="更新时间" prop="updateTimeText" align="center" />
         <el-table-column label="当前状态" prop="status" align="center" :formatter="statusFormatter" />
-        <el-table-column lang="操作" align="center">
+        <el-table-column label="操作" align="center">
           <template slot-scope="scope">
-            <el-button v-if="scope.row.status === 0" type="text" @click="getShelves(scope.row, 1)">上架
+            <el-button v-if="scope.row.status === 0" type="text" @click="getShelves(scope.row, 1)"
+              v-hasPermi="['project:list:up']">上架
             </el-button>
-            <el-button v-else type="text" @click="getShelves(scope.row, 0)">下架</el-button>
+            <el-button v-else type="text" @click="getShelves(scope.row, 0)"
+              v-hasPermi="['project:list:down']">下架</el-button>
           </template>
         </el-table-column>
       </el-table>

src/views/project/list/index.vue

@@ -13,7 +13,8 @@
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" @click="getSearch">搜索</el-button>
         <el-button icon="el-icon-refresh" @click="getRefresh">重置</el-button>
-        <el-button type="primary" icon="el-icon-plus" plain @click="getDetail()">新增</el-button>
+        <el-button type="primary" icon="el-icon-plus" plain @click="getDetail()"
+          v-hasPermi="['project:list:add']">新增</el-button>
       </el-form-item>
     </el-form>
     <!-- 列表 -->
@@ -28,19 +29,16 @@
       <el-table-column label="操作" align="center">
         <template slot-scope="scope">
           <el-button type="text" @click="getDetail(scope.row, 'edit')">管理</el-button>
-          <el-button v-if="scope.row.status === 1" type="text" @click="getChange(scope.row, '上架')">上架</el-button>
-          <el-button v-else type="text" @click="getChange(scope.row, '下架')">下架</el-button>
+          <el-button v-if="scope.row.status === 1" type="text" @click="getChange(scope.row, '上架')"
+            v-hasPermi="['project:list:up']">上架</el-button>
+          <el-button v-else type="text" @click="getChange(scope.row, '下架')"
+            v-hasPermi="['project:list:down']">下架</el-button>
         </template>
       </el-table-column>
     </el-table>
     <!-- 分页 -->
-    <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="form.pageNum"
-      :limit.sync="form.pageSize"
-      @pagination="getList"
-    />
+    <pagination v-show="total > 0" :total="total" :page.sync="form.pageNum" :limit.sync="form.pageSize"
+      @pagination="getList" />
   </div>
 </template>