REVIEW 公众号的消息回复弹窗

Author: YunaiV

src/views/mp/components/wx-reply/components/TabImage.vue

@@ -60,7 +60,6 @@ import { MaterialType, useBeforeUpload } from '@/views/mp/hooks/useUpload'
 import type { UploadRawFile } from 'element-plus'
 import { getAccessToken } from '@/utils/auth'
 import { ObjData } from './types'
-
 const message = useMessage()
 
 const UPLOAD_URL = import.meta.env.VITE_API_BASEPATH + '/admin-api/mp/material/upload-temporary'

src/views/mp/components/wx-reply/components/TabMusic.vue

@@ -117,5 +117,3 @@ const selectMaterial = (item: any) => {
   objData.value.thumbMediaUrl = item.url
 }
 </script>
-
-<style scoped></style>

src/views/mp/components/wx-reply/components/TabNews.vue

@@ -18,7 +18,7 @@
           <el-col :span="24">
             <el-button type="success" @click="showDialog = true">
               {{ newsType === NewsType.Published ? '选择已发布图文' : '选择草稿箱图文' }}
-              <icon icon="ep:circle-check" />
+              <Icon icon="ep:circle-check" />
             </el-button>
           </el-col>
         </el-row>

src/views/mp/components/wx-reply/components/TabText.vue

@@ -25,5 +25,3 @@ const content = computed<string | null>({
   }
 })
 </script>
-
-<style scoped></style>

src/views/mp/components/wx-reply/components/TabVoice.vue

@@ -51,15 +51,13 @@
     </el-row>
   </el-tab-pane>
 </template>
-
 <script setup lang="ts">
 import WxMaterialSelect from '@/views/mp/components/wx-material-select/main.vue'
 import WxVoicePlayer from '@/views/mp/components/wx-voice-play/main.vue'
 import { MaterialType, useBeforeUpload } from '@/views/mp/hooks/useUpload'
 import type { UploadRawFile } from 'element-plus'
 import { getAccessToken } from '@/utils/auth'
 import { ObjData } from './types'
-
 const message = useMessage()
 
 const UPLOAD_URL = import.meta.env.VITE_API_BASEPATH + '/admin-api/mp/material/upload-temporary'

src/views/mp/components/wx-reply/main.vue

@@ -42,6 +42,7 @@ const props = withDefaults(defineProps<Props>(), {
 })
 
 const objData = reactive(props.objData)
+// TODO @Dhb52：Tab 切换的时候，应该表单还保留着；清除只有两个时机：1）发送成功后；2）关闭窗口后；我捉摸，是不是每个 TabXXX 组件，是个独立的 Form，然后有自己的对象，不粘在 objData 一起。这样最终就是 MusicMessageForm、ImageMessageForm
 // const tempObj = new Map().set(objData.type, Object.assign({}, objData))
 
 /** 切换消息类型的 tab */