From ceff438fcb04aa8ddfc239c39ef87ac1f6a14d96 Mon Sep 17 00:00:00 2001
From: Jason <5340635+wen-jason@user.noreply.gitee.com>
Date: Mon, 29 Aug 2022 19:06:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E7=AB=A0=EF=BC=8C=E6=B8=A0=E9=81=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/src/api/article.ts                      |  69 +++++++
 admin/src/api/channel/h5.ts                   |  11 ++
 admin/src/api/channel/wechat_oa.ts            |  11 ++
 admin/src/views/article/column/edit.vue       |  96 ++++++++++
 admin/src/views/article/column/index.vue      | 110 +++++++++++
 admin/src/views/article/lists/edit.vue        | 146 ++++++++++++++
 admin/src/views/article/lists/index.vue       | 150 +++++++++++++++
 admin/src/views/channel/h5.vue                |  64 +++++++
 admin/src/views/channel/wechat_oa/config.vue  | 179 ++++++++++++++++++
 .../views/channel/wechat_oa/default_reply.vue |   0
 .../views/channel/wechat_oa/follow_reply.vue  |   0
 .../views/channel/wechat_oa/keyword_reply.vue |   0
 admin/src/views/channel/wechat_oa/menu.vue    |   0
 13 files changed, 836 insertions(+)
 create mode 100644 admin/src/api/article.ts
 create mode 100644 admin/src/api/channel/h5.ts
 create mode 100644 admin/src/api/channel/wechat_oa.ts
 create mode 100644 admin/src/views/article/column/edit.vue
 create mode 100644 admin/src/views/article/column/index.vue
 create mode 100644 admin/src/views/article/lists/edit.vue
 create mode 100644 admin/src/views/article/lists/index.vue
 create mode 100644 admin/src/views/channel/h5.vue
 create mode 100644 admin/src/views/channel/wechat_oa/config.vue
 create mode 100644 admin/src/views/channel/wechat_oa/default_reply.vue
 create mode 100644 admin/src/views/channel/wechat_oa/follow_reply.vue
 create mode 100644 admin/src/views/channel/wechat_oa/keyword_reply.vue
 create mode 100644 admin/src/views/channel/wechat_oa/menu.vue

diff --git a/admin/src/api/article.ts b/admin/src/api/article.ts
new file mode 100644
index 00000000..30a1a856
--- /dev/null
+++ b/admin/src/api/article.ts
@@ -0,0 +1,69 @@
+import request from '@/utils/request'
+
+// 文章分类列表
+export function articleCateLists(params?: any) {
+    return request.get({ url: '/article/cate/list', params })
+}
+// 文章分类列表
+export function articleCateAll(params?: any) {
+    return request.get({ url: '/article/cate/all', params })
+}
+
+// 添加文章分类
+export function articleCateAdd(params: any) {
+    return request.post({ url: '/article/cate/add', params })
+}
+
+// 编辑文章分类
+export function articleCateEdit(params: any) {
+    return request.post({ url: '/article/cate/edit', params })
+}
+
+// 删除文章分类
+export function articleCateDelete(params: any) {
+    return request.post({ url: '/article/cate/del', params })
+}
+
+// 文章分类详情
+export function articleCateDetail(params: any) {
+    return request.get({ url: '/article/cate/detail', params })
+}
+
+// 文章分类状态
+export function articleCateStatus(params: any) {
+    return request.post({ url: '/article/cate/change', params })
+}
+
+// 文章列表
+export function articleLists(params?: any) {
+    return request.get({ url: '/article/list', params })
+}
+// 文章列表
+export function articleAll(params?: any) {
+    return request.get({ url: '/article/all', params })
+}
+
+// 添加文章
+export function articleAdd(params: any) {
+    return request.post({ url: '/article/add', params })
+}
+
+// 编辑文章
+export function articleEdit(params: any) {
+    return request.post({ url: '/article/edit', params })
+}
+
+// 删除文章
+export function articleDelete(params: any) {
+    return request.post({ url: '/article/del', params })
+}
+
+// 文章详情
+export function articleDetail(params: any) {
+    return request.get({ url: '/article/detail', params })
+}
+
+// 文章分类状态
+export function articleStatus(params: any) {
+    return request.post({ url: '/article/change', params })
+}
diff --git a/admin/src/api/channel/h5.ts b/admin/src/api/channel/h5.ts
new file mode 100644
index 00000000..dfb5575a
--- /dev/null
+++ b/admin/src/api/channel/h5.ts
@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+
+// H5渠道配置保存
+export function setH5Config(params: any) {
+    return request.post({ url: '/channel/h5/save', params })
+}
+
+// H5渠道配置详情
+export function getH5Config() {
+    return request.get({ url: '/channel/h5/detail' })
+}
diff --git a/admin/src/api/channel/wechat_oa.ts b/admin/src/api/channel/wechat_oa.ts
new file mode 100644
index 00000000..6ef645cd
--- /dev/null
+++ b/admin/src/api/channel/wechat_oa.ts
@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+
+// oa渠道配置保存
+export function setOaConfig(params: any) {
+    return request.post({ url: '/channel/oa/save', params })
+}
+
+// oa渠道配置详情
+export function getOaConfig() {
+    return request.get({ url: '/channel/oa/detail' })
+}
diff --git a/admin/src/views/article/column/edit.vue b/admin/src/views/article/column/edit.vue
new file mode 100644
index 00000000..72c97c03
--- /dev/null
+++ b/admin/src/views/article/column/edit.vue
@@ -0,0 +1,96 @@
+<template>
+    <div class="edit-popup">
+        <popup
+            ref="popupRef"
+            :title="popupTitle"
+            :async="true"
+            width="550px"
+            :clickModalClose="true"
+            @confirm="handleSubmit"
+            @close="handleClose"
+        >
+            <el-form ref="formRef" :model="formData" label-width="84px" :rules="formRules">
+                <el-form-item label="栏目名称" prop="name">
+                    <el-input v-model="formData.name" placeholder="请输入栏目名称" />
+                </el-form-item>
+                <el-form-item label="排序" prop="sort">
+                    <div>
+                        <el-input-number v-model="formData.sort" />
+                        <div class="form-tips">默认为0， 数值越大越排前</div>
+                    </div>
+                </el-form-item>
+                <el-form-item label="状态" prop="isShow">
+                    <el-switch v-model="formData.isShow" :active-value="1" :inactive-value="0" />
+                </el-form-item>
+            </el-form>
+        </popup>
+    </div>
+</template>
+<script lang="ts" setup>
+import type { FormInstance } from 'element-plus'
+import { articleCateEdit, articleCateAdd, articleCateDetail } from '@/api/article'
+import Popup from '@/components/popup/index.vue'
+import feedback from '@/utils/feedback'
+const emit = defineEmits(['success', 'close'])
+const formRef = shallowRef<FormInstance>()
+const popupRef = shallowRef<InstanceType<typeof Popup>>()
+const mode = ref('add')
+const popupTitle = computed(() => {
+    return mode.value == 'edit' ? '编辑栏目' : '新增栏目'
+})
+const formData = reactive({
+    id: '',
+    name: '',
+    sort: 0,
+    isShow: 1
+})
+
+const formRules = {
+    name: [
+        {
+            required: true,
+            message: '请输入栏目名称',
+            trigger: ['blur']
+        }
+    ]
+}
+
+const handleSubmit = async () => {
+    await formRef.value?.validate()
+    mode.value == 'edit' ? await articleCateEdit(formData) : await articleCateAdd(formData)
+    feedback.msgSuccess('操作成功')
+    popupRef.value?.close()
+    emit('success')
+}
+
+const open = (type = 'add') => {
+    mode.value = type
+    popupRef.value?.open()
+}
+
+const setFormData = (data: Record<any, any>) => {
+    for (const key in formData) {
+        if (data[key] != null && data[key] != undefined) {
+            //@ts-ignore
+            formData[key] = data[key]
+        }
+    }
+}
+
+const getDetail = async (row: Record<string, any>) => {
+    const data = await articleCateDetail({
+        id: row.id
+    })
+    setFormData(data)
+}
+
+const handleClose = () => {
+    emit('close')
+}
+
+defineExpose({
+    open,
+    setFormData,
+    getDetail
+})
+</script>
diff --git a/admin/src/views/article/column/index.vue b/admin/src/views/article/column/index.vue
new file mode 100644
index 00000000..3b552d0f
--- /dev/null
+++ b/admin/src/views/article/column/index.vue
@@ -0,0 +1,110 @@
+<template>
+    <div>
+        <el-card class="!border-none" shadow="never">
+            <el-alert
+                type="warning"
+                title="温馨提示：用于管理网站的分类，只可添加到一级"
+                :closable="false"
+                show-icon
+            />
+        </el-card>
+        <el-card class="!border-none mt-4" shadow="never" v-loading="pager.loading">
+            <div>
+                <el-button
+                    class="mb-4"
+                    v-perms="['article:cate:add']"
+                    type="primary"
+                    @click="handleAdd()"
+                >
+                    <template #icon>
+                        <icon name="el-icon-Plus" />
+                    </template>
+                    新增
+                </el-button>
+            </div>
+            <el-table size="large" :data="pager.lists">
+                <el-table-column label="栏目名称" prop="name" min-width="120" />
+                <el-table-column label="文章数" prop="number" min-width="120" />
+                <el-table-column label="状态" min-width="120">
+                    <template #default="{ row }">
+                        <el-switch
+                            v-perms="['article:cate:change']"
+                            v-model="row.isShow"
+                            :active-value="0"
+                            :inactive-value="1"
+                            @change="changeStatus(row.id)"
+                        />
+                    </template>
+                </el-table-column>
+                <el-table-column label="排序" prop="sort" min-width="120" />
+                <el-table-column label="操作" width="120" fixed="right">
+                    <template #default="{ row }">
+                        <el-button
+                            v-perms="['article:cate:edit']"
+                            type="primary"
+                            link
+                            @click="handleEdit(row)"
+                        >
+                            编辑
+                        </el-button>
+                        <el-button
+                            v-perms="['article:cate:del']"
+                            type="danger"
+                            link
+                            @click="handleDelete(row.id)"
+                        >
+                            删除
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div class="flex justify-end mt-4">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
+    </div>
+</template>
+<script lang="ts" setup>
+import { articleCateDelete, articleCateLists, articleCateStatus } from '@/api/article'
+import { usePaging } from '@/hooks/usePaging'
+import feedback from '@/utils/feedback'
+import EditPopup from './edit.vue'
+const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+const showEdit = ref(false)
+
+const { pager, getLists } = usePaging({
+    fetchFun: articleCateLists
+})
+const handleAdd = async () => {
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('add')
+}
+
+const handleEdit = async (data: any) => {
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('edit')
+    editRef.value?.getDetail(data)
+}
+
+const handleDelete = async (id: number) => {
+    await feedback.confirm('确定要删除？')
+    await articleCateDelete({ id })
+    feedback.msgSuccess('删除成功')
+    getLists()
+}
+
+const changeStatus = async (id: number) => {
+    try {
+        await articleCateStatus({ id })
+        feedback.msgSuccess('修改成功')
+        getLists()
+    } catch (error) {
+        getLists()
+    }
+}
+
+getLists()
+</script>
diff --git a/admin/src/views/article/lists/edit.vue b/admin/src/views/article/lists/edit.vue
new file mode 100644
index 00000000..e1259a88
--- /dev/null
+++ b/admin/src/views/article/lists/edit.vue
@@ -0,0 +1,146 @@
+<template>
+    <div class="article-edit">
+        <el-card class="!border-none" shadow="never">
+            <el-page-header content="文章编辑" @back="$router.back()" />
+        </el-card>
+        <el-card class="mt-4 !border-none" shadow="never">
+            <el-form
+                ref="formRef"
+                class="ls-form"
+                :model="formData"
+                label-width="85px"
+                :rules="rules"
+            >
+                <div class="xl:flex">
+                    <div>
+                        <el-form-item label="文章标题" prop="title">
+                            <div class="w-80">
+                                <el-input v-model="formData.title" placeholder="请输入文章标题" />
+                            </div>
+                        </el-form-item>
+                        <el-form-item label="文章标题" prop="cid">
+                            <el-select class="w-80" v-model="formData.cid">
+                                <el-option
+                                    v-for="item in optionsData.articleCate"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="文章简介" prop="intro">
+                            <div class="w-80">
+                                <el-input v-model="formData.intro" placeholder="请输入文章简介" />
+                            </div>
+                        </el-form-item>
+                        <el-form-item label="摘要" prop="intro">
+                            <div class="w-80">
+                                <el-input type="textarea" :rows="6" v-model="formData.intro" />
+                            </div>
+                        </el-form-item>
+                        <el-form-item label="文章封面" prop="image">
+                            <div>
+                                <div>
+                                    <material-picker v-model="formData.image" :limit="1" />
+                                </div>
+                                <div class="form-tips">建议尺寸：240*180px</div>
+                            </div>
+                        </el-form-item>
+                        <el-form-item label="作者" prop="author">
+                            <div class="w-80">
+                                <el-input v-model="formData.author" placeholder="请输入作者名称" />
+                            </div>
+                        </el-form-item>
+                        <el-form-item label="排序" prop="sort">
+                            <div>
+                                <el-input-number v-model="formData.sort" />
+                                <div class="form-tips">默认为0， 数值越大越排前</div>
+                            </div>
+                        </el-form-item>
+                        <el-form-item label="初始浏览量" prop="visit">
+                            <div>
+                                <el-input-number v-model="formData.visit" />
+                            </div>
+                        </el-form-item>
+                        <el-form-item label="文章状态" required prop="isShow">
+                            <el-radio-group v-model="formData.isShow">
+                                <el-radio :label="1">显示</el-radio>
+                                <el-radio :label="0">隐藏</el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </div>
+                    <div class="xl:ml-20">
+                        <el-form-item label="文章内容" required prop="content">
+                            <editor v-model="formData.content" :height="667" :width="375" />
+                        </el-form-item>
+                    </div>
+                </div>
+            </el-form>
+        </el-card>
+        <footer-btns>
+            <el-button type="primary" @click="handleSave">保存</el-button>
+        </footer-btns>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import type { FormInstance } from 'element-plus'
+import feedback from '@/utils/feedback'
+import { useDictOptions } from '@/hooks/useDictOptions'
+import { articleCateAll, articleDetail, articleEdit } from '@/api/article'
+
+const route = useRoute()
+const router = useRouter()
+const formData = reactive({
+    id: '',
+    title: '',
+    image: '',
+    cid: '',
+    intro: '',
+    author: '',
+    content: '',
+    visit: 0,
+    sort: 0,
+    isShow: ''
+})
+
+const formRef = shallowRef<FormInstance>()
+const rules = reactive({
+    ['base.tableName']: [{ required: true, message: '请输入表名称', trigger: 'blur' }],
+    ['base.tableComment']: [{ required: true, message: '请输入表描述', trigger: 'blur' }],
+    ['base.entityName']: [{ required: true, message: '请输入实体类名称', trigger: 'blur' }],
+    ['base.authorName']: [{ required: true, message: '请输入作者', trigger: 'blur' }],
+    ['gen.moduleName']: [{ required: true, message: '请输入模块名', trigger: 'blur' }],
+    ['gen.functionName']: [{ required: true, message: '请输入功能名称', trigger: 'blur' }],
+    ['gen.treePrimary']: [{ required: true, message: '请选择树主键字段', trigger: 'blur' }],
+    ['gen.treeParent']: [{ required: true, message: '请选择树父级字段', trigger: 'blur' }],
+    ['gen.treeName']: [{ required: true, message: '请选择树名称字段', trigger: 'blur' }]
+})
+
+const getDetails = async () => {
+    const data = await articleDetail({
+        id: route.query.id
+    })
+    Object.keys(formData).forEach((key) => {
+        //@ts-ignore
+        formData[key] = data[key]
+    })
+}
+
+const { optionsData } = useDictOptions<{
+    articleCate: any[]
+}>({
+    articleCate: {
+        api: articleCateAll
+    }
+})
+
+const handleSave = async () => {
+    await formRef.value?.validate()
+    await articleEdit(formData)
+    feedback.msgSuccess('操作成功')
+    router.back()
+}
+
+route.query.id && getDetails()
+</script>
diff --git a/admin/src/views/article/lists/index.vue b/admin/src/views/article/lists/index.vue
new file mode 100644
index 00000000..8352b640
--- /dev/null
+++ b/admin/src/views/article/lists/index.vue
@@ -0,0 +1,150 @@
+<template>
+    <div class="article-lists">
+        <el-card class="!border-none" shadow="never">
+            <el-form ref="formRef" class="mb-[-16px]" :model="queryParams" :inline="true">
+                <el-form-item label="文章标题">
+                    <el-input class="w-56" v-model="queryParams.title" />
+                </el-form-item>
+                <el-form-item label="栏目名称">
+                    <el-select class="w-56" v-model="queryParams.cid">
+                        <el-option label="全部" value />
+                        <el-option
+                            v-for="item in optionsData.articleCate"
+                            :key="item.id"
+                            :label="item.name"
+                            :value="item.id"
+                        />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="文章状态">
+                    <el-select class="w-56" v-model="queryParams.isShow">
+                        <el-option label="全部" value />
+                        <el-option label="显示" :value="1" />
+                        <el-option label="隐藏" :value="0" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button @click="resetParams">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card class="!border-none mt-4" shadow="never">
+            <div>
+                <router-link
+                    v-perms="['article:add']"
+                    :to="{
+                        path: '/article/lists/edit'
+                    }"
+                >
+                    <el-button type="primary" class="mb-4">
+                        <template #icon>
+                            <icon name="el-icon-Plus" />
+                        </template>
+                        发布文章
+                    </el-button>
+                </router-link>
+            </div>
+            <el-table size="large" v-loading="pager.loading" :data="pager.lists">
+                <el-table-column label="ID" prop="id" min-width="80" />
+                <el-table-column label="封面" min-width="100">
+                    <template #default="{ row }">
+                        <image-contain
+                            :src="row.image"
+                            :width="60"
+                            height="45"
+                            :preview-src-list="[row.image]"
+                        />
+                    </template>
+                </el-table-column>
+                <el-table-column label="栏目" prop="category" min-width="100" />
+                <el-table-column label="作者" prop="author" min-width="120" />
+                <el-table-column label="浏览量" prop="visit" min-width="100" />
+                <el-table-column label="状态" min-width="100">
+                    <template #default="{ row }">
+                        <el-switch
+                            v-perms="['article:cate:change']"
+                            v-if="row.id != 1"
+                            v-model="row.isShow"
+                            :active-value="0"
+                            :inactive-value="1"
+                            @change="changeStatus(row.id)"
+                        />
+                    </template>
+                </el-table-column>
+                <el-table-column label="排序" prop="sort" min-width="100" />
+                <el-table-column label="发布时间" prop="createTime" min-width="120" />
+                <el-table-column label="操作" width="120" fixed="right">
+                    <template #default="{ row }">
+                        <el-button v-perms="['article:edit']" type="primary" link>
+                            <router-link
+                                :to="{
+                                    path: '/article/lists/edit',
+                                    query: {
+                                        id: row.id
+                                    }
+                                }"
+                            >
+                                编辑
+                            </router-link>
+                        </el-button>
+                        <el-button
+                            v-perms="['article:del']"
+                            type="danger"
+                            link
+                            @click="handleDelete(row.id)"
+                        >
+                            删除
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div class="flex justify-end mt-4">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+    </div>
+</template>
+<script lang="ts" setup>
+import { articleLists, articleDelete, articleStatus, articleCateAll } from '@/api/article'
+import { useDictOptions } from '@/hooks/useDictOptions'
+import { usePaging } from '@/hooks/usePaging'
+import feedback from '@/utils/feedback'
+const queryParams = reactive({
+    title: '',
+    cid: '',
+    isShow: ''
+})
+
+const { pager, getLists, resetPage, resetParams } = usePaging({
+    fetchFun: articleLists,
+    params: queryParams
+})
+
+const { optionsData } = useDictOptions<{
+    articleCate: any[]
+}>({
+    articleCate: {
+        api: articleCateAll
+    }
+})
+
+const changeStatus = async (id: number) => {
+    try {
+        await articleStatus({ id })
+        feedback.msgSuccess('修改成功')
+        getLists()
+    } catch (error) {
+        getLists()
+    }
+}
+
+const handleDelete = async (id: number) => {
+    await feedback.confirm('确定要删除？')
+    await articleDelete({ id })
+    feedback.msgSuccess('删除成功')
+    getLists()
+}
+
+getLists()
+</script>
diff --git a/admin/src/views/channel/h5.vue b/admin/src/views/channel/h5.vue
new file mode 100644
index 00000000..00294399
--- /dev/null
+++ b/admin/src/views/channel/h5.vue
@@ -0,0 +1,64 @@
+<template>
+    <div>
+        <el-card class="!border-none" shadow="never">
+            <el-alert type="warning" title="温馨提示：H5商城设置" :closable="false" show-icon />
+        </el-card>
+        <el-card class="!border-none mt-4" shadow="never">
+            <el-form ref="formRef" :model="formData" label-width="120px">
+                <el-form-item label="渠道状态" required prop="status">
+                    <div>
+                        <el-radio-group v-model="formData.status">
+                            <el-radio :label="1">开启</el-radio>
+                            <el-radio :label="0">关闭</el-radio>
+                        </el-radio-group>
+                        <div class="form-tips">状态为关闭时，将不对外提供服务，请谨慎操作</div>
+                    </div>
+                </el-form-item>
+                <el-form-item label="关闭后访问页面" prop="close">
+                    <el-radio-group v-model="formData.close">
+                        <el-radio :label="0">空页面</el-radio>
+                        <el-radio :label="1">自定义链接</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+                <el-form-item label="" prop="url" v-if="formData.close == 1">
+                    <div class="w-80">
+                        <el-input v-model="formData.url" placeholder="请输入完整的url" />
+                    </div>
+                </el-form-item>
+                <el-form-item label="访问链接">
+                    <div>https://b2cplus.likeshop.cn/mobile</div>
+                    <el-button class="ml-4">复制</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <footer-btns v-perms="['channel:h5:save']">
+            <el-button type="primary" @click="handelSave">保存</el-button>
+        </footer-btns>
+    </div>
+</template>
+<script lang="ts" setup>
+import { getH5Config, setH5Config } from '@/api/channel/h5'
+import feedback from '@/utils/feedback'
+
+const formData = reactive({
+    status: 0,
+    close: 0,
+    url: ''
+})
+
+const getDetail = async () => {
+    const data = await getH5Config()
+    for (const key in formData) {
+        //@ts-ignore
+        formData[key] = data[key]
+    }
+}
+
+const handelSave = async () => {
+    await setH5Config(formData)
+    getDetail()
+    feedback.msgSuccess('操作成功')
+}
+
+getDetail()
+</script>
diff --git a/admin/src/views/channel/wechat_oa/config.vue b/admin/src/views/channel/wechat_oa/config.vue
new file mode 100644
index 00000000..fde8fbb9
--- /dev/null
+++ b/admin/src/views/channel/wechat_oa/config.vue
@@ -0,0 +1,179 @@
+<template>
+    <div>
+        <el-card class="!border-none" shadow="never">
+            <el-alert
+                type="warning"
+                title="温馨提示：填写微信公众号开发配置，请前往微信公众平台申请服务号并完成认证"
+                :closable="false"
+                show-icon
+            />
+        </el-card>
+        <el-form ref="formRef" :model="formData" label-width="120px">
+            <el-card class="!border-none mt-4" shadow="never">
+                <div class="font-medium mb-7">微信公众号</div>
+                <el-form-item label="公众号名称" prop="name">
+                    <div class="w-80">
+                        <el-input v-model="formData.name" placeholder="请输入公众号名称" />
+                    </div>
+                </el-form-item>
+                <el-form-item label="原始ID" prop="primaryId">
+                    <div class="w-80">
+                        <el-input v-model="formData.primaryId" placeholder="请输入原始ID" />
+                    </div>
+                </el-form-item>
+                <el-form-item label="公众号二维码" prop="qrCode">
+                    <div>
+                        <div>
+                            <material-picker v-model="formData.qrCode" :limit="1" />
+                        </div>
+                        <div class="form-tips">建议尺寸：宽400px*高400px。jpg，jpeg，png格式</div>
+                    </div>
+                </el-form-item>
+            </el-card>
+            <el-card class="!border-none mt-4" shadow="never">
+                <div class="font-medium mb-7">公众号开发者信息</div>
+                <el-form-item label="AppID" prop="appId">
+                    <div class="w-80">
+                        <el-input v-model="formData.appId" placeholder="请输入AppID" />
+                    </div>
+                </el-form-item>
+                <el-form-item label="AppSecret" prop="appSecret">
+                    <div>
+                        <div class="w-80">
+                            <el-input v-model="formData.appSecret" placeholder="请输入AppSecret" />
+                        </div>
+                        <div class="form-tips">
+                            登录微信公众平台，点击开发>基本配置>公众号开发信息，设置AppID和AppSecret
+                        </div>
+                    </div>
+                </el-form-item>
+            </el-card>
+            <el-card class="!border-none mt-4" shadow="never">
+                <div class="font-medium mb-7">服务器配置</div>
+                <el-form-item label="URL" prop="appId">
+                    <div class="flex">
+                        <div class="w-80 mr-4">
+                            <el-input v-model="formData.appId" disabled />
+                        </div>
+                        <el-button>复制</el-button>
+                    </div>
+                    <div class="form-tips">
+                        登录微信公众平台，点击开发>基本配置>服务器配置，填写服务器地址（URL）
+                    </div>
+                </el-form-item>
+                <el-form-item label="Token" prop="Token">
+                    <div>
+                        <div class="w-80">
+                            <el-input v-model="formData.appSecret" placeholder="请输入Token" />
+                        </div>
+                        <div class="form-tips">
+                            登录微信公众平台，点击开发>基本配置>服务器配置，设置令牌Token。不填默认为“likeshop”
+                        </div>
+                    </div>
+                </el-form-item>
+                <el-form-item label="EncodingAESKey" prop="EncodingAESKey">
+                    <div>
+                        <div class="w-80">
+                            <el-input
+                                v-model="formData.appSecret"
+                                placeholder="请输入EncodingAESKey"
+                            />
+                        </div>
+                        <div class="form-tips">
+                            消息加密密钥由43位字符组成，字符范围为A-Z,a-z,0-9
+                        </div>
+                    </div>
+                </el-form-item>
+                <el-form-item label="消息加密方式" required prop="status">
+                    <div>
+                        <el-radio-group class="flex-col !items-start" v-model="formData.status">
+                            <el-radio :label="1">
+                                明文模式 (不使用消息体加解密功能，安全系数较低)
+                            </el-radio>
+
+                            <el-radio :label="0">
+                                兼容模式 (明文、密文将共存，方便开发者调试和维护)
+                            </el-radio>
+                            <el-radio :label="0">
+                                安全模式（推荐） (消息包为纯密文，需要开发者加密和解密，安全系数高)
+                            </el-radio>
+                        </el-radio-group>
+                    </div>
+                </el-form-item>
+            </el-card>
+            <el-card class="!border-none mt-4" shadow="never">
+                <div class="font-medium mb-7">功能设置</div>
+                <el-form-item label="业务域名" prop="appId">
+                    <div>
+                        <div class="flex">
+                            <div class="w-80 mr-4">
+                                <el-input v-model="formData.appId" disabled />
+                            </div>
+                            <el-button>复制</el-button>
+                        </div>
+                        <div class="form-tips">
+                            登录微信公众平台，点击设置>公众号设置>功能设置，填写业务域名
+                        </div>
+                    </div>
+                </el-form-item>
+                <el-form-item label="JS接口安全域名" prop="appId">
+                    <div>
+                        <div class="flex">
+                            <div class="w-80 mr-4">
+                                <el-input v-model="formData.appId" disabled />
+                            </div>
+                            <el-button>复制</el-button>
+                        </div>
+                        <div class="form-tips">
+                            登录微信公众平台，点击设置>公众号设置>功能设置，填写JS接口安全域名
+                        </div>
+                    </div>
+                </el-form-item>
+                <el-form-item label="网页授权域名" prop="appId">
+                    <div>
+                        <div class="flex">
+                            <div class="w-80 mr-4">
+                                <el-input v-model="formData.appId" disabled />
+                            </div>
+                            <el-button>复制</el-button>
+                        </div>
+                        <div class="form-tips">
+                            登录微信公众平台，点击设置>公众号设置>功能设置，填写网页授权域名
+                        </div>
+                    </div>
+                </el-form-item>
+            </el-card>
+        </el-form>
+        <footer-btns v-perms="['channel:h5:save']">
+            <el-button type="primary" @click="handelSave">保存</el-button>
+        </footer-btns>
+    </div>
+</template>
+<script lang="ts" setup>
+import { getOaConfig, setOaConfig } from '@/api/channel/wechat_oa'
+import feedback from '@/utils/feedback'
+
+const formData = reactive({
+    name: '',
+    primaryId: '',
+    qrCode: '',
+    appId: '',
+    appSecret: ''
+})
+
+const getDetail = async () => {
+    const data = await getOaConfig()
+    for (const key in formData) {
+        //@ts-ignore
+        formData[key] = data[key]
+    }
+}
+
+const handelSave = async () => {
+    await setOaConfig(formData)
+    getDetail()
+    feedback.msgSuccess('操作成功')
+}
+
+getDetail()
+</script>
diff --git a/admin/src/views/channel/wechat_oa/default_reply.vue b/admin/src/views/channel/wechat_oa/default_reply.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/admin/src/views/channel/wechat_oa/follow_reply.vue b/admin/src/views/channel/wechat_oa/follow_reply.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/admin/src/views/channel/wechat_oa/keyword_reply.vue b/admin/src/views/channel/wechat_oa/keyword_reply.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/admin/src/views/channel/wechat_oa/menu.vue b/admin/src/views/channel/wechat_oa/menu.vue
new file mode 100644
index 00000000..e69de29b