权限节点样式调整

src/views/authority/menuList.vue

@@ -33,32 +33,11 @@
         childrenColumnName ="son"
         :columns="columns"
         :data="loadData"
-        :scroll="{ x: 1200, y: 300 }"
+        
         :showPagination="pagination"
         :rowSelection="rowSelection"
       >
-        <!-- <span slot="TITLE" slot-scope="">
-          <template>
-            <div> -->
-              <!-- <a-input-search style="margin-bottom: 8px" placeholder="Search" @change="onChange" /> -->
-              <!-- <a-tree
-                @expand="onExpand"
-                :expandedKeys="expandedKeys"
-                :autoExpandParent="autoExpandParent"
-                :treeData="gData"
-              >
-                <template slot="title" slot-scope="{ title }">
-                  <span v-if="title.indexOf(searchValue) > -1">
-                    {{ title.substr(0, title.indexOf(searchValue)) }}
-                    <span style="color: #f50">{{ searchValue }}</span>
-                    {{ title.substr(title.indexOf(searchValue) + searchValue.length) }}
-                  </span>
-                  <span v-else>{{ title }}</span>
-                </template>
-              </a-tree>
-            </div>
-          </template>
-        </span> -->
+      <!-- :scroll="{ x: 1200, y: 300 }" -->
         <span slot="action" slot-scope="text, record">
           <template>
             <a @click="handleEdit(record)">编辑</a>
@@ -249,8 +228,9 @@ export default {
         {
           title: '菜单名称',
           dataIndex: 'TITLE',
-          fixed: 'left',
-          width: 200,
+          // fixed: 'left',
+          // width: 200,
+          width: '20%',
           scopedSlots: { customRender: 'TITLE' }
         },
         // {
@@ -263,9 +243,10 @@ export default {
         {
           title: '节点id',
           dataIndex: 'ID',
-          width: 90,
+          width: '8%',
+          // width: 90,
           key: 'ID',
-          fixed: 'left'
+          // fixed: 'left'
           // customRender: (value, row, index) => {
           //   var ret = []
           //   // 添加icon
@@ -285,32 +266,38 @@ export default {
         {
           title: '菜单地址',
           dataIndex: 'NAME',
-          width: 200
+          width: '15%',
+          // width: 200
         },
         {
           title: '菜单状态',
+          width: '6%',
           dataIndex: 'STATUS',
-          width: 150
+          // width: 150
         },
         {
           title: '是否为菜单',
+          width: '6%',
           dataIndex: 'IS_MENU',
-          width: 100
+          // width: 100
         },
         {
           title: '是否顶部菜单',
+          width: '6%',
           dataIndex: 'IS_TOP_MENU',
-          width: 100
+          // width: 100
         },
         {
           title: '是否默认显示',
+          width: '6%',
           dataIndex: 'IS_DEFAULT_SHOW',
-          width: 150
+          // width: 150
         },
         {
           title: '描述',
+          width: '12%',
           dataIndex: 'REMARK',
-          width: 90
+          // width: 90
         },
         // {
         //   title: '类型',
@@ -331,13 +318,15 @@ export default {
         // },
         {
           title: '排序',
+          width: '5%',
           dataIndex: 'SORT',
-          width: 100
+          // width: 100
         },
         {
           title: '类型',
           dataIndex: 'LEVEL',
-          width: 100
+          width: '5%',
+          // width: 100
           // customRender: (state, row, index) => {
           //   return <div>{state === 0 ? <a-tag color="cyan">显示</a-tag> : <a-tag color="red">隐藏</a-tag>}</div>
           // }
@@ -346,8 +335,8 @@ export default {
         {
           title: '操作',
           dataIndex: 'action',
-          fixed: 'right',
-          width: 100,
+          // fixed: 'right',
+          width:'15%',
           scopedSlots: { customRender: 'action' }
         }
       ],