初始化admin pc端

admin/src/components/popover-input/index.vue

@@ -0,0 +1,78 @@
+<template>
+    <div class="popover-input">
+        <el-popover v-model:visible="visible" placement="top" :width="width" trigger="manual">
+            <div class="flex">
+                <div class="popover-input__input m-r-10 flex-1">
+                    <el-input
+                        v-model="value"
+                        :type="type"
+                        size="mini"
+                        :placeholder="placeholder"
+                    ></el-input>
+                </div>
+                <div class="popover-input__btns flex-none">
+                    <el-button type="text" size="mini" @click="close">取消</el-button>
+                    <el-button type="primary" size="mini" @click="handleConfirm">确定</el-button>
+                </div>
+            </div>
+            <template #reference>
+                <div class="inline" type="text" @click="open">
+                    <slot></slot>
+                </div>
+            </template>
+        </el-popover>
+    </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, ref } from 'vue'
+export default defineComponent({
+    props: {
+        type: {
+            type: String,
+            default: 'number'
+        },
+        width: {
+            type: Number,
+            default: 250
+        },
+        placeholder: {
+            type: String,
+            default: ''
+        },
+        disabled: {
+            type: Boolean,
+            default: false
+        }
+    },
+    emits: ['confirm'],
+    setup(props, { emit }) {
+        const visible = ref(false)
+        const value = ref('')
+        const open = () => {
+            if (props.disabled) {
+                return
+            }
+            visible.value = true
+        }
+        const close = () => {
+            visible.value = false
+        }
+
+        const handleConfirm = () => {
+            if (value.value) {
+                emit('confirm', value.value)
+                value.value = ''
+            }
+            close()
+        }
+        return {
+            visible,
+            value,
+            open,
+            close,
+            handleConfirm
+        }
+    }
+})
+</script>