表格居中注释

src/assets/css/global.scss

@@ -1,7 +1,6 @@
 // @import './element-variables.scss';
 // @import './variables.scss';
 // @import './mixin.scss';
-
 #nprogress .bar {
     // background: $--color-primary !important;
 }
@@ -18,14 +17,17 @@ a {
     cursor: pointer;
     transition: color 0.3s;
 }
+
 a:active,
 a:hover {
     text-decoration: none;
     outline: 0;
 }
+
 a:active {
     color: #096dd9;
 }
+
 a:hover {
     color: #40a9ff;
 }
@@ -58,6 +60,7 @@ a:hover {
 .el-tabs__header .el-tabs__item.is-active:hover {
     color: #409eff !important;
 }
+
 .el-tabs__header:hover,
 .el-tabs__item:hover {
     color: #409eff !important;
@@ -67,9 +70,11 @@ a:hover {
 .el-input__icon {
     color: #409eff;
 }
+
 .el-input__inner:hover {
     border-color: #409eff;
 }
+
 .el-input__inner:focus {
     border-color: #409eff;
 }
@@ -79,7 +84,8 @@ a:hover {
     border-color: #409eff;
     background: #409eff;
 }
-.el-radio__input.is-checked + .el-radio__label {
+
+.el-radio__input.is-checked+.el-radio__label {
     color: #409eff;
 }
 
@@ -88,7 +94,8 @@ a:hover {
     background-color: #409eff;
     border-color: #409eff;
 }
-.el-checkbox__input.is-checked + .el-checkbox__label {
+
+.el-checkbox__input.is-checked+.el-checkbox__label {
     color: #409eff;
 }
 
@@ -99,17 +106,17 @@ a:hover {
 
 .el-table--border th:first-child .cell,
 .el-table--border td:first-child .cell {
-    text-align: center;
+    // text-align: center;
 }
 
 .el-table .cell {
-    text-align: center;
+    // text-align: center;
 }
 
 //公共字体无法选中
-.fontSizeSelect{
+.fontSizeSelect {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
-}
+}

src/views/systemManage/rolePermission/roleInfoCom/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="siteManage-main roleInfoPage">
     <el-table :data="tableData" border stripe :cell-style="cellStyle">
-      <el-table-column prop="xuhao" label="序号" width="80"></el-table-column>
-      <el-table-column prop="menu" label="菜单" width="180"></el-table-column>
-      <el-table-column prop="authority" label="权限" align="left" class="roleLeft">
+      <el-table-column prop="xuhao" label="序号" width="80" ></el-table-column>
+      <el-table-column prop="menu" label="菜单" width="180" ></el-table-column>
+      <el-table-column prop="authority" label="权限"  class="roleLeft">
         <template #default="scope">
           <el-checkbox
             v-for="item in scope.row.authority"
@@ -118,8 +118,8 @@ export default {
     //自定义列样式
     cellStyle({ row, column, rowIndex, columnIndex }) {
       row, column, rowIndex
-      if (columnIndex) {
-        return `text-align:left!important;cursor:pointer;`
+      if (columnIndex==2) {
+        // return `text-align:left!important;cursor:pointer`
       }
     },
   },
@@ -127,7 +127,4 @@ export default {
 </script>
 <style  lang="scss">
 
-.roleInfoPage .el-table .cell {
-    text-align: left!important;
-}
 </style>