From ea4552a2b8965b90e9af247d4de9fea8bd89d539 Mon Sep 17 00:00:00 2001
From: JiangQiming <291854119@qq.com>
Date: Tue, 31 Jan 2023 16:48:01 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=92=89=E9=92=89=E6=9C=BA=E5=99=A8?=
 =?UTF-8?q?=E4=BA=BA=E6=B6=88=E6=81=AF=E7=B1=BB=E5=9E=8B=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/notice/Template/Detail/index.vue | 80 ++++++++++++++--------
 1 file changed, 53 insertions(+), 27 deletions(-)

diff --git a/src/views/notice/Template/Detail/index.vue b/src/views/notice/Template/Detail/index.vue
index ed323dff..93415894 100644
--- a/src/views/notice/Template/Detail/index.vue
+++ b/src/views/notice/Template/Detail/index.vue
@@ -120,15 +120,15 @@
                                             ]
                                         "
                                     >
-                                        <!-- <a-input
+                                        <a-input
                                             v-model:value="
-                                                formData.template.markdown?.title
+                                                formData.template.markdown.title
                                             "
                                             placeholder="请输入标题"
-                                        /> -->
+                                        />
                                     </a-form-item>
                                 </template>
-                                <!-- <template
+                                <template
                                     v-if="
                                         formData.template.messageType === 'link'
                                     "
@@ -141,7 +141,7 @@
                                     >
                                         <a-input
                                             v-model:value="
-                                                formData.template.link?.title
+                                                formData.template.link.title
                                             "
                                             placeholder="请输入标题"
                                         />
@@ -149,21 +149,40 @@
                                     <a-form-item label="图片链接">
                                         <a-input
                                             v-model:value="
-                                                formData.template.link?.picUrl
+                                                formData.template.link.picUrl
                                             "
                                             placeholder="请输入图片链接"
-                                        />
+                                        >
+                                            <template #addonAfter>
+                                                <a-upload
+                                                    name="file"
+                                                    :action="FILE_UPLOAD"
+                                                    :headers="{
+                                                        [TOKEN_KEY]:
+                                                            LocalStore.get(
+                                                                TOKEN_KEY,
+                                                            ),
+                                                    }"
+                                                    :showUploadList="false"
+                                                    @change="
+                                                        (e) => handleChange(e)
+                                                    "
+                                                >
+                                                    <AIcon type="UploadOutlined" />
+                                                </a-upload>
+                                            </template>
+                                        </a-input>
                                     </a-form-item>
                                     <a-form-item label="内容链接">
                                         <a-input
                                             v-model:value="
                                                 formData.template.link
-                                                    ?.messageUrl
+                                                    .messageUrl
                                             "
                                             placeholder="请输入内容链接"
                                         />
                                     </a-form-item>
-                                </template> -->
+                                </template>
                             </template>
                         </template>
                         <!-- 微信 -->
@@ -456,7 +475,7 @@
 
 <script setup lang="ts">
 import { getImage } from '@/utils/comm';
-import { Form } from 'ant-design-vue';
+import { Form, UploadChangeParam } from 'ant-design-vue';
 import { message } from 'ant-design-vue';
 import { IVariableDefinitions, TemplateFormData } from '../types';
 import {
@@ -475,6 +494,10 @@ import ToUser from './components/ToUser.vue';
 import ToOrg from './components/ToOrg.vue';
 import ToTag from './components/ToTag.vue';
 
+import { FILE_UPLOAD } from '@/api/comm';
+import { LocalStore } from '@/utils/comm';
+import { TOKEN_KEY } from '@/utils/variable';
+
 const router = useRouter();
 const route = useRoute();
 const useForm = Form.useForm;
@@ -537,14 +560,6 @@ watch(
     },
 );
 
-// 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: '请选择通知方式' }],
@@ -637,6 +652,15 @@ const getConfigList = async () => {
 };
 getConfigList();
 
+/**
+ * link消息类型 图片链接
+ */
+ const handleChange = (info: UploadChangeParam) => {
+    if (info.file.status === 'done') {
+        formData.value.template.link.picUrl = info.file.response?.result;
+    }
+};
+
 /**
  * 配置选择改变
  */
@@ -672,10 +696,12 @@ getSignsList();
  */
 const btnLoading = ref<boolean>(false);
 const handleSubmit = () => {
-    if (formData.value.type === 'email') delete formData.value.configId
+    if (formData.value.type === 'email') delete formData.value.configId;
+    if (formData.value.template.messageType === 'markdown') delete formData.value.template.link
+    if (formData.value.template.messageType === 'link') delete formData.value.template.markdown
+    // console.log('formData.value: ', formData.value);
     validate()
         .then(async () => {
-            // console.log('formData.value: ', formData.value);
             formData.value.template.ttsCode =
                 formData.value.template.templateCode;
             btnLoading.value = true;
@@ -700,13 +726,13 @@ const handleSubmit = () => {
 };
 
 // test
-watch(
-    () => formData.value,
-    (val) => {
-        console.log('formData.value: ', val);
-    },
-    { deep: true },
-);
+// watch(
+//     () => formData.value,
+//     (val) => {
+//         console.log('formData.value: ', val);
+//     },
+//     { deep: true },
+// );
 // test
 </script>