1122

cdTMP/src/components/ma-userInfo/index.vue

@@ -0,0 +1,41 @@
+<!--
+ - 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>