From 050292b7cd8eef7bf0053826d06013d1bf40b523 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 24 Jul 2025 14:51:42 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=8C=BA=E5=88=86=E5=AA=92=E4=BD=93?=
 =?UTF-8?q?=E8=B4=A6=E5=8F=B7/=E6=8A=95=E6=94=BE=E8=B4=A6=E6=88=B7?=
 =?UTF-8?q?=E7=9A=84=E7=8A=B6=E6=80=81=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/board-table/index.vue          |  2 +-
 .../components/filter-block/index.vue         |  2 +-
 .../components/plan-table/index.vue           |  2 +-
 .../components/account-table/index.vue        |  2 +-
 .../components/filter-block/index.vue         |  2 +-
 .../components/status-box/index.vue           |  2 +-
 .../components/status-select/constants.ts     | 60 +++++++++++++++++++
 .../components/status-select/index.vue        | 60 +++++++++++++++++++
 8 files changed, 126 insertions(+), 6 deletions(-)
 create mode 100644 src/views/property-marketing/put-account/components/status-select/constants.ts
 create mode 100644 src/views/property-marketing/put-account/components/status-select/index.vue

diff --git a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
index 5b7eeb0..b60414d 100644
--- a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
@@ -135,7 +135,7 @@
 
 <script setup>
 import { ref, computed } from 'vue';
-import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
+import { STATUS_LIST } from '@/views/property-marketing/put-account/components/status-select/constants';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
 import { useRouter } from 'vue-router';
diff --git a/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue b/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue
index f20c08f..be083c7 100644
--- a/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue
@@ -81,7 +81,7 @@ import {
 import GroupSelect from '../group-select';
 
 import OperatorSelect from '@/views/property-marketing/put-account/components/operator-select';
-import StatusSelect from '@/views/property-marketing/media-account/components/status-select';
+import StatusSelect from '@/views/property-marketing/put-account/components/status-select';
 import AccountSelect from '@/views/property-marketing/put-account/components/account-select';
 
 const props = defineProps({
diff --git a/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue b/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
index 91e509b..4ae434e 100644
--- a/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
@@ -133,7 +133,7 @@
 
 <script setup>
 import { ref, computed } from 'vue';
-import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
+import { STATUS_LIST } from '@/views/property-marketing/put-account/components/status-select/constants';
 import { formatTableField } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
 import { useRouter } from 'vue-router';
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
index 4b3ad2c..a2e75c0 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
@@ -77,7 +77,7 @@
 <script setup>
 import { defineProps, ref, computed } from 'vue';
 import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants';
-import { EnumStatus } from '@/views/property-marketing/media-account/components/status-select/constants';
+import { EnumStatus } from '@/views/property-marketing/put-account/components/status-select/constants';
 
 import { formatNumberShow, exactFormatTime } from '@/utils/tools';
 
diff --git a/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue b/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
index 3d71058..3b90852 100644
--- a/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
@@ -67,7 +67,7 @@
 import { defineEmits, defineProps } from 'vue';
 import { getPlacementAccountOperators } from '@/api/all/propertyMarketing';
 import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants';
-import StatusSelect from '@/views/property-marketing/media-account/components/status-select';
+import StatusSelect from '@/views/property-marketing/put-account/components/status-select';
 import OperatorSelect from '@/views/property-marketing/put-account/components/operator-select';
 
 const props = defineProps({
diff --git a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
index df9d526..bc5362f 100644
--- a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
@@ -13,7 +13,7 @@
 
 <script setup>
 import { computed } from 'vue';
-import { STATUS_LIST, EnumStatus } from '@/views/property-marketing/media-account/components/status-select/constants';
+import { STATUS_LIST, EnumStatus } from '@/views/property-marketing/put-account/components/status-select/constants';
 
 import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';
 import iconWarn2 from '@/assets/img/media-account/icon-warn-2.png';
diff --git a/src/views/property-marketing/put-account/components/status-select/constants.ts b/src/views/property-marketing/put-account/components/status-select/constants.ts
new file mode 100644
index 0000000..7049295
--- /dev/null
+++ b/src/views/property-marketing/put-account/components/status-select/constants.ts
@@ -0,0 +1,60 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-07-04 11:18:11
+ */
+export enum EnumStatus {
+  UNAUTHORIZED = 0,
+  NORMAL = 1,
+  ABNORMAL = 3,
+  PAUSE = 2,
+  ABNORMAL_LOGIN = 4,
+  ABNORMAL_REQUEST = 5,
+  ABNORMAL_FREEZE = 6,
+  ABNORMAL_MISSING = 7,
+}
+
+export const STATUS_LIST = [
+  {
+    text: '正常',
+    label: '正常',
+    value: EnumStatus.NORMAL,
+  },
+  {
+    text: '暂停同步',
+    label: '暂停同步',
+    value: EnumStatus.PAUSE,
+  },
+  {
+    text: '未授权',
+    label: '未授权',
+    value: EnumStatus.UNAUTHORIZED,
+  },
+  {
+    text: '异常',
+    label: '异常',
+    value: EnumStatus.ABNORMAL,
+  },
+  {
+    text: '数据缺失',
+    label: '数据缺失',
+    value: EnumStatus.ABNORMAL_MISSING,
+  },
+  {
+    text: '异常-登录状态失效',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_LOGIN,
+    tooltip: '登录状态失效，需重新扫码授权',
+  },
+  {
+    text: '异常-请求过于频繁',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_REQUEST,
+    tooltip: '请求过于频繁，需等待24小时后重试',
+  },
+  {
+    text: '异常-账号被冻结/封禁',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_FREEZE,
+    tooltip: '账号被冻结/封禁',
+  },
+];
diff --git a/src/views/property-marketing/put-account/components/status-select/index.vue b/src/views/property-marketing/put-account/components/status-select/index.vue
new file mode 100644
index 0000000..b327655
--- /dev/null
+++ b/src/views/property-marketing/put-account/components/status-select/index.vue
@@ -0,0 +1,60 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <a-select
+    v-model="selectedStatus"
+    :multiple="multiple"
+    size="medium"
+    :placeholder="placeholder"
+    allow-clear
+    @change="handleChange"
+  >
+    <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text">
+      {{ item.text }}
+    </a-option>
+  </a-select>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue';
+import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
+
+const props = defineProps({
+  modelValue: {
+    type: [Array, String, Number],
+    default: () => [],
+  },
+  multiple: {
+    type: Boolean,
+    default: false,
+  },
+  placeholder: {
+    type: String,
+    default: '全部',
+  },
+});
+
+const emits = defineEmits(['update:modelValue', 'change']);
+
+const selectedStatus = ref(props.multiple ? [] : '');
+
+// 监听外部传入的值变化
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    selectedStatus.value = newVal;
+  },
+  { immediate: true },
+);
+// 监听内部值变化，向外部发送更新
+watch(selectedStatus, (newVal) => {
+  emits('update:modelValue', newVal);
+});
+
+const handleChange = (value) => {
+  selectedStatus.value = value;
+  emits('change', value);
+};
+</script>