修改密码

luobisheng

2022-11-24 447a59c76ab12961bce6ae2f9ca6c5cce1905ad8

修改密码

 src/api/users.js

@@ -10,5 +10,13 @@

  getMenu: (params) => {
    return http.get('/sccg/admin/info', params);
  },

  updatePassword: (params) => {
    return http.post('/sccg/admin/updatePassword', params);
  },

  logout: () => {
    return http.post('/sccg/admin/logout');
  }
};      

 src/views/layout/components/Header/updatePassword/index.vue

@@ -2,116 +2,69 @@
    <div class="createUser">
        <main>
            <div class="mainContent">
                <el-form ref="user" label-width="140px" :rules="createCarRules" autoComplete="on" :model="car"
                <el-form ref="password" label-width="140px" :rules="passwordRules" autoComplete="on" :model="password"
                    label-position="right">
                    <!-- 车牌号 -->
                    <el-form-item class="optionItem" label="当前密码:" prop="carNumber">
                        <el-input v-model="car.carNumber" placeholder="请填写当前密码"></el-input>
                    <el-form-item class="optionItem" label="当前密码:" prop="oldPassword">
                        <el-input type="password" v-model="password.oldPassword" placeholder="请填写当前密码"></el-input>
                    </el-form-item>
                    <!-- 所属部门 -->
                    <el-form-item class="optionItems" label="新密码:" prop="depart">
                        <el-input v-model="car.depart" placeholder="请填写新密码"></el-input>
                    <el-form-item class="optionItems" label="新密码:" prop="newPassword">
                        <el-input type="password" v-model="password.newPassword" placeholder="请填写新密码"></el-input>
                    </el-form-item>
                    <!-- 所属大队 -->
                    <el-form-item class="optionItems" label="确定新密码:" prop="belong">
                        <el-input v-model="car.belong" placeholder="请二次填写新密码"></el-input>
                    <el-form-item class="optionItems" label="确定新密码:" prop="confirmPassword">
                        <el-input type="password" v-model="password.confirmPassword" placeholder="请再次填写新密码"></el-input>
                    </el-form-item>
                  <el-form-item class="optionItems">
                    <el-button type="primary" @click="onSubmit">提交</el-button>
                  </el-form-item>
                </el-form>
            </div>
        </main>
    </div>
</template>
<script>
import {validateCarNum,validatePhone,validateName} from '@/utils/validate'
import users from "@/api/users";

export default {
    data() {
        const checkCarNum = (rule, value, callback) => {
            if (value) {
                if(validateCarNum(value)){
                    callback()
                }else{
                    callback(new Error('请输入正确的密码'));
                }
            } else {
                callback(new Error('密码不能为空'));
            }
        }
        const checkName = (rule, value, callback) => {
            if (value) {
                if(validateName(value)){
                    callback()
                }else{
                    callback(new Error('请输入正确的密码'));
                }
            } else {
                callback(new Error('新密码不能为空'));
            }
        }
        const checkUser = (rule, value, callback) => {
            if (value) {
                if(validateName(value)){
                    callback()
                }else{
                    callback(new Error('请输入正确的密码'));
                }
            } else {
                callback(new Error('新密码不能为空'));
            }
        }
        const checkPhone = (rule, value, callback) => {
            if (value) {
                if(validatePhone(value)){
                    callback()
                }else{
                    callback(new Error('请输入正确的手机号'));
                }
            } else {
                callback(new Error('手机号码不能为空'));
            }
        }
        return {
            car: {
            },
            createCarRules: {
                carNumber: [
                    {
                        required: true, trigger:'blur', validator: checkCarNum
                    }
                ],
                contact: [
                    {
                        required: true,trigger:'blur', validator: checkPhone
                    }
                ],
                // id: 0,
                ownerName: [
                    {
                        required: true,trigger:'blur', validator: checkName
                    }
                ],
                vehicleUser: [
                    {
                        required: true,trigger:'blur', validator: checkUser
                    }
                ]
            },
            teamList: [
                {
                    label: '大队一',
                    value: 1,
                },
                {
                    label: '大队二',
                    value: 2,
                },
            ]
          password: {
            oldPassword: null,
            newPassword: null,
            confirmPassword: null
          },
          passwordRules: {
            newPassword: [{ required: true, trigger: 'blur', message: '密码不能为空' }],
            oldPassword: [{ required: true, trigger: 'blur', message: '新密码不能为空' }],
            confirmPassword: [{ required: true, trigger: 'blur', message: '新密码不能为空' }],
          },
        }
    },
    created() {
    },
    methods: {
      onSubmit() {
        this.$refs.password.validate(valid => {
          if (valid) {
            const userName = JSON.parse(sessionStorage.getItem('name'));
            const passwordParams = Object.assign({}, this.password);
            delete passwordParams.confirmPassword;
            users.updatePassword({ username: userName, ...passwordParams })
                .then(() => {
                  this.$message.success('修改密码成功, 即将重新登录');
                  this.logout();
                })
                .catch(err => this.$message.error(err))
          }
        })
      },
      logout() {
        users.logout()
            .then(() => {
              sessionStorage.clear();
            })
            .catch(err => this.$message.error(err))
      }
    },
    // props: ['info']
}
</script>
<style lang="scss" scoped>
@@ -120,7 +73,6 @@
    background-color: #09152f;

    main {
        // border: 1px solid #fff;
        text-align: left;
        padding: 0 55px;
        background-color: #09152f;

 src/views/operate/message/myIndex/update/index.vue

@@ -289,6 +289,9 @@
            targetTo: this.checkedList.join(","),
            status: mystatus,
          };
          if (this.role.channelCode === '03') {
            delete params.messageType;
          }
          if (this.type === "create") {
            sendMessage(params)
              .then(() => {
@@ -340,6 +343,7 @@

    // 消息预览
    handleView() {
      this.role.body = this.$refs.edit.editor.txt.html();
      this.$refs.user.validate((valid) => {
        if (valid) {
          const { body, head, channelCode } = this.role;

 src/views/systemSetting/device/point/index.vue

@@ -1,27 +1,20 @@
<template>
  <el-container style="height: 100%;">
    <el-aside heigth="100%" width="200px ">
      <div style="line-height: 40px;text-align: left;padding: 0 20px 0 10px;">
        <span style="color:rgb(75, 155, 183);font-weight: 500; width: 196px;">组织机构</span>
        <el-input placeholder="请输入机构"></el-input>
      </div>
      <el-tree :data="treedata" :props="defaultProps" @node-click="handleNodeClick"></el-tree>


      <department-aside />
    </el-aside>

    <el-container>
      <el-header style="display:flex;flex-direction: column;height: 120px;">
        <div style="display:flex;justify-content: space-between;height: 80px;">
          <span style="color:rgb(75, 155, 183);font-weight: 450;text-align: left; font-size: 16px;">当前共8个监控点位，最多配置100路视频监控，目前已经配置200路视频点</span>    
          <!-- <el-button type="primary" >删除</el-button> -->
        </div>
        <div style="height:60px;display: flex;justify-content: flex-start;">
        </div>
      </el-header>

      <el-main style="display:flex;flex-wrap: wrap;overflow-y: scroll;">
        <div v-for="item in videoDate " style="height: 240px ;width: 210px; position: relative;margin-left:20px ;">
        <div v-for="item in videoData " style="height: 240px ;width: 210px; position: relative;margin-left:20px ;">
          <div
            style="color:rgb(75, 155, 183); font-size: 11px;line-height: 18px; position: absolute; z-index: 1;left: 50px;">
            {{ item.steert }}{{ item.community }}</div>
@@ -36,8 +29,8 @@
      </el-main>
      <el-footer>
        <div style="margin-bottom:0;">
          <el-pagination background :current-page="currentPage" layout="prev, pager, next" :total="totalNum"
            :page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev" @next-click="handleNext">
          <el-pagination :current-page="currentPage" layout="prev, pager, next" :total="totalNum"
            :page-size="pageSize">
          </el-pagination>
        </div>
      </el-footer>
@@ -143,14 +136,17 @@
  color: rgb(75, 155, 183);
}
</style>
<script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script>
<script>
import departmentAside from "@/views/operate/fivepack/threepack/components/aside";

  export default {
    components: { departmentAside },
    data() {
      return {
        totalNum:7,
        pageSize:10,
        videoDate:[
        currentPage: 1,
        totalNum: 7,
        pageSize: 10,
        videoData:[
          {
            id:12,
            steert:"xx街道",
@@ -210,55 +206,6 @@
            videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
          }
        ],
        treedata: [{
          label: '妙高街道',
          children: [{
            label: '北街村',
            children: [{
              label: '螺蛳垵'
            }]
          },{
            label: '东街村',
            children: [{
              label: '螺蛳垵'
            }]
          },{
            label: '古院社区',
            children: [{
              label: '螺蛳垵'
            }]
          }]
        }, {
          label: '云峰街道',
          children: [{
            label: '东亭',
            children: [{
              label: '隔溪'
            }]
          }, {
            label: '马头',
            children: [{
              label: '龙口'
            }]
          }]
        }, {
          label: '新路湾镇',
          children: [{
            label: '新路湾镇',
            children: [{
              label: '新路湾镇'
            }]
          }, {
            label: '新路湾镇',
            children: [{
              label: '新路湾镇'
            }]
          }]
        }],
        defaultProps: {
          children: 'children',
          label: 'label'
        },
        value:''
      };
    },