42 lines
1.0 KiB
Vue
42 lines
1.0 KiB
Vue
|
<!--
|
||
|
|
- MineAdmin is committed to providing solutions for quickly building web applications
|
||
|
|
- Please view the LICENSE file that was distributed with this source code,
|
||
|
|
- For the full copyright and license information.
|
||
|
|
- Thank you very much for using MineAdmin.
|
||
|
|
-
|
||
|
|
- @Author X.Mo<root@imoi.cn>
|
||
|
|
- @Link https://gitee.com/xmo/mineadmin-vue
|
||
|
|
-->
|
||
|
|
<template>
|
||
|
|
<a-input v-model="val" :label="props.title" disabled class="w-full" />
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import { ref, watch } from "vue"
|
||
|
|
import { useUserStore } from "@/store"
|
||
|
|
|
||
|
|
const user = useUserStore().user
|
||
|
|
const val = ref()
|
||
|
|
|
||
|
|
const emit = defineEmits(["update:modelValue"])
|
||
|
|
const props = defineProps({
|
||
|
|
modelValue: [String, Number],
|
||
|
|
title: { type: String, default: "用户信息" },
|
||
|
|
field: { type: String, default: "id" }
|
||
|
|
})
|
||
|
|
|
||
|
|
val.value = user[props.field] ? user[props.field].toString() : user.id.toString()
|
||
|
|
|
||
|
|
watch(
|
||
|
|
() => val.value,
|
||
|
|
(vl) => emit("update:modelValue", vl),
|
||
|
|
{ immediate: true }
|
||
|
|
)
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
:deep(.arco-select-option-content) {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
</style>
|