修改

src/components/Index.vue

@@ -13,7 +13,7 @@
                 {{currentUserMsg.Account}}<i class="el-icon-arrow-down el-icon--right"></i>
               </span>
               <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item>修改密码</el-dropdown-item>
+                <el-dropdown-item @click.native="upDatePwd=true">修改密码</el-dropdown-item>
                 <el-dropdown-item @click.native="loginOut()">注销</el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
@@ -88,7 +88,7 @@
               </el-table-column>
               <el-table-column prop="name" label="商城名称" width="155">
                 <template slot-scope="scope">
-                  <p style="color:#409EFF;cursor:pointer;" @click="setMallBaseId(scope.row.MallBaseId),CommonJump('mall',{})">{{scope.row.MallName}}</p>
+                  <p style="color:#409EFF;cursor:pointer;" @click="setMallBaseId(scope.row.MallBaseId,scope.row.MallName),CommonJump('mall',{})">{{scope.row.MallName}}</p>
                   <p>账号:{{scope.row.Account}}</p>
                   <p>
                     手机:<span style="color:rgb(144, 147, 153)">{{scope.row.MobilePhone}}</span>
@@ -227,6 +227,22 @@
         <el-button size="small" type="primary" @click="dialogVisible = false">确 定</el-button>
       </span>
     </el-dialog>
+    <!-- 修改密码 -->
+    <el-dialog title="修改密码" :visible.sync="upDatePwd" width="400px">
+      <el-form :model="updateMsg" :rules="uprules" ref="updateMsg" label-width="100px">
+        <el-form-item label="密码" prop="Password">
+          <el-input type="password" style="width:234px" size="small" maxlength="25" v-model="updateMsg.Password"></el-input>
+        </el-form-item>
+        <el-form-item label="确认密码" prop="Password2">
+          <el-input type="password" style="width:234px" size="small" maxlength="25" v-model="updateMsg.Password2"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="upDatePwd = false">取 消</el-button>
+        <el-button size="small" type="primary" @click="upPassWord()">确 定</el-button>
+      </span>
+    </el-dialog>
+
     <!-- 创建商城 -->
     <el-dialog title="创建商城" :visible.sync="creatDig" width="440px">
       <el-form :model="creatMsg" :rules="creatMsgrules" ref="creatMsg" label-width="100px">
@@ -322,6 +338,16 @@
           callback();
         }
       }
+      let validataPwd = (rule, value, callback) => {
+        if (this.updateMsg.Password2 == '') {
+          return callback(new Error('请再次输入密码'));
+        }
+        if (this.updateMsg.Password != this.updateMsg.Password2) {
+          return callback(new Error('两次输入密码不一致!'));
+        } else {
+          callback();
+        }
+      }
       return {
         currentUserMsg: {},
         creatMsg: {
@@ -342,6 +368,7 @@
         tableData: [],
         val: '',
         dialogVisible: false,
+        upDatePwd:false,
         addMsg: {},
         qMsg: {
           pageIndex: 1,
@@ -349,6 +376,11 @@
           MallName: "",
           total: 0,
         },
+        //修改密码msg
+        updateMsg:{
+          Password:'',
+          Password2:''
+        },
         rules: {
           name: [{
             required: true,
@@ -376,6 +408,19 @@
             required: true
           }],
         },
+        //修改密码验证
+        uprules:{
+          Password: [{
+            required: true,
+            message: '请输入密码',
+            trigger: 'blur'
+          }],
+          Password2: [{
+            validator: validataPwd,
+            required: true,
+            trigger: 'blur'
+          }]
+        }
       }
     },
     methods: {
@@ -476,10 +521,15 @@
         })
       },
       //点击商品名称设置setMallBaseId
-      setMallBaseId(Id){
+      setMallBaseId(Id,Name){
         let userInfo = this.getLocalStorage();
         userInfo.MallBaseId = Id;
+        userInfo.MallName = Name;
         localStorage.mall_userInfo = JSON.stringify(userInfo);
+      },
+      //修改密码
+      upPassWord(){
+
       }
     },
     mounted() {

src/components/Login.vue

@@ -66,7 +66,7 @@
   .loginDiv .login-form {
     padding: 50px 45px 30px;
     height: 480px;
-    width: 245px;
+    width: 335px;
     float: right;
     background-color: #fff;
   }
@@ -169,7 +169,7 @@
               <el-input v-model="msg.Account" placeholder="请输入用户名" maxlength="25" />
             </el-form-item>
             <el-form-item label="" prop="Password">
-              <el-input v-model="msg.Password" placeholder="请输入密码" maxlength="25" />
+              <el-input type="password" v-model="msg.Password" placeholder="请输入密码" maxlength="25" />
             </el-form-item>
             <el-form-item label="" prop="ValidataCode">
               <el-input v-model="msg.ValidataCode" style="width:140px;" placeholder="验证码" maxlength="25" />