diff --git a/src/components/MonacoEditor/index.vue b/src/components/MonacoEditor/index.vue
index 9af9c3b1..4ec0f91d 100644
--- a/src/components/MonacoEditor/index.vue
+++ b/src/components/MonacoEditor/index.vue
@@ -32,6 +32,7 @@ self.MonacoEnvironment = {
 
 const props = defineProps({
     modelValue: [String, Number],
+    theme: { type: String, default: 'vs-dark' },
 });
 
 const emit = defineEmits(['update:modelValue']);
@@ -48,7 +49,7 @@ onMounted(() => {
         tabSize: 2,
         automaticLayout: true,
         scrollBeyondLastLine: false,
-        theme: 'vs-dark', // 主题色: vs(默认高亮), vs-dark(黑色), hc-black(高亮黑色)
+        theme: props.theme, // 主题色: vs(默认高亮), vs-dark(黑色), hc-black(高亮黑色)
     });
 
     instance.onDidChangeModelContent(() => {
diff --git a/src/components/ValueItem/index.vue b/src/components/ValueItem/index.vue
index f5387595..7a01b89e 100644
--- a/src/components/ValueItem/index.vue
+++ b/src/components/ValueItem/index.vue
@@ -45,7 +45,7 @@
             <template #addonAfter>
                 <a-upload
                     name="file"
-                    :action="action"
+                    :action="FILE_UPLOAD"
                     :headers="headers"
                     :showUploadList="false"
                     @change="handleFileChange"
@@ -89,6 +89,7 @@ import GeoComponent from '@/components/GeoComponent/index.vue';
 import { BASE_API_PATH, TOKEN_KEY } from '@/utils/variable';
 import { LocalStore } from '@/utils/comm';
 import { ItemData, ITypes } from './types';
+import { FILE_UPLOAD } from '@/api/comm';
 
 type Emits = {
     (e: 'update:modelValue', data: string | number | boolean): void;
@@ -161,7 +162,6 @@ const handleItemModalSubmit = () => {
 };
 
 // 文件上传
-const action = ref<string>(`${BASE_API_PATH}/file/static`);
 const headers = ref({ [TOKEN_KEY]: LocalStore.get(TOKEN_KEY) });
 const handleFileChange = (info: UploadChangeParam<UploadFile<any>>) => {
     if (info.file.status === 'done') {
diff --git a/src/views/notice/Template/Detail/components/Attachments.vue b/src/views/notice/Template/Detail/components/Attachments.vue
new file mode 100644
index 00000000..a3dbe211
--- /dev/null
+++ b/src/views/notice/Template/Detail/components/Attachments.vue
@@ -0,0 +1,105 @@
+<!-- webhook请求头可编辑表格 -->
+<template>
+    <div class="attachment-wrapper">
+        <div
+            class="attachment-item"
+            v-for="(item, index) in fileList"
+            :key="index"
+        >
+            <a-input v-model:value="item.name">
+                <template #addonAfter>
+                    <a-upload
+                        name="file"
+                        :action="FILE_UPLOAD"
+                        :headers="{
+                            [TOKEN_KEY]: LocalStore.get(TOKEN_KEY),
+                        }"
+                        :showUploadList="false"
+                        @change="handleChange"
+                    >
+                        <upload-outlined />
+                    </a-upload>
+                </template>
+            </a-input>
+            <delete-outlined @click="handleDelete" style="cursor: pointer" />
+        </div>
+
+        <a-button
+            type="dashed"
+            @click="handleAdd"
+            style="width: 100%; margin-top: 5px"
+        >
+            <template #icon>
+                <plus-outlined />
+            </template>
+            添加
+        </a-button>
+    </div>
+</template>
+
+<script setup lang="ts" name="Attachments">
+import {
+    PlusOutlined,
+    DeleteOutlined,
+    UploadOutlined,
+} from '@ant-design/icons-vue';
+import { PropType } from 'vue';
+import { IAttachments } from '../../types';
+import { FILE_UPLOAD } from '@/api/comm';
+import { LocalStore } from '@/utils/comm';
+import { TOKEN_KEY } from '@/utils/variable';
+import { UploadChangeParam } from 'ant-design-vue';
+
+type Emits = {
+    (e: 'update:attachments', data: IAttachments[]): void;
+};
+const emit = defineEmits<Emits>();
+
+const props = defineProps({
+    attachments: {
+        type: Array as PropType<IAttachments[]>,
+        default: () => [],
+    },
+});
+
+const handleChange = (info: UploadChangeParam) => {
+    if (info.file.status === 'done') {
+        const result = info.file.response?.result;
+        console.log('result: ', result);
+    }
+};
+
+const fileList = ref<IAttachments[]>([]);
+watch(
+    () => props.attachments,
+    (val) => {
+        fileList.value = val;
+    },
+    { deep: true },
+);
+
+const handleDelete = (id: number) => {
+    const idx = fileList.value.findIndex((f) => f.id === id);
+    fileList.value.splice(idx, 1);
+    emit('update:attachments', fileList.value);
+};
+const handleAdd = () => {
+    fileList.value.push({
+        id: fileList.value.length,
+        name: '',
+        location: '',
+    });
+    emit('update:attachments', fileList.value);
+};
+</script>
+
+<style lang="less" scoped>
+.attachment-wrapper {
+    .attachment-item {
+        display: flex;
+        gap: 10px;
+        align-items: center;
+        margin-bottom: 10px;
+    }
+}
+</style>
diff --git a/src/views/notice/Template/Detail/index.vue b/src/views/notice/Template/Detail/index.vue
index e4a6bdc6..b281c75b 100644
--- a/src/views/notice/Template/Detail/index.vue
+++ b/src/views/notice/Template/Detail/index.vue
@@ -31,40 +31,46 @@
                         <a-form-item
                             label="类型"
                             v-bind="validateInfos.provider"
-                            v-if="formData.type !== 'email'"
+                            v-if="
+                                formData.type !== 'email' &&
+                                formData.type !== 'webhook'
+                            "
                         >
                             <RadioCard
                                 :options="msgType"
                                 v-model="formData.provider"
                             />
                         </a-form-item>
+                        <a-form-item
+                            label="绑定配置"
+                            v-bind="validateInfos.configId"
+                            v-if="formData.type !== 'email'"
+                        >
+                            <a-select
+                                v-model:value="formData.configId"
+                                placeholder="请选择绑定配置"
+                            >
+                                <a-select-option
+                                    v-for="(item, index) in ROBOT_MSG_TYPE"
+                                    :key="index"
+                                    :value="item.value"
+                                >
+                                    {{ item.label }}
+                                </a-select-option>
+                            </a-select>
+                        </a-form-item>
                         <!-- 钉钉 -->
                         <template v-if="formData.type === 'dingTalk'">
                             <template
                                 v-if="formData.provider === 'dingTalkMessage'"
                             >
                                 <a-form-item
-                                    label="AppKey"
-                                    v-bind="
-                                        validateInfos['configuration.appKey']
-                                    "
+                                    label="AgentId"
+                                    v-bind="validateInfos['template.agentId']"
                                 >
                                     <a-input
                                         v-model:value="
-                                            formData.configuration.appKey
-                                        "
-                                        placeholder="请输入AppKey"
-                                    />
-                                </a-form-item>
-                                <a-form-item
-                                    label="AppSecret"
-                                    v-bind="
-                                        validateInfos['configuration.appSecret']
-                                    "
-                                >
-                                    <a-input
-                                        v-model:value="
-                                            formData.configuration.appSecret
+                                            formData.template.agentId
                                         "
                                         placeholder="请输入AppSecret"
                                     />
@@ -76,155 +82,340 @@
                                 "
                             >
                                 <a-form-item
-                                    label="webHook"
-                                    v-bind="validateInfos['configuration.url']"
+                                    label="消息类型"
+                                    v-bind="
+                                        validateInfos['template.messageType']
+                                    "
                                 >
-                                    <a-input
+                                    <a-select
                                         v-model:value="
-                                            formData.configuration.url
+                                            formData.template.messageType
                                         "
-                                        placeholder="请输入webHook"
-                                    />
+                                        placeholder="请选择消息类型"
+                                    >
+                                        <a-select-option
+                                            v-for="(
+                                                item, index
+                                            ) in ROBOT_MSG_TYPE"
+                                            :key="index"
+                                            :value="item.value"
+                                        >
+                                            {{ item.label }}
+                                        </a-select-option>
+                                    </a-select>
                                 </a-form-item>
+                                <template
+                                    v-if="
+                                        formData.template.messageType ===
+                                        'markdown'
+                                    "
+                                >
+                                    <a-form-item
+                                        label="标题"
+                                        v-bind="
+                                            validateInfos[
+                                                'template.markdown.title'
+                                            ]
+                                        "
+                                    >
+                                        <!-- <a-input
+                                            v-model:value="
+                                                formData.template.markdown
+                                                    ?.title
+                                            "
+                                            placeholder="请输入标题"
+                                        /> -->
+                                    </a-form-item>
+                                </template>
+                                <!-- <template
+                                    v-if="
+                                        formData.template.messageType === 'link'
+                                    "
+                                >
+                                    <a-form-item
+                                        label="标题"
+                                        v-bind="
+                                            validateInfos['template.link.title']
+                                        "
+                                    >
+                                        <a-input
+                                            v-model:value="
+                                                formData.template.link?.title
+                                            "
+                                            placeholder="请输入标题"
+                                        />
+                                    </a-form-item>
+                                    <a-form-item label="图片链接">
+                                        <a-input
+                                            v-model:value="
+                                                formData.template.link?.picUrl
+                                            "
+                                            placeholder="请输入图片链接"
+                                        />
+                                    </a-form-item>
+                                    <a-form-item label="内容链接">
+                                        <a-input
+                                            v-model:value="
+                                                formData.template.link
+                                                    ?.messageUrl
+                                            "
+                                            placeholder="请输入内容链接"
+                                        />
+                                    </a-form-item>
+                                </template> -->
                             </template>
                         </template>
                         <!-- 微信 -->
                         <template v-if="formData.type === 'weixin'">
                             <a-form-item
-                                label="corpId"
-                                v-bind="validateInfos['configuration.corpId']"
+                                label="AgentId"
+                                v-bind="validateInfos['template.agentId']"
                             >
                                 <a-input
-                                    v-model:value="
-                                        formData.configuration.corpId
-                                    "
-                                    placeholder="请输入corpId"
+                                    v-model:value="formData.template.agentId"
+                                    placeholder="请输入agentId"
                                 />
                             </a-form-item>
-                            <a-form-item
-                                label="corpSecret"
-                                v-bind="
-                                    validateInfos['configuration.corpSecret']
-                                "
-                            >
-                                <a-input
-                                    v-model:value="
-                                        formData.configuration.corpSecret
-                                    "
-                                    placeholder="请输入corpSecret"
-                                />
+                            <a-row :gutter="10">
+                                <a-col :span="12">
+                                    <a-form-item label="收信人">
+                                        <a-select
+                                            v-model:value="
+                                                formData.template.toUser
+                                            "
+                                            placeholder="请选择收信人"
+                                        >
+                                            <a-select-option
+                                                v-for="(
+                                                    item, index
+                                                ) in ROBOT_MSG_TYPE"
+                                                :key="index"
+                                                :value="item.value"
+                                            >
+                                                {{ item.label }}
+                                            </a-select-option>
+                                        </a-select>
+                                    </a-form-item>
+                                </a-col>
+                                <a-col :span="12">
+                                    <a-form-item label="收信部门">
+                                        <a-select
+                                            v-model:value="
+                                                formData.template.toParty
+                                            "
+                                            placeholder="请选择收信部门"
+                                        >
+                                            <a-select-option
+                                                v-for="(
+                                                    item, index
+                                                ) in ROBOT_MSG_TYPE"
+                                                :key="index"
+                                                :value="item.value"
+                                            >
+                                                {{ item.label }}
+                                            </a-select-option>
+                                        </a-select>
+                                    </a-form-item>
+                                </a-col>
+                            </a-row>
+                            <a-form-item label="标签推送">
+                                <a-select
+                                    v-model:value="formData.template.toTag"
+                                    placeholder="请选择标签推送"
+                                >
+                                    <a-select-option
+                                        v-for="(item, index) in ROBOT_MSG_TYPE"
+                                        :key="index"
+                                        :value="item.value"
+                                    >
+                                        {{ item.label }}
+                                    </a-select-option>
+                                </a-select>
                             </a-form-item>
                         </template>
                         <!-- 邮件 -->
                         <template v-if="formData.type === 'email'">
                             <a-form-item
-                                label="服务器地址"
-                                v-bind="validateInfos['configuration.host']"
+                                label="标题"
+                                v-bind="validateInfos['template.subject']"
                             >
-                                <a-space>
-                                    <a-input
-                                        v-model:value="
-                                            formData.configuration.host
-                                        "
-                                        placeholder="请输入服务器地址"
-                                    />
-                                    <a-input-number
-                                        v-model:value="
-                                            formData.configuration.port
-                                        "
-                                    />
-                                    <a-checkbox
-                                        v-model:value="
-                                            formData.configuration.ssl
-                                        "
+                                <a-input
+                                    v-model:value="formData.template.subject"
+                                    placeholder="请输入标题"
+                                />
+                            </a-form-item>
+                            <a-form-item label="收件人">
+                                <a-select
+                                    v-model:value="formData.template.sendTo"
+                                    placeholder="请选择收件人"
+                                >
+                                    <a-select-option
+                                        v-for="(item, index) in ROBOT_MSG_TYPE"
+                                        :key="index"
+                                        :value="item.value"
                                     >
-                                        开启SSL
-                                    </a-checkbox>
-                                </a-space>
+                                        {{ item.label }}
+                                    </a-select-option>
+                                </a-select>
                             </a-form-item>
-                            <a-form-item
-                                label="发件人"
-                                v-bind="validateInfos['configuration.sender']"
-                            >
-                                <a-input
-                                    v-model:value="
-                                        formData.configuration.sender
+                            <a-form-item label="附件信息">
+                                <Attachments
+                                    v-model:attachments="
+                                        formData.template.attachments
                                     "
-                                    placeholder="请输入发件人"
-                                />
-                            </a-form-item>
-                            <a-form-item
-                                label="用户名"
-                                v-bind="validateInfos['configuration.username']"
-                            >
-                                <a-input
-                                    v-model:value="
-                                        formData.configuration.username
-                                    "
-                                    placeholder="请输入用户名"
-                                />
-                            </a-form-item>
-                            <a-form-item
-                                label="密码"
-                                v-bind="validateInfos['configuration.password']"
-                            >
-                                <a-input
-                                    v-model:value="
-                                        formData.configuration.password
-                                    "
-                                    placeholder="请输入密码"
                                 />
                             </a-form-item>
                         </template>
-                        <!-- 语音/短信 -->
-                        <template
-                            v-if="
-                                formData.type === 'voice' ||
-                                formData.type === 'sms'
-                            "
-                        >
+                        <!-- 语音 -->
+                        <template v-if="formData.type === 'voice'">
                             <a-form-item
-                                label="AccessKeyId"
-                                v-bind="
-                                    validateInfos['configuration.accessKeyId']
-                                "
+                                label="类型"
+                                v-bind="validateInfos['template.templateType']"
                             >
+                                <a-select
+                                    v-model:value="
+                                        formData.template.templateType
+                                    "
+                                    placeholder="请选择类型"
+                                >
+                                    <a-select-option
+                                        v-for="(item, index) in VOICE_TYPE"
+                                        :key="index"
+                                        :value="item.value"
+                                    >
+                                        {{ item.label }}
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-item>
+                            <a-row :gutter="10">
+                                <a-col :span="12">
+                                    <a-form-item
+                                        label="模板ID"
+                                        v-bind="
+                                            validateInfos[
+                                                'template.templateCode'
+                                            ]
+                                        "
+                                    >
+                                        <a-input
+                                            v-model:value="
+                                                formData.template.templateCode
+                                            "
+                                            placeholder="请输入模板ID"
+                                        />
+                                    </a-form-item>
+                                </a-col>
+                                <a-col :span="12">
+                                    <a-form-item label="被叫号码">
+                                        <a-input
+                                            v-model:value="
+                                                formData.template.calledNumber
+                                            "
+                                            placeholder="请输入被叫号码"
+                                        />
+                                    </a-form-item>
+                                </a-col>
+                            </a-row>
+                            <a-form-item label="被叫显号">
                                 <a-input
                                     v-model:value="
-                                        formData.configuration.accessKeyId
+                                        formData.template.calledShowNumbers
                                     "
-                                    placeholder="请输入AccessKeyId"
+                                    placeholder="请输入被叫显号"
+                                />
+                            </a-form-item>
+                            <a-form-item label="播放次数">
+                                <a-input
+                                    v-model:value="formData.template.playTimes"
+                                    placeholder="请输入播放次数"
                                 />
                             </a-form-item>
                             <a-form-item
-                                label="Secret"
-                                v-bind="validateInfos['configuration.secret']"
+                                label="模板内容"
+                                v-if="formData.template.templateType === 'tts'"
+                            >
+                                <a-textarea
+                                    v-model:value="formData.template.ttsCode"
+                                    show-count
+                                    :rows="5"
+                                    placeholder="内容中的变量将用于阿里云语音验证码"
+                                />
+                            </a-form-item>
+                        </template>
+                        <!-- 短信 -->
+                        <template v-if="formData.type === 'sms'">
+                            <a-row :gutter="10">
+                                <a-col :span="12">
+                                    <a-form-item
+                                        label="模板"
+                                        v-bind="validateInfos['template.code']"
+                                    >
+                                        <a-select
+                                            v-model:value="
+                                                formData.template.code
+                                            "
+                                            placeholder="请选择模板"
+                                        >
+                                            <a-select-option
+                                                v-for="(
+                                                    item, index
+                                                ) in ROBOT_MSG_TYPE"
+                                                :key="index"
+                                                :value="item.value"
+                                            >
+                                                {{ item.label }}
+                                            </a-select-option>
+                                        </a-select>
+                                    </a-form-item>
+                                </a-col>
+                                <a-col :span="12">
+                                    <a-form-item label="收信人">
+                                        <a-input
+                                            v-model:value="
+                                                formData.template.phoneNumber
+                                            "
+                                            placeholder="请输入收信人"
+                                        />
+                                    </a-form-item>
+                                </a-col>
+                            </a-row>
+                            <a-form-item
+                                label="签名"
+                                v-bind="validateInfos['template.signName']"
                             >
                                 <a-input
-                                    v-model:value="
-                                        formData.configuration.secret
-                                    "
-                                    placeholder="Secret"
+                                    v-model:value="formData.template.signName"
+                                    placeholder="请输入签名"
                                 />
                             </a-form-item>
                         </template>
                         <!-- webhook -->
                         <template v-if="formData.type === 'webhook'">
-                            <a-form-item
-                                label="Webhook"
-                                v-bind="validateInfos['configuration.url']"
-                            >
-                                <a-input
-                                    v-model:value="formData.configuration.url"
-                                    placeholder="请输入Webhook"
-                                />
-                            </a-form-item>
-                            <a-form-item label="请求头">
-                                <!-- <EditTable
-                                    v-model:headers="
-                                        formData.configuration.headers
+                            <a-form-item label="请求体">
+                                <a-radio-group
+                                    v-model:value="
+                                        formData.template.contextAsBody
                                     "
-                                /> -->
+                                    style="margin-bottom: 20px"
+                                >
+                                    <a-radio :value="true">默认</a-radio>
+                                    <a-radio :value="false">自定义</a-radio>
+                                </a-radio-group>
+                                <a-textarea
+                                    v-model:value="formData.template.body"
+                                    placeholder="请求体中的数据来自于发送通知时指定的所有变量"
+                                    v-if="formData.template.contextAsBody"
+                                    disabled
+                                    :rows="5"
+                                />
+                                <div v-else style="height: 400px">
+                                    <MonacoEditor
+                                        theme="vs"
+                                        v-model:modelValue="
+                                            formData.template.body
+                                        "
+                                    />
+                                </div>
                             </a-form-item>
                         </template>
                         <a-form-item label="说明">
@@ -263,12 +454,15 @@ import { message } from 'ant-design-vue';
 import { TemplateFormData } from '../types';
 import {
     NOTICE_METHOD,
-    CONFIG_FIELD_MAP,
+    TEMPLATE_FIELD_MAP,
     MSG_TYPE,
+    ROBOT_MSG_TYPE,
+    VOICE_TYPE,
 } from '@/views/notice/const';
-// import EditTable from './components/EditTable.vue';
-import configApi from '@/api/notice/config';
+import templateApi from '@/api/notice/template';
 import Doc from './doc/index';
+import MonacoEditor from '@/components/MonacoEditor/index.vue';
+import Attachments from './components/Attachments.vue'
 
 const router = useRouter();
 const route = useRoute();
@@ -290,30 +484,34 @@ const msgType = ref([
 
 // 表单数据
 const formData = ref<TemplateFormData>({
-    description: '',
+    template: {},
     name: '',
-    provider: '',
-    type: NOTICE_METHOD[2].value,
-    template: {
-        subject: '',
-        sendTo: [],
-        attachments: [],
-        message: '',
-        text: '',
-    },
+    type: 'email',
+    provider: 'embedded',
+    description: '',
+    variableDefinitions: [],
 });
 
 // 根据通知方式展示对应的字段
 watch(
     () => formData.value.type,
     (val) => {
-        formData.value.configuration = CONFIG_FIELD_MAP[val];
+        // formData.value.template = TEMPLATE_FIELD_MAP[val];
         msgType.value = MSG_TYPE[val];
 
         formData.value.provider = msgType.value[0].value;
+        console.log('formData.value.template: ', formData.value.template);
     },
 );
 
+computed(() => {
+    console.log('formData.value.type: ', formData.value.type);
+    Object.assign(
+        formData.value.template,
+        TEMPLATE_FIELD_MAP[formData.value.type][formData.value.provider],
+    );
+});
+
 // 验证规则
 const formRules = ref({
     type: [{ required: true, message: '请选择通知方式' }],
@@ -322,58 +520,23 @@ const formRules = ref({
         { max: 64, message: '最多可输入64个字符' },
     ],
     provider: [{ required: true, message: '请选择类型' }],
+    configId: [{ required: true, message: '请选择绑定配置' }],
     // 钉钉
-    'configuration.appKey': [
-        { required: true, message: '请输入AppKey' },
-        { max: 64, message: '最多可输入64个字符' },
-    ],
-    'configuration.appSecret': [
-        { required: true, message: '请输入AppSecret' },
-        { max: 64, message: '最多可输入64个字符' },
-    ],
-    // 'configuration.url': [{ required: true, message: '请输入WebHook' }],
+    'template.agentId': [{ required: true, message: '请输入agentId' }],
+    'template.messageType': [{ required: true, message: '请选择消息类型' }],
+    'template.markdown.title': [{ required: true, message: '请输入标题' }],
+    // 'template.url': [{ required: true, message: '请输入WebHook' }],
     // 微信
-    'configuration.corpId': [
-        { required: true, message: '请输入corpId' },
-        { max: 64, message: '最多可输入64个字符' },
-    ],
-    'configuration.corpSecret': [
-        { required: true, message: '请输入corpSecret' },
-        { max: 64, message: '最多可输入64个字符' },
-    ],
-    // 阿里云语音/短信
-    'configuration.regionId': [
-        { required: true, message: '请输入RegionId' },
-        { max: 64, message: '最多可输入64个字符' },
-    ],
-    'configuration.accessKeyId': [
-        { required: true, message: '请输入AccessKeyId' },
-        { max: 64, message: '最多可输入64个字符' },
-    ],
-    'configuration.secret': [
-        { required: true, message: '请输入Secret' },
-        { max: 64, message: '最多可输入64个字符' },
-    ],
+    // 'template.agentId': [{ required: true, message: '请输入agentId' }],
     // 邮件
-    'configuration.host': [{ required: true, message: '请输入服务器地址' }],
-    'configuration.sender': [{ required: true, message: '请输入发件人' }],
-    'configuration.username': [
-        { required: true, message: '请输入用户名' },
-        { max: 64, message: '最多可输入64个字符' },
-    ],
-    'configuration.password': [
-        { required: true, message: '请输入密码' },
-        { max: 64, message: '最多可输入64个字符' },
-    ],
+    'template.subject': [{ required: true, message: '请输入标题' }],
+    // 阿里云语音
+    'template.templateType': [{ required: true, message: '请选择类型' }],
+    'template.templateCode': [{ required: true, message: '请输入模板ID' }],
+    // 短信
+    'template.code': [{ required: true, message: '请选择模板' }],
+    'template.signName': [{ required: true, message: '请输入签名' }],
     // webhook
-    'configuration.url': [
-        { required: true, message: '请输入Webhook' },
-        {
-            pattern:
-                /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/,
-            message: 'Webhook需要是一个合法的URL',
-        },
-    ],
     description: [{ max: 200, message: '最多可输入200个字符' }],
 });
 
@@ -390,12 +553,12 @@ watch(
 );
 
 const getDetail = async () => {
-    const res = await configApi.detail(route.params.id as string);
+    const res = await templateApi.detail(route.params.id as string);
     // console.log('res: ', res);
     formData.value = res.result;
     // console.log('formData.value: ', formData.value);
 };
-getDetail();
+// getDetail();
 
 /**
  * 表单提交
@@ -404,19 +567,19 @@ const btnLoading = ref<boolean>(false);
 const handleSubmit = () => {
     validate()
         .then(async () => {
-            // console.log('formData.value: ', formData.value);
+            console.log('formData.value: ', formData.value);
             btnLoading.value = true;
-            let res;
-            if (!formData.value.id) {
-                res = await configApi.save(formData.value);
-            } else {
-                res = await configApi.update(formData.value);
-            }
-            // console.log('res: ', res);
-            if (res?.success) {
-                message.success('保存成功');
-                router.back();
-            }
+            // let res;
+            // if (!formData.value.id) {
+            //     res = await templateApi.save(formData.value);
+            // } else {
+            //     res = await templateApi.update(formData.value);
+            // }
+            // // console.log('res: ', res);
+            // if (res?.success) {
+            //     message.success('保存成功');
+            //     router.back();
+            // }
             btnLoading.value = false;
         })
         .catch((err) => {
diff --git a/src/views/notice/Template/index.vue b/src/views/notice/Template/index.vue
index 93e4d46b..3201947b 100644
--- a/src/views/notice/Template/index.vue
+++ b/src/views/notice/Template/index.vue
@@ -3,6 +3,20 @@
     <div class="page-container">通知模板</div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import templateApi from '@/api/notice/template';
+
+const getList = async () => {
+    const res = await templateApi.list({
+        current: 1,
+        pageIndex: 0,
+        pageSize: 12,
+        sorts: [{ name: 'createTime', order: 'desc' }],
+        terms: [],
+    });
+    console.log('res: ', res);
+};
+getList();
+</script>
 
 <style lang="less" scoped></style>
diff --git a/src/views/notice/Template/types.d.ts b/src/views/notice/Template/types.d.ts
index 664ab4c9..54bea847 100644
--- a/src/views/notice/Template/types.d.ts
+++ b/src/views/notice/Template/types.d.ts
@@ -7,6 +7,7 @@ export interface IHeaders {
 interface IAttachments {
     location: string;
     name: string;
+    id?: number;
 }
 interface IVariableDefinitions {
     id: string;
@@ -16,14 +17,6 @@ interface IVariableDefinitions {
 }
 
 export type TemplateFormData = {
-    name: string;
-    type: string;
-    provider: string;
-    description: string;
-    id?: string;
-    creatorId?: string;
-    createTime?: number;
-    configId?: string;
     template: {
         // 钉钉消息
         agentId?: string;
@@ -41,7 +34,7 @@ export type TemplateFormData = {
             text: string;
         };
         // 微信
-        agentId?: string;
+        // agentId?: string;
         // message?: string;
         toParty?: string;
         toUser?: string;
@@ -69,6 +62,13 @@ export type TemplateFormData = {
         contextAsBody?: boolean;
         body?: string;
     };
+    name: string;
+    type: string;
+    provider: string;
+    description: string;
     variableDefinitions: IVariableDefinitions[];
-
+    id?: string;
+    creatorId?: string;
+    createTime?: number;
+    configId?: string;
 };
\ No newline at end of file
diff --git a/src/views/notice/const.ts b/src/views/notice/const.ts
index ec814842..9bd71ca6 100644
--- a/src/views/notice/const.ts
+++ b/src/views/notice/const.ts
@@ -33,7 +33,7 @@ export const NOTICE_METHOD: INoticeMethod[] = [
     },
 ];
 
-// 消息类型
+// 类型
 export const MSG_TYPE = {
     dingTalk: [
         {
@@ -203,8 +203,20 @@ export const TEMPLATE_FIELD_MAP = {
     },
     webhook: {
         http: {
-            contextAsBody: false,
+            contextAsBody: true,
             body: ''
         }
     },
-}; 
\ No newline at end of file
+};
+
+// 钉钉机器人-消息类型
+export const ROBOT_MSG_TYPE = [
+    { label: 'markdown', value: 'markdown' },
+    { label: 'text', value: 'text' },
+    { label: 'link', value: 'link' },
+]
+// 语音通知类型
+export const VOICE_TYPE = [
+    { label: '语音通知', value: 'voice' },
+    { label: '语音验证码', value: 'tts' },
+]
\ No newline at end of file