feat: mp

apps/web-antd/src/views/mp/autoReply/modules/ReplyForm.vue

@@ -1,139 +0,0 @@
-<script lang="ts" setup>
-import type { Rule } from 'ant-design-vue/es/form';
-
-import type { Reply } from '#/views/mp/modules/wx-reply';
-
-import { computed, ref } from 'vue';
-
-import { DICT_TYPE } from '@vben/constants';
-import { getDictOptions } from '@vben/hooks';
-
-import { Form, FormItem, Input, Select, SelectOption } from 'ant-design-vue';
-
-import { WxReplySelect } from '#/views/mp/modules/wx-reply';
-
-import { MsgType } from './types';
-
-defineOptions({ name: 'ReplyForm' });
-
-const props = defineProps<{
-  modelValue: any;
-  msgType: MsgType;
-  reply: Reply;
-}>();
-
-const emit = defineEmits<{
-  (e: 'update:reply', v: Reply): void;
-  (e: 'update:modelValue', v: any): void;
-}>();
-
-const reply = computed<Reply>({
-  get: () => props.reply,
-  set: (val) => emit('update:reply', val),
-});
-
-const replyForm = computed<any>({
-  get: () => props.modelValue,
-  set: (val) => emit('update:modelValue', val),
-});
-
-const formRef = ref(); // 表单 ref
-
-const RequestMessageTypes = [
-  'text',
-  'image',
-  'voice',
-  'video',
-  'shortvideo',
-  'location',
-  'link',
-]; // 允许选择的请求消息类型
-
-// 表单校验规则
-const rules = {
-  requestKeyword: [
-    { required: true, message: '请求的关键字不能为空', trigger: 'blur' },
-  ] as Rule[],
-  requestMatch: [
-    { required: true, message: '请求的关键字的匹配不能为空', trigger: 'blur' },
-  ] as Rule[],
-} as Record<string, Rule[]>;
-
-defineExpose({
-  resetFields: () => formRef.value?.resetFields(),
-  validate: async () => {
-    await formRef.value?.validate();
-  },
-});
-</script>
-
-<template>
-  <div>
-    <Form
-      ref="formRef"
-      :model="replyForm"
-      :rules="rules"
-      :label-col="{ span: 6 }"
-      :wrapper-col="{ span: 18 }"
-    >
-      <FormItem
-        label="消息类型"
-        name="requestMessageType"
-        v-if="msgType === MsgType.Message"
-      >
-        <Select
-          v-model:value="replyForm.requestMessageType"
-          placeholder="请选择"
-        >
-          <SelectOption
-            v-for="dict in getDictOptions(DICT_TYPE.MP_MESSAGE_TYPE).filter(
-              (d) => RequestMessageTypes.includes(d.value as string),
-            )"
-            :key="dict.value"
-            :value="dict.value"
-          >
-            {{ dict.label }}
-          </SelectOption>
-        </Select>
-      </FormItem>
-      <FormItem
-        label="匹配类型"
-        name="requestMatch"
-        v-if="msgType === MsgType.Keyword"
-      >
-        <Select
-          v-model:value="replyForm.requestMatch"
-          placeholder="请选择匹配类型"
-          allow-clear
-        >
-          <SelectOption
-            v-for="dict in getDictOptions(
-              DICT_TYPE.MP_AUTO_REPLY_REQUEST_MATCH,
-              'number',
-            )"
-            :key="String(dict.value)"
-            :value="dict.value"
-          >
-            {{ dict.label }}
-          </SelectOption>
-        </Select>
-      </FormItem>
-      <FormItem
-        label="关键词"
-        name="requestKeyword"
-        v-if="msgType === MsgType.Keyword"
-      >
-        <Input
-          v-model:value="replyForm.requestKeyword"
-          placeholder="请输入内容"
-          allow-clear
-        />
-      </FormItem>
-      <FormItem label="回复消息">
-        <WxReplySelect v-model="reply" />
-      </FormItem>
-    </Form>
-  </div>
-</template>
-
-<style scoped></style>

apps/web-antd/src/views/mp/autoReply/modules/ReplyTable.vue

@@ -1,55 +0,0 @@
-<script lang="ts" setup>
-import { WxMusic } from '#/views/mp/modules/wx-music';
-import { WxNews } from '#/views/mp/modules/wx-news';
-import { WxVideoPlayer } from '#/views/mp/modules/wx-video-play';
-import { WxVoicePlayer } from '#/views/mp/modules/wx-voice-play';
-
-defineOptions({ name: 'ReplyContentCell' });
-
-const props = defineProps<{
-  row: any;
-}>();
-</script>
-
-<template>
-  <div>
-    <div v-if="props.row.responseMessageType === 'text'">
-      {{ props.row.responseContent }}
-    </div>
-    <div v-else-if="props.row.responseMessageType === 'voice'">
-      <WxVoicePlayer
-        v-if="props.row.responseMediaUrl"
-        :url="props.row.responseMediaUrl"
-      />
-    </div>
-    <div v-else-if="props.row.responseMessageType === 'image'">
-      <a target="_blank" :href="props.row.responseMediaUrl">
-        <img :src="props.row.responseMediaUrl" style="width: 100px" />
-      </a>
-    </div>
-    <div
-      v-else-if="
-        props.row.responseMessageType === 'video' ||
-        props.row.responseMessageType === 'shortvideo'
-      "
-    >
-      <WxVideoPlayer
-        v-if="props.row.responseMediaUrl"
-        :url="props.row.responseMediaUrl"
-        style="margin-top: 10px"
-      />
-    </div>
-    <div v-else-if="props.row.responseMessageType === 'news'">
-      <WxNews :articles="props.row.responseArticles" />
-    </div>
-    <div v-else-if="props.row.responseMessageType === 'music'">
-      <WxMusic
-        :title="props.row.responseTitle"
-        :description="props.row.responseDescription"
-        :thumb-media-url="props.row.responseThumbMediaUrl"
-        :music-url="props.row.responseMusicUrl"
-        :hq-music-url="props.row.responseHqMusicUrl"
-      />
-    </div>
-  </div>
-</template>

apps/web-antd/src/views/mp/autoReply/modules/form.vue

@@ -7,12 +7,12 @@ import { useVbenModal } from '@vben/common-ui';
 
 import { message } from 'ant-design-vue';
 
-import * as MpAutoReplyApi from '#/api/mp/autoReply';
+import { createAutoReply, updateAutoReply } from '#/api/mp/autoReply';
 import { $t } from '#/locales';
 import { ReplyType } from '#/views/mp/modules/wx-reply/types';
 
-import ReplyForm from './ReplyForm.vue';
-import { MsgType } from './types';
+import ReplyForm from '../components/ReplyForm.vue';
+import { MsgType } from '../components/types';
 
 const emit = defineEmits(['success']);
 
@@ -52,10 +52,10 @@ const [Modal, modalApi] = useVbenModal({
     modalApi.lock();
     try {
       if (replyForm.value.id === undefined) {
-        await MpAutoReplyApi.createAutoReply(submitForm);
+        await createAutoReply(submitForm);
         message.success('新增成功');
       } else {
-        await MpAutoReplyApi.updateAutoReply(submitForm);
+        await updateAutoReply(submitForm);
         message.success('修改成功');
       }
       await modalApi.close();

apps/web-antd/src/views/mp/autoReply/modules/types.ts

@@ -1,7 +0,0 @@
-// 消息类型（Follow: 关注时回复；Message: 消息回复；Keyword: 关键词回复）
-// 作为 tab.name，enum 的数字不能随意修改，与 api 参数相关
-export enum MsgType {
-  Follow = 1,
-  Keyword = 3,
-  Message = 2,
-}