menduner/src/plugins/fullScreen/components/entUpdatePassword.vue

<!-- 修改密码 -->
<template>
  <v-app>
    <v-dialog
      v-model="dialog"
      max-width="100vw"
    >
      <div class="white-bgc ma-n6 d-flex flex-column align-center justify-center" style="min-height: 100vh;" :style="{'background-image': 'url(' + webContent.loginBgUrl + ')'}">
        <staffChangePassword :hideGoBack="true" :hideWidth="true" :entChangePassword="true" elevation="0"></staffChangePassword>
      </div>
    </v-dialog>
  </v-app>
</template>

<script setup>
defineOptions({name: 'fullScreen-entUpdatePassword'})
import { onMounted, ref } from 'vue'
import { webContentStore } from '@/store/webContent'
import staffChangePassword from '@/views/recruit/enterprise/staffChangePassword'

const webContent = webContentStore()

const dialog = ref(true)
onMounted(async () => {
  await webContent.getSystemWebContent()
  dialog.value = true
})

</script>
<style lang="scss" scoped>
.white-bgc {
  background-size: cover;
}
::-webkit-scrollbar {
  width: 4px;
  height: 10px;
  display: none;
}
::-webkit-scrollbar-thumb, .temporaryAdd ::-webkit-scrollbar-thumb, .details_edit ::-webkit-scrollbar-thumb {
  // 滚动条-颜色
  background: #c3c3c379;
}
::-webkit-scrollbar-track, .temporaryAdd ::-webkit-scrollbar-track, .details_edit ::-webkit-scrollbar-track {
  // 滚动条-底色
  background: #e5e5e58f;
}
</style>