ytj

src/pages/system/customerManagement/customerList/index.vue

 <template>
   <div class="subPage">
     <div class="system-table-search">
+      <div class="flex-item flex-h"></div>
       <div class="flex-h">
         <tableSearch @exportSearchKey="searchList"></tableSearch>
       </div>
         stripe
         style="width: 100%">
         <el-table-column
+          fixed='left'
           prop="customerName"
           label="姓名"
-          width="150">
+          width="200">
         </el-table-column>
         <el-table-column
           prop="mobile"
           label="手机号"
-          width="120">
+          width="150">
         </el-table-column>
         <el-table-column
           prop="nickName"
           label="微信昵称"
-          width="150">
+          width="200">
         </el-table-column>
         <el-table-column
           prop="userType"
           label="用户类型"
-          width="100">
+          width="150">
         </el-table-column>
         <el-table-column
           prop="recommend"
           label="推荐人"
-          width="100">
+          width="150">
         </el-table-column>
         <el-table-column
           prop="customerLevel"
           label="会员等级"
-          width="100">
+          width="150">
         </el-table-column>
         <el-table-column
           prop="customerPoint"
           label="会员积分"
-          width="100">
+          width="150">
         </el-table-column>
         <el-table-column
           prop="openId"
           label="openId"
-          width="250">
+          width="300">
         </el-table-column>
         <el-table-column
           prop="gold"
           label="金币"
-          width="100">
+          width="150">
         </el-table-column>
         <el-table-column
           prop="silver"
           label="银币"
-          width="100">
+          width="150">
         </el-table-column>
-        <el-table-column label="操作" width="200">
+        <el-table-column label="操作" fixed='right' width='200'>
           <template slot-scope="scope">
             <el-button
               size="mini"
         openId: 'jhfjkdshkdfgs22123',
         gold: '2333',
         silver: '3332'
-      }, {
-        customerName: '赵日天',
-        mobile: '13446666666',
-        nickName: '赵日地',
-        userType: '1',
-        recommend: '赵爸爸',
-        customerLevel: '10000',
-        customerPoint: '200',
-        openId: 'jhfjkdshkdfgs22123',
-        gold: '2333',
-        silver: '3332'
       }]
     }
   },
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-@import "index.scss";
 </style>

src/pages/system/roleManagement/roleList/index.vue

 <template>
   <div class="subPage">
     <div class="system-table-search">
+      <div class="flex-item flex-h"></div>
       <div class="flex-h">
         <tableSearch @exportSearchKey="searchList"></tableSearch>
       </div>
         <el-table-column
           prop="customerName"
           label="角色标识"
-          width="150">
+          width="200">
         </el-table-column>
         <el-table-column
           prop="mobile"
-          label="手机号"
-          width="120">
+          label="角色名"
+          width="300">
         </el-table-column>
         <el-table-column
           prop="nickName"
-          label="微信昵称"
-          width="150">
+          label="是否禁用角色"
+          width="200">
         </el-table-column>
         <el-table-column
           prop="userType"
-          label="用户类型"
-          width="100">
+          label="数据权限">
         </el-table-column>
         <el-table-column
           prop="recommend"
-          label="推荐人"
-          width="100">
+          label="创建时间"
+          width="300">
         </el-table-column>
-        <el-table-column
-          prop="customerLevel"
-          label="会员等级"
-          width="100">
-        </el-table-column>
-        <el-table-column
-          prop="customerPoint"
-          label="会员积分"
-          width="100">
-        </el-table-column>
-        <el-table-column
-          prop="openId"
-          label="openId"
-          width="250">
-        </el-table-column>
-        <el-table-column
-          prop="gold"
-          label="金币"
-          width="100">
-        </el-table-column>
-        <el-table-column
-          prop="silver"
-          label="银币"
-          width="100">
-        </el-table-column>
-        <el-table-column label="操作">
+        <el-table-column label="操作" width='300'>
           <template slot-scope="scope">
             <el-button
               size="mini"
               size="mini"
               type="danger"
               @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+            <el-button
+              size="mini"
+              type="warning"
+              @click="handleAllot(scope.$index, scope.row)">分配权限</el-button>
           </template>
         </el-table-column>
       </el-table>
         openId: 'jhfjkdshkdfgs22123',
         gold: '2333',
         silver: '3332'
+      }, {
+        customerName: '赵日天',
+        mobile: '13446666666',
+        nickName: '赵日地',
+        userType: '1',
+        recommend: '赵爸爸',
+        customerLevel: '10000',
+        customerPoint: '200',
+        openId: 'jhfjkdshkdfgs22123',
+        gold: '2333',
+        silver: '3332'
+      }, {
+        customerName: '赵日天',
+        mobile: '13446666666',
+        nickName: '赵日地',
+        userType: '1',
+        recommend: '赵爸爸',
+        customerLevel: '10000',
+        customerPoint: '200',
+        openId: 'jhfjkdshkdfgs22123',
+        gold: '2333',
+        silver: '3332'
+      }, {
+        customerName: '赵日天',
+        mobile: '13446666666',
+        nickName: '赵日地',
+        userType: '1',
+        recommend: '赵爸爸',
+        customerLevel: '10000',
+        customerPoint: '200',
+        openId: 'jhfjkdshkdfgs22123',
+        gold: '2333',
+        silver: '3332'
+      }, {
+        customerName: '赵日天',
+        mobile: '13446666666',
+        nickName: '赵日地',
+        userType: '1',
+        recommend: '赵爸爸',
+        customerLevel: '10000',
+        customerPoint: '200',
+        openId: 'jhfjkdshkdfgs22123',
+        gold: '2333',
+        silver: '3332'
       }]
     }
   },
     handleEdit (index, row) { // 编辑
       console.log(index, row)
     },
+    handleAllot (index, row) {
+      console.log(index, row) // 分配权限
+    },
     handleDelete (index, row) { // 删除
       console.log(index, row)
       this.$confirm('确认删除此用户?', '提示', {