37 lines
975 B
Vue
37 lines
975 B
Vue
<!-- 锁屏弹窗 -->
|
|
<template>
|
|
<ele-modal
|
|
title="锁定客户端"
|
|
:width="480"
|
|
v-model="visible"
|
|
:modal-penetrable="false"
|
|
:append-to-body="true"
|
|
:lock-scroll="true"
|
|
center
|
|
:close-on-press-escape="false"
|
|
:close-on-click-modal="false"
|
|
>
|
|
<el-input type="password" v-model="lockPassword" size="large" placeholder="请输入临时锁定密码/为空则使用默认使用账号密码"></el-input>
|
|
<div style="margin-top: 20px;">
|
|
<el-button class="ele-fluid" type="primary" @click="confirmLock">锁定客户端</el-button>
|
|
</div>
|
|
</ele-modal>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue';
|
|
import { useMobile } from '@/utils/use-mobile';
|
|
|
|
/** 弹窗是否打开 */
|
|
const visible = defineModel({ type: Boolean });
|
|
|
|
/** 是否是移动端 */
|
|
const { mobile } = useMobile();
|
|
|
|
const lockLoading = ref(false);
|
|
const lockPassword = ref("");
|
|
const confirmLock = ()=>{
|
|
lockLoading.value = true;
|
|
}
|
|
</script>
|