zc

src/views/comprehensive/personnel/post/index.vue

@@ -44,47 +44,25 @@
             <span>{{ parseTime(scope.row.createTime) }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="操作" align="left" class-name="small-padding fixed-width" width="240">
+        <el-table-column label="操作" align="left" class-name="small-padding fixed-width" width="180">
           <template slot-scope="scope">
             <div class="table-button-box">
               <p class="table-button-null"></p>
               <p class="table-button-p"
                  @click="handleAuthUser(scope.row)"
-              >分配用户</p>
-              <p class="table-button-p"
-                 @click="handleUpdate(scope.row)"
-                 v-hasPermiAnd="['system:post:query','system:post:edit']"
-              >编辑</p>
-              <p class="table-button-p"
-                 @click="handleDelete(scope.row)"
-                 v-hasPermi="['system:post:remove']"
-              >删除</p>
+              >成员维护</p>
+              <el-dropdown @command="moreClick" v-hasPermi="['system:post:query','system:post:edit','system:post:remove']">
+                <p class="table-button-p">更多>></p>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item style="border-bottom:1px solid #E0E0E0;margin:0 10px;" :command="{row:scope.row,command:1}"
+                                    v-hasPermiAnd="['system:post:query','system:post:edit']">编辑</el-dropdown-item>
+                  <el-dropdown-item style="margin:0 10px;" :command="{row:scope.row,command:2}"
+                                    v-hasPermi="['system:post:remove']">删除</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
               <p class="table-button-null"></p>
             </div>
           </template>
-          <!--<template slot-scope="scope">-->
-            <!--<el-button-->
-              <!--size="mini"-->
-              <!--type="text"-->
-              <!--icon="el-icon-edit"-->
-              <!--@click="handleUpdate(scope.row)"-->
-              <!--v-hasPermi="['system:post:edit']"-->
-            <!--&gt;分配身份</el-button>-->
-            <!--<el-button-->
-              <!--size="mini"-->
-              <!--type="text"-->
-              <!--icon="el-icon-edit"-->
-              <!--@click="handleUpdate(scope.row)"-->
-              <!--v-hasPermi="['system:post:edit']"-->
-            <!--&gt;修改</el-button>-->
-            <!--<el-button-->
-              <!--size="mini"-->
-              <!--type="text"-->
-              <!--icon="el-icon-delete"-->
-              <!--@click="handleDelete(scope.row)"-->
-              <!--v-hasPermi="['system:post:remove']"-->
-            <!--&gt;删除</el-button>-->
-          <!--</template>-->
         </el-table-column>
       </el-table>
       <pagination :page-sizes="[20, 30, 40, 50]"
@@ -226,6 +204,14 @@ export default {
     this.optionselect();
   },
   methods: {
+    //更多选项
+    moreClick(item){
+      if(item.command == 1){
+        this.handleUpdate(item.row)
+      }else if(item.command == 2){
+        this.handleDelete(item.row)
+      }
+    },
     clickPage(type){
       if(this.pageType != type){
         this.pageType = type;

src/views/comprehensive/system/role/index.vue

@@ -28,10 +28,10 @@
         </el-form-item>
         <el-form-item style="float: right;">
           <el-col :span="1.5">
-            <p class="add-button-one-120"
+            <p class="add-button-one-90"
                @click="handleAdd"
                v-hasPermi="['system:role:add']"
-            ><i class="el-icon-plus"></i>新增角色</p>
+            >新增</p>
           </el-col>
         </el-form-item>
         <el-form-item>