68 lines
1.6 KiB
Vue
68 lines
1.6 KiB
Vue
<template>
|
|
<span v-if="text" @click="handleLock">{{ text }}</span>
|
|
<i v-else class="icon-suoping" @click="handleLock"></i>
|
|
<el-dialog title="设置锁屏密码" v-model="box" width="30%" append-to-body>
|
|
<el-form :model="form" ref="form" label-width="auto">
|
|
<el-form-item
|
|
label="锁屏密码"
|
|
prop="passwd"
|
|
:rules="[{ required: true, message: '锁屏密码不能为空' }]"
|
|
>
|
|
<el-input v-model="form.passwd" placeholder="请输入锁屏密码">
|
|
<template #append>
|
|
<el-button @click="handleSetLock" icon="el-icon-lock"></el-button>
|
|
</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
import { validatenull } from 'utils/validate';
|
|
import { mapGetters } from 'vuex';
|
|
|
|
export default {
|
|
name: 'top-lock',
|
|
data() {
|
|
return {
|
|
box: false,
|
|
form: {
|
|
passwd: '',
|
|
},
|
|
};
|
|
},
|
|
created() {},
|
|
mounted() {},
|
|
computed: {
|
|
...mapGetters(['lockPasswd']),
|
|
},
|
|
props: {
|
|
text: String,
|
|
},
|
|
methods: {
|
|
handleSetLock() {
|
|
this.$refs['form'].validate(valid => {
|
|
if (valid) {
|
|
this.$store.commit('SET_LOCK_PASSWD', this.form.passwd);
|
|
this.handleLock();
|
|
}
|
|
});
|
|
},
|
|
handleLock() {
|
|
if (validatenull(this.lockPasswd)) {
|
|
this.box = true;
|
|
return;
|
|
}
|
|
this.$store.commit('SET_LOCK');
|
|
setTimeout(() => {
|
|
this.$router.push({ path: '/lock' });
|
|
}, 100);
|
|
},
|
|
},
|
|
components: {},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|