账号管理添加密码

src/views/accountManagement/components/accountHome.vue

@@ -32,6 +32,7 @@
                       <div class="name">{{ account.user_name }}</div>
                       <div v-is="['userlist_btn_update']" class="loger" @click="toEdit(account.user_id)" />
                       <div v-is="['account_authorization_button']" @click="authAccount(account)" class="loger cap-auth"></div>
+                      <div v-is="['user_sec_auth']" @click="authUser(account.user_id)" class="loger cap-user"></div>
                     </div>
                     <div v-is="['userlist_btn_del']" class="del" @click="deleteUser(account)">
                       <i class="el-icon-close" />
@@ -122,6 +123,28 @@
         </div>
       </div>
     </Dialog>
+    <!--修改密码弹框-->
+    <Dialog width="496px" customClass="dataStoreInfoDialog" :flag="pwdflag">
+      <div class="dialog-public-background">
+        <div class="title">修改密码</div>
+        <div class="content">
+          <div class="ruleZf">特殊字符：`、!、@、#、$、%、^、&、*、(、)、_、+、{、}、"、:、?、>、&lt;、`、,、.、/、'、;、[、]、=、-、\、|</div>
+          <div class="ruleZf">密码规则：长度为8-20个字符，并且必须包含数字、大写字母、小写字母、特殊字符</div>
+          <el-form :model="dataForm" :rules="dataRules" ref="dataForm" class="demo-dataForm">
+            <el-form-item label="新密码" prop="new">
+              <el-input size="medium" placeholder="请输入新密码" show-password v-model="dataForm.new"></el-input>
+            </el-form-item>
+            <el-form-item label="再次确认新密码" prop="again">
+              <el-input size="medium" placeholder="请再次确认新密码" show-password v-model="dataForm.again"></el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="foot center t30">
+          <el-button size="medium" type="primary" @click="addSubmit('dataForm')" class="r24">保存</el-button>
+          <el-button size="medium" @click="resetUserForm('dataForm')">取消</el-button>
+        </div>
+      </div>
+    </Dialog>
   </div>
 </template>
 
@@ -129,7 +152,6 @@
 import Search from "@/layout/components/Search";
 import Dialog from "@/layout/components/Dialog";
 import NoData from "@/components/nodata";
-import { GetAccountList, ChangeUserStatus, delAccount, getAccountDetails, editAccount, addAccount } from "@/api/Account";
 import { translateDataToTreeAll } from "@/utils/validate";
 import { mapGetters } from "vuex";
 import { GeneralDataReception, Query } from "@/api/dataIntegration";
@@ -153,6 +175,7 @@ export default {
       PageSize: 20,
       pages: null,
       loading: false,
+      pwdflag: false,
       editDialogVisible: false,
       editDialogTitle: "新增账号",
       editType: "add",
@@ -168,6 +191,21 @@ export default {
         // 协议信息表单验证
         user_name: [{ required: true, message: "请输入账号名称", trigger: "blur" }],
       },
+      dataForm: {
+        //数据项表单
+        new: "",
+        again: "",
+      },
+      dataFormObj: {},
+      dataFormId: null,
+      // leup: true,
+      dataRules: {
+        //数据项表单验证
+        new: [{ required: true, message: "请输入新密码", trigger: "blur" }],
+        again: [
+          { required: true, message: "请再次确认新密码", trigger: "blur" },
+        ],
+      },
       ruleFormObj: {},
       roleId: "",
       msgIndex: null,
@@ -304,7 +342,7 @@ export default {
           this.$message.error(res.message);
         }
       } catch (error) {
-this.$message.error("失败");
+        this.$message.error("失败");
       }
     },
     // 新增账号
@@ -421,6 +459,37 @@ this.$message.error("失败");
       //   path: '/account/accountAdd'
       // })
     },
+    authUser (userId) {
+      this.pwdflag = true;
+      this.roleId = userId;
+      this.getAccountInfo();
+    },
+    //存储数据项-提交
+    addSubmit (formName) {
+      this.$refs[formName].validate(async (valid) => {
+        if (valid) {
+          this.dataForm.user_sec_pwd = this.dataForm.again
+          const obj = Object.assign(this.ruleForm, this.dataForm)
+          const { code, message } = await GeneralDataReception({
+            serviceId: SERVICE_ID.accountScId,
+            dataContent: JSON.stringify(obj),
+          });
+          if (code == 0) {
+            this.$message.success(message);
+            this.resetUserForm("dataForm");
+          } else {
+            this.$message.error(message);
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    //存储数据项-取消
+    resetUserForm (formName) {
+      this.$refs[formName].resetFields();
+      this.pwdflag = false;
+    },
     // 重置
     resetForm (formName) {
       this.$refs[formName].resetFields();
@@ -645,6 +714,13 @@ this.$message.error("失败");
             background-image: url("../../../assets/status/ic_edit_authorization_hover.png");
           }
         }
+        .cap-user {
+          margin-left: 12px;
+          background-image: url("../../../assets/status/ic_permissions_add_default.png");
+          &:hover {
+            background-image: url("../../../assets/status/ic_permissions_add_hoavr.png");
+          }
+        }
       }
 
       .content {
@@ -689,7 +765,6 @@ this.$message.error("失败");
     }
   }
   .ruleZf {
-    padding-left: 60px;
     line-height: 2;
     margin-bottom: 22px;
     color: #101611;