浏览代码

操作按钮统一更换为图标

zhangdan 4 年之前
父节点
当前提交
3c610fed1f

+ 19 - 3
src/views/SupervisionAuth/role/roleList.vue

@@ -47,9 +47,25 @@
         <span :title="record.remarks" style="display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ record.remarks }}</span>
       </template>
       <span slot="action" slot-scope="text, record">
-        <a class="action-button menu-text" @click="openMenuModal(record)" v-hasPermission="'M_power_role_menu'" id="roleList-openMenuModal">菜单权限</a>
-        <a class="action-button" @click="handleEdit(record)" v-hasPermission="'B_supervision_role_edit'" id="roleList-handleEdit">修改</a>
-        <a v-if="!record.isEnable" v-hasPermission="'B_supervision_role_del'" class="action-button red-text" @click="delect(record)" id="roleList-delect">删除</a>
+        <a-icon
+          type="key"
+          title="菜单权限"
+          :style="{ fontSize: '20px', color: '#e29e14', padding: '0 10px' }"
+          @click="openMenuModal(record)"
+          v-hasPermission="'M_supervision_role_menu'" />
+        <a-icon
+          type="edit"
+          title="编辑"
+          :style="{fontSize: '20px',color:' #1890FF',padding:' 0 10px'}"
+          @click="handleEdit(record)"
+          v-hasPermission="'B_supervision_role_edit'" />
+        <a-icon
+          type="delete"
+          title="删除"
+          :style="{fontSize: '20px',color: '#f00',padding: '0 10px'}"
+          v-if="!record.isEnable"
+          v-hasPermission="'B_supervision_role_del'"
+          @click="delect(record)"/>
       </span>
     </s-table>
     <!-- 新增、编辑角色弹窗 -->

+ 2 - 2
src/views/SupervisionAuth/user/userModal.vue

@@ -325,11 +325,11 @@ export default {
     },
     isshow (newValue, oldValue) {
       if (newValue) {
-        console.log(this.data)
+        // console.log(this.data)
         this.getOrgData() // 打开弹窗获取组织机构数据
         this.getRoleData() // 打开弹窗获取角色列表数据
         if (this.data.id) { // 编辑
-          console.log(this.data.id)
+          // console.log(this.data.id)
           this.pageInitData()
         } else {
           this.titleText = '添加用户'

+ 18 - 5
src/views/power/role/roleList.vue

@@ -60,11 +60,24 @@
 
       </template>
       <span slot="action" slot-scope="text, record">
-        <template>
-          <a class="action-button menu-text" @click="openMenuModal(record)" id="roleList-openMenuModal" v-hasPermission="'M_power_role_menu'">菜单权限</a>
-          <a class="action-button" @click="handleEdit(record)" id="roleList-handleEdit" v-hasPermission="'B_power_role_edit'">修改</a>
-          <a v-if="!record.isEnable && $hasPermissions('B_power_role_del')" class="action-button red-text" id="roleList-delect" @click="delect(record)">删除</a>
-        </template>
+        <a-icon
+          type="key"
+          title="菜单权限"
+          :style="{ fontSize: '20px', color: '#e29e14', padding: '0 10px' }"
+          @click="openMenuModal(record)"
+          v-hasPermission="'M_power_role_menu'" />
+        <a-icon
+          type="edit"
+          title="编辑"
+          :style="{fontSize: '20px',color:' #1890FF',padding:' 0 10px'}"
+          @click="handleEdit(record)"
+          v-hasPermission="'B_power_role_edit'" />
+        <a-icon
+          type="delete"
+          title="删除"
+          :style="{fontSize: '20px',color: '#f00',padding: '0 10px'}"
+          v-if="!record.isEnable && $hasPermissions('B_power_role_del')"
+          @click="delect(record)"/>
       </span>
     </s-table>
     <roleModal :visible="showModal" :data="itemData" @refresh="refreshTable" @close="showModal = false"></roleModal>

+ 18 - 7
src/views/power/user/userList.vue

@@ -69,13 +69,24 @@
         <span v-else>无</span>
       </div>
       <span slot="action" slot-scope="text, record">
-        <template>
-          <div >
-            <a class="action-button" @click="handleEdit(record)" v-hasPermission="'B_power_user_edit'">修改</a>
-            <a v-if="record.loginFlag" class="action-button reset-text" @click="resetPassword(record)" v-hasPermission="'B_power_user_resetPsd'">重置密码</a>
-            <a v-if="!record.loginFlag && $hasPermissions('B_power_user_del')" class="action-button red-text" @click="delect(record)">删除</a>
-          </div>
-        </template>
+        <a-icon
+          type="edit"
+          title="编辑"
+          :style="{fontSize: '20px',color:' #1890FF',padding:' 0 10px'}"
+          @click="handleEdit(record)"
+          v-hasPermission="'B_power_user_edit'" />
+        <a-icon
+          type="unlock"
+          title="重置密码"
+          v-if="record.loginFlag==1 && $hasPermissions('B_power_user_resetPsd')"
+          :style="{fontSize: '20px',color:' #08c0de',padding: '0 10px'}"
+          @click="resetPassword(record)" />
+        <a-icon
+          type="delete"
+          title="删除"
+          :style="{fontSize: '20px',color: '#f00',padding: '0 10px'}"
+          v-if="!record.loginFlag && $hasPermissions('B_power_user_del')"
+          @click="delect(record)"/>
       </span>
     </s-table>
     <userModal :visible="showModal" @refresh="$refs.table.refresh(true)" :data="itemData" @close="showModal = false"></userModal>