feat: 媒体账号/投放账户增加【所属项目】相关逻辑

src/components/common-select/index.vue

@@ -0,0 +1,67 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <a-select
+    v-model="selectedValues"
+    :multiple="multiple"
+    size="medium"
+    :placeholder="placeholder"
+    allow-clear
+    :max-tag-count="maxTagCount"
+    @change="handleChange"
+  >
+    <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
+      {{ item.name }}
+    </a-option>
+  </a-select>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue';
+
+const props = defineProps({
+  modelValue: {
+    type: [Array, String, Number],
+    default: () => [],
+  },
+  multiple: {
+    type: Boolean,
+    default: true,
+  },
+  placeholder: {
+    type: String,
+    default: '全部',
+  },
+  options: {
+    type: Array,
+    default: () => [],
+  },
+  maxTagCount: {
+    type: Number,
+    default: 3,
+  },  
+});
+
+const emits = defineEmits(['update:modelValue', 'change']);
+
+const selectedValues = ref(props.multiple ? [] : '');
+
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    selectedValues.value = newVal;
+  },
+  { immediate: true },
+);
+
+watch(selectedValues, (newVal) => {
+  emits('update:modelValue', newVal);
+});
+
+const handleChange = (value) => {
+  selectedValues.value = value;
+  emits('change', value);
+};
+</script>