<!-- 锁屏弹窗 -->
<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>
