zhangdan 4 gadi atpakaļ
vecāks
revīzija
5238719d06
1 mainītis faili ar 9 papildinājumiem un 4 dzēšanām
  1. 9 4
      src/views/power/role/roleList.vue

+ 9 - 4
src/views/power/role/roleList.vue

@@ -40,16 +40,19 @@
       :data="loadData"
       bordered
     >
+	<!-- 启用禁用 -->
       <span slot="status" slot-scope="text, record">
         <a-switch checkedChildren="启用" unCheckedChildren="禁用" id="roleList-isEnable" v-model="record.isEnable" @change="changeFlagHandle(text, record)"/>
       </span>
-
+		<!-- 角色描述 -->
+      <template slot="remarks" slot-scope="text, record">
+        <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">
-        <template>
           <a class="action-button menu-text" @click="openMenuModal(record)" id="roleList-openMenuModal">菜单权限</a>
           <a class="action-button" @click="handleEdit(record)" id="roleList-handleEdit">修改</a>
           <a v-if="!record.isEnable" class="action-button red-text" @click="delect(record)" id="roleList-delect">删除</a>
-        </template>
       </span>
     </s-table>
     <roleModal :visible="showModal" :data="itemData" @refresh="refreshTable" @close="showModal = false"></roleModal>
@@ -102,7 +105,9 @@ export default {
           title: '角色描述',
           dataIndex: 'remarks',
           width: '100',
-          align: 'center'
+          ellipsis: true, // 内容超过宽度 自动出现省略号
+          align: 'center',
+          scopedSlots: { customRender: 'remarks' }
         },
         {
           title: '状态',