feat(admin-web): add Vue 3 admin console and deployment configs

- Add admin-web/ with Vite + Vue 3 + Element Plus + Vue Router
- Add 8 management pages: dashboard, channel subject/account, conversation,
  person, tag, send record (with test send), inbound flow
- Add API client modules for account/channel/crm/send/flow
- Add Dockerfile and nginx config for admin-web
- Add Dockerfile for mci-server
- Add docker-compose.app.yml for one-command app deployment
- Add K8s deployment manifests for backend/admin-web/channel-service
- Update scripts/local-up.sh with shared network and --with-apps option
This commit is contained in:
2026-07-07 12:42:17 +08:00
parent bd0ac464cf
commit 91d5c29f23
41 changed files with 2948 additions and 0 deletions

View File

@@ -0,0 +1,110 @@
<template>
<div>
<el-form :model="form" label-width="80px">
<el-form-item label="目标类型">
<el-select v-model="form.targetType" placeholder="选择目标类型">
<el-option label="会话" value="conversation" />
<el-option label="人员" value="person" />
<el-option label="人员列表" value="person_list" />
<el-option label="标签" value="tag" />
</el-select>
</el-form-item>
<el-form-item label="目标值">
<el-input v-model="targetValueJson" type="textarea" :rows="3" placeholder='{"conversation_id": 1}' />
</el-form-item>
<el-form-item label="内容类型">
<el-input v-model="form.contentType" placeholder="text" />
</el-form-item>
<el-form-item label="内容">
<el-input v-model="contentJson" type="textarea" :rows="3" placeholder='{"text": "hello"}' />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleTestSend">测试发送</el-button>
</el-form-item>
</el-form>
<el-divider />
<el-form :model="query" inline>
<el-form-item label="任务ID">
<el-input v-model="query.taskId" placeholder="任务ID" />
</el-form-item>
<el-form-item>
<el-button @click="handleQuery">查询记录</el-button>
</el-form-item>
</el-form>
<el-table :data="records" border>
<el-table-column prop="id" label="ID" width="80" />
<el-table-column prop="taskId" label="任务ID" />
<el-table-column prop="targetType" label="目标类型" />
<el-table-column prop="channelType" label="渠道" />
<el-table-column prop="contentType" label="内容类型" />
<el-table-column prop="sendStatus" label="状态">
<template #default="scope">
<el-tag v-if="scope.row.sendStatus === 2" type="success">成功</el-tag>
<el-tag v-else-if="scope.row.sendStatus === 3" type="danger">失败</el-tag>
<el-tag v-else type="info">待发送</el-tag>
</template>
</el-table-column>
<el-table-column prop="createTime" label="创建时间" />
</el-table>
</div>
</template>
<script setup lang="ts">
import { reactive, ref, computed } from 'vue'
import { ElMessage } from 'element-plus'
import { testSendMessage, listSendRecords } from '@/api/send'
const form = reactive({
targetType: 'conversation',
targetValue: {} as any,
contentType: 'text',
content: {} as any,
})
const targetValueJson = computed({
get: () => JSON.stringify(form.targetValue, null, 2),
set: (val) => {
try { form.targetValue = JSON.parse(val) } catch {}
},
})
const contentJson = computed({
get: () => JSON.stringify(form.content, null, 2),
set: (val) => {
try { form.content = JSON.parse(val) } catch {}
},
})
const query = reactive({ taskId: '' })
const records = ref<any[]>([])
async function handleTestSend() {
try {
const res: any = await testSendMessage({
targetType: form.targetType,
targetValue: form.targetValue,
contentType: form.contentType,
content: form.content,
channelStrategy: { channel_type: 'wecom', strategy: 'primary' },
})
query.taskId = res.data.taskId
ElMessage.success('测试发送已提交')
await handleQuery()
} catch (e: any) {
ElMessage.error(e.message)
}
}
async function handleQuery() {
if (!query.taskId) return
try {
const res: any = await listSendRecords(query.taskId)
records.value = res.data || []
} catch (e: any) {
ElMessage.error(e.message)
}
}
</script>