From 46fc546d6f911dd9b8458664ebde7cab2c656d6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9A=E5=95=A6C=E6=A2=A6?= <15709267061@163.com>
Date: Mon, 24 Mar 2025 10:31:31 +0800
Subject: [PATCH] update

---
 .../components/EditExpertInfoModal.vue        | 81 +++++++++++++++++++
 .../components/EditInfoModal.vue              | 57 +++++++++++++
 .../components/RefuseModal.vue                | 25 ++++++
 .../account-management/expert-account.vue     |  3 +-
 .../account-management/merchant-account.vue   |  3 +-
 .../account-management/promoted-accounts.vue  |  3 +-
 .../components/EditPlatformNews.vue           | 42 ++++++++++
 .../components/PlatformNews.vue               |  3 +-
 8 files changed, 213 insertions(+), 4 deletions(-)
 create mode 100644 src/pages/manage/pages/account-management/components/EditExpertInfoModal.vue
 create mode 100644 src/pages/manage/pages/account-management/components/EditInfoModal.vue
 create mode 100644 src/pages/manage/pages/account-management/components/RefuseModal.vue
 create mode 100644 src/pages/manage/pages/manage-expert-management/components/EditPlatformNews.vue

diff --git a/src/pages/manage/pages/account-management/components/EditExpertInfoModal.vue b/src/pages/manage/pages/account-management/components/EditExpertInfoModal.vue
new file mode 100644
index 0000000..4acb439
--- /dev/null
+++ b/src/pages/manage/pages/account-management/components/EditExpertInfoModal.vue
@@ -0,0 +1,81 @@
+<script setup>
+import {ref} from "vue";
+
+const visible = ref(false);
+</script>
+
+<template>
+    <a-link :hoverable="false" @click="visible=true">编辑</a-link>
+
+    <a-modal
+        ok-text="确定修改"
+        title="编辑"
+        title-align="start"
+        v-model:visible="visible">
+        <div class="max-h-[500px] overflow-auto">
+            <a-form layout="vertical">
+                <a-form-item label="ID">
+                    <a-input placeholder="ID"></a-input>
+                </a-form-item>
+                <a-form-item label="昵称">
+                    <a-input placeholder="昵称"></a-input>
+                </a-form-item>
+                <a-form-item label="头像">
+                    <div class="flex flex-wrap gap-[12px]">
+                        <a-image
+                            width="62px"
+                            height="62px"
+                            src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a8c8cdb109cb051163646151a4a5083b.png~tplv-uwbnlip3yd-webp.webp">
+                        </a-image>
+                        <a-image
+                            width="62px"
+                            height="62px"
+                            src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a8c8cdb109cb051163646151a4a5083b.png~tplv-uwbnlip3yd-webp.webp">
+                        </a-image>
+                    </div>
+                </a-form-item>
+                <a-form-item label="手机号">
+                    <a-input placeholder="手机号"></a-input>
+                </a-form-item>
+                <a-form-item label="微信号">
+                    <a-input placeholder="微信号"></a-input>
+                </a-form-item>
+                <a-form-item label="状态">
+                    <a-input placeholder="状态"></a-input>
+                </a-form-item>
+                <a-form-item label="邀请人">
+                    <a-input placeholder="邀请人"></a-input>
+                </a-form-item>
+                <a-form-item label="上上">
+                    <a-input placeholder="上上"></a-input>
+                </a-form-item>
+                <a-form-item label="上上上">
+                    <a-input placeholder="上上上"></a-input>
+                </a-form-item>
+                <a-form-item label="等级">
+                    <a-input placeholder="等级"></a-input>
+                </a-form-item>
+                <a-form-item label="分佣比例">
+                    <div class="flex gap-[12px]">
+                        <a-input placeholder="一级">
+                            <template #prefix>一级</template>
+                        </a-input>
+                        <a-input placeholder="二级">
+                            <template #prefix>一级</template>
+                        </a-input>
+                        <a-input placeholder="三级">
+                            <template #prefix>一级</template>
+                        </a-input>
+                    </div>
+                </a-form-item>
+                <a-form-item label="入驻日期">
+                    <a-date-picker show-time></a-date-picker>
+                </a-form-item>
+            </a-form>
+        </div>
+    </a-modal>
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/pages/manage/pages/account-management/components/EditInfoModal.vue b/src/pages/manage/pages/account-management/components/EditInfoModal.vue
new file mode 100644
index 0000000..1e2f4f5
--- /dev/null
+++ b/src/pages/manage/pages/account-management/components/EditInfoModal.vue
@@ -0,0 +1,57 @@
+<script setup>
+import {ref} from "vue";
+
+const visible = ref(false);
+</script>
+
+<template>
+    <a-link :hoverable="false" @click="visible=true">编辑</a-link>
+
+    <a-modal
+        ok-text="确定修改"
+        title="编辑"
+        title-align="start"
+        v-model:visible="visible">
+        <a-form layout="vertical">
+            <a-form-item label="ID">
+                <a-input placeholder="ID"></a-input>
+            </a-form-item>
+            <a-form-item label="昵称">
+                <a-input placeholder="昵称"></a-input>
+            </a-form-item>
+            <a-form-item label="头像">
+                <div class="flex flex-wrap gap-[12px]">
+                    <a-image
+                        width="62px"
+                        height="62px"
+                        src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a8c8cdb109cb051163646151a4a5083b.png~tplv-uwbnlip3yd-webp.webp">
+                    </a-image>
+                    <a-image
+                        width="62px"
+                        height="62px"
+                        src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a8c8cdb109cb051163646151a4a5083b.png~tplv-uwbnlip3yd-webp.webp">
+                    </a-image>
+                </div>
+            </a-form-item>
+            <a-form-item label="手机号">
+                <a-input placeholder="手机号"></a-input>
+            </a-form-item>
+            <a-form-item label="微信号">
+                <a-input placeholder="微信号"></a-input>
+            </a-form-item>
+            <a-form-item label="状态">
+                <a-input placeholder="状态"></a-input>
+            </a-form-item>
+            <a-form-item label="邀请人">
+                <a-input placeholder="邀请人"></a-input>
+            </a-form-item>
+            <a-form-item label="入驻日期">
+                <a-input placeholder="入驻日期"></a-input>
+            </a-form-item>
+        </a-form>
+    </a-modal>
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/pages/manage/pages/account-management/components/RefuseModal.vue b/src/pages/manage/pages/account-management/components/RefuseModal.vue
new file mode 100644
index 0000000..92dbbf2
--- /dev/null
+++ b/src/pages/manage/pages/account-management/components/RefuseModal.vue
@@ -0,0 +1,25 @@
+<script setup>
+import {ref} from "vue";
+
+const visible = ref(false);
+</script>
+
+<template>
+    <a-link :hoverable="false" status="danger" @click="visible=true">拒绝</a-link>
+
+    <a-modal
+        ok-text="确定拒绝"
+        title="推广账号拒绝"
+        title-align="start"
+        v-model:visible="visible">
+        <a-form layout="vertical">
+            <a-form-item label="拒绝原因">
+                <a-input placeholder="请输入拒绝原因"></a-input>
+            </a-form-item>
+        </a-form>
+    </a-modal>
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/pages/manage/pages/account-management/expert-account.vue b/src/pages/manage/pages/account-management/expert-account.vue
index 74ed881..d5b57e3 100644
--- a/src/pages/manage/pages/account-management/expert-account.vue
+++ b/src/pages/manage/pages/account-management/expert-account.vue
@@ -3,6 +3,7 @@ import Filter from "../../../../components/Filter/index.vue";
 import {reactive} from "vue";
 import useTableQuery from "../../../../hooks/useTableQuery.js";
 import Api from "../../../../api/index.js";
+import EditExpertInfoModal from "./components/EditExpertInfoModal.vue";
 
 const columns = [
     {
@@ -157,7 +158,7 @@ const {loading, pagination, initFetchData} = useTableQuery({
             </template>
             <template v-slot:action>
                 <div class="flex gap-[20px]">
-                    <a-link :hoverable="false">编辑</a-link>
+                    <EditExpertInfoModal></EditExpertInfoModal>
                     <a-link :hoverable="false">快速进入</a-link>
                 </div>
             </template>
diff --git a/src/pages/manage/pages/account-management/merchant-account.vue b/src/pages/manage/pages/account-management/merchant-account.vue
index 7a62ac9..5414b05 100644
--- a/src/pages/manage/pages/account-management/merchant-account.vue
+++ b/src/pages/manage/pages/account-management/merchant-account.vue
@@ -3,6 +3,7 @@ import {reactive} from "vue";
 import useTableQuery from "../../../../hooks/useTableQuery.js";
 import Api from "../../../../api/index.js";
 import Filter from "../../../../components/Filter/index.vue";
+import EditInfoModal from "./components/EditInfoModal.vue";
 
 const columns = [
     {
@@ -137,7 +138,7 @@ const {loading, pagination, initFetchData} = useTableQuery({
             </template>
             <template v-slot:action>
                 <div class="flex gap-[20px]">
-                    <a-link :hoverable="false">编辑</a-link>
+                    <EditInfoModal></EditInfoModal>
                     <a-link :hoverable="false">卡密</a-link>
                 </div>
             </template>
diff --git a/src/pages/manage/pages/account-management/promoted-accounts.vue b/src/pages/manage/pages/account-management/promoted-accounts.vue
index 551f2dd..6b58b8c 100644
--- a/src/pages/manage/pages/account-management/promoted-accounts.vue
+++ b/src/pages/manage/pages/account-management/promoted-accounts.vue
@@ -3,6 +3,7 @@ import {reactive} from "vue";
 import useTableQuery from "../../../../hooks/useTableQuery.js";
 import Api from "../../../../api/index.js";
 import Filter from "../../../../components/Filter/index.vue";
+import RefuseModal from "./components/RefuseModal.vue";
 
 const columns = [
     {
@@ -112,7 +113,7 @@ const {loading, pagination, initFetchData} = useTableQuery({
                 <div class="flex gap-[20px]">
                     <a-link :hoverable="false">编辑</a-link>
                     <a-link :hoverable="false" status="success">通过</a-link>
-                    <a-link :hoverable="false" status="danger">拒绝</a-link>
+                    <RefuseModal></RefuseModal>
                 </div>
             </template>
         </a-table>
diff --git a/src/pages/manage/pages/manage-expert-management/components/EditPlatformNews.vue b/src/pages/manage/pages/manage-expert-management/components/EditPlatformNews.vue
new file mode 100644
index 0000000..d6a73bd
--- /dev/null
+++ b/src/pages/manage/pages/manage-expert-management/components/EditPlatformNews.vue
@@ -0,0 +1,42 @@
+<script setup>
+import {ref} from "vue";
+
+const visible = ref(false);
+</script>
+
+<template>
+    <a-link :hoverable="false" @click="visible=true">编辑</a-link>
+
+    <a-modal
+        title="编辑平台消息"
+        title-align="start"
+        v-model:visible="visible">
+        <a-form layout="vertical">
+            <a-form-item label="标题">
+                <a-input placeholder="请输入标题"></a-input>
+            </a-form-item>
+            <a-form-item label="简介">
+                <a-textarea placeholder="请输入简介"></a-textarea>
+            </a-form-item>
+            <a-form-item label="跳转方式">
+                <a-radio-group>
+                    <div class="grid grid-cols-3">
+                        <a-radio :value="0">站内URL</a-radio>
+                        <a-radio :value="1">站内富文本页面</a-radio>
+                        <a-radio :value="2">微信链接</a-radio>
+                        <a-radio :value="3">外部链接</a-radio>
+                        <a-radio :value="4">弹窗</a-radio>
+                        <a-radio :value="5">空</a-radio>
+                    </div>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="链接">
+                <a-input placeholder="请输入链接"></a-input>
+            </a-form-item>
+        </a-form>
+    </a-modal>
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/pages/manage/pages/manage-expert-management/components/PlatformNews.vue b/src/pages/manage/pages/manage-expert-management/components/PlatformNews.vue
index b5fa09c..3c5f084 100644
--- a/src/pages/manage/pages/manage-expert-management/components/PlatformNews.vue
+++ b/src/pages/manage/pages/manage-expert-management/components/PlatformNews.vue
@@ -3,6 +3,7 @@ import {reactive} from "vue";
 import useTableQuery from "../../../../../hooks/useTableQuery.js";
 import Api from "../../../../../api/index.js";
 import SequenceAdjustment from "../../../../../components/SequenceAdjustment/index.vue";
+import EditPlatformNews from "./EditPlatformNews.vue";
 
 const columns = [
     {
@@ -96,7 +97,7 @@ const {loading, pagination, initFetchData} = useTableQuery({
         </template>
         <template v-slot:action>
             <div class="flex gap-[20px]">
-                <a-link :hoverable="false">编辑</a-link>
+                <EditPlatformNews></EditPlatformNews>
                 <a-link :hoverable="false" status="danger">删除</a-link>
             </div>
         </template>