账户管理列表

src/views/privilegeManagement/account/index.vue

@@ -54,7 +54,7 @@
                         <span>{{ scope.row.modifyName }}</span>
                     </template>
                 </el-table-column>npm i element-ui -S
-                <el-table-column fixed="right" label="操作" align="center">
+                <el-table-column fixed="right" label="操作" align="center" width="290">
                     <template slot-scope="lists">
                         <!-- <el-popover
                             placement="top"
@@ -70,8 +70,9 @@
                         <!-- <el-popconfirm title="这是一段内容确定删除吗？">
                             <el-button slot="reference">删除</el-button>
                         </el-popconfirm> -->
+                        <el-button icon="el-icon-edit" size="mini" type="primary" @click="showEidt(lists.row)">编辑</el-button>
                         <el-button icon="el-icon-refresh" size="mini" type="warning" @click="open(lists.row.userId,0)">重置密码</el-button>
-                        <el-button size="mini" type="danger" @click="open(lists.row.userId,1)">删除</el-button>
+                        <el-button icon="el-icon-delete" size="mini" type="danger" @click="open(lists.row.userId,1)">删除</el-button>
                     </template>
                 </el-table-column>
             </el-table>
@@ -90,8 +91,8 @@
 
         <el-dialog
                 title="修改密码"
-                width="300px"
+                width="600px"
-                :visible.sync="isPassword">
+                :visible.sync="showEidtDialog">
             <el-form :model="ruleForm" ref="ruleForm" label-width="100px" class="demo-ruleForm">
                 <el-form-item label="密码" prop="password" :rules="[{required: true, message: '不能为空', trigger: 'blur'}]">
                     <el-input type="password" v-model="ruleForm.password"></el-input>
@@ -102,7 +103,7 @@
                 </el-form-item>
             </el-form>
             <div slot="footer" class="dialog-footer">
-                <el-button @click="isPassword = false">取消</el-button>
+                <el-button @click="showEidtDialog = false">取消</el-button>
                 <!-- <el-button type="primary" @click="determine('ruleForm')">确定</el-button> -->
             </div>
         </el-dialog>
@@ -119,7 +120,7 @@
         data() {
             return {
                 hackReset: true,
-                isPassword: false,
+                showEidtDialog: false,
                 lists: [],
                 count: 0,
                 visible: false,
@@ -133,7 +134,7 @@
                 ruleForm: {
                     password: '',
                     confirmPassword: '',
-                }
+                },
             }
         },
         mounted() {
@@ -143,6 +144,11 @@
             FormContainer
         },
         methods: {
+            showEidt(item) {
+                console.log('item: ', item);
+                this.showEidtDialog = true;
+            },
+            // 删除用户/重置密码提示框
             open(userId,type) {
                 let title = ''
                 if(type === 0) {