diff --git a/src/config/axios/service.ts b/src/config/axios/service.ts
index d37dfb06b..3f6df88b7 100644
--- a/src/config/axios/service.ts
+++ b/src/config/axios/service.ts
@@ -230,7 +230,7 @@ const handleAuthorized = () => {
       wsCache.clear()
       removeToken()
       isRelogin.show = false
-      window.location.href = '/login?redirect=/sso?' + window.location.href.split('?')[1]
+      window.location.href = window.location.href
     })
   }
   return Promise.reject(t('sys.api.timeoutMessage'))
diff --git a/src/types/auto-components.d.ts b/src/types/auto-components.d.ts
index caea73484..39a9343ac 100644
--- a/src/types/auto-components.d.ts
+++ b/src/types/auto-components.d.ts
@@ -24,6 +24,7 @@ declare module '@vue/runtime-core' {
     DocAlert: typeof import('./../components/DocAlert/index.vue')['default']
     Echart: typeof import('./../components/Echart/src/Echart.vue')['default']
     Editor: typeof import('./../components/Editor/src/Editor.vue')['default']
+    ElAlert: typeof import('element-plus/es')['ElAlert']
     ElBadge: typeof import('element-plus/es')['ElBadge']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
@@ -54,17 +55,12 @@ declare module '@vue/runtime-core' {
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElIcon: typeof import('element-plus/es')['ElIcon']
-    ElImage: typeof import('element-plus/es')['ElImage']
     ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
     ElInput: typeof import('element-plus/es')['ElInput']
-    ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
     ElLink: typeof import('element-plus/es')['ElLink']
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
     ElPopover: typeof import('element-plus/es')['ElPopover']
-    ElRadio: typeof import('element-plus/es')['ElRadio']
-    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
-    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElRow: typeof import('element-plus/es')['ElRow']
     ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
     ElSelect: typeof import('element-plus/es')['ElSelect']
@@ -74,6 +70,7 @@ declare module '@vue/runtime-core' {
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
+    ElTag: typeof import('element-plus/es')['ElTag']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     ElTree: typeof import('element-plus/es')['ElTree']
     ElUpload: typeof import('element-plus/es')['ElUpload']
diff --git a/src/views/infra/file/FileForm.vue b/src/views/infra/file/FileForm.vue
index 5485870df..b5044c8b3 100644
--- a/src/views/infra/file/FileForm.vue
+++ b/src/views/infra/file/FileForm.vue
@@ -1,23 +1,21 @@
 <template>
-  <Dialog title="上传文件" v-model="dialogVisible">
+  <Dialog v-model="dialogVisible" title="上传文件">
     <el-upload
       ref="uploadRef"
       :action="url"
-      :data="data"
-      :headers="uploadHeaders"
-      v-model:file-list="fileList"
-      drag
-      accept=".jpg, .png, .gif"
-      :limit="1"
-      :on-success="submitFormSuccess"
-      :on-exceed="handleExceed"
-      :on-error="submitFormError"
-      :on-change="handleFileChange"
       :auto-upload="false"
+      :data="data"
       :disabled="formLoading"
+      :headers="headers"
+      :limit="1"
+      :on-change="handleFileChange"
+      :on-progress="handleFileUploadProgress"
+      :on-success="handleFileSuccess"
+      accept=".jpg, .png, .gif"
+      drag
     >
       <i class="el-icon-upload"></i>
-      <div class="el-upload__text"> 将文件拖到此处，或 <em>点击上传</em> </div>
+      <div class="el-upload__text"> 将文件拖到此处，或 <em>点击上传</em></div>
       <template #tip>
         <div class="el-upload__tip" style="color: red">
           提示：仅允许导入 jpg、png、gif 格式文件！
@@ -25,53 +23,50 @@
       </template>
     </el-upload>
     <template #footer>
-      <el-button @click="submitFileForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button :disabled="formLoading" type="primary" @click="submitFileForm">确 定</el-button>
       <el-button @click="dialogVisible = false">取 消</el-button>
     </template>
   </Dialog>
 </template>
-<script setup lang="ts">
-import { getAccessToken, getTenantId } from '@/utils/auth'
+<script lang="ts" setup>
+import { Dialog } from '@/components/Dialog'
+import { getAccessToken } from '@/utils/auth'
+
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
 
 const dialogVisible = ref(false) // 弹窗的是否展示
-const formLoading = ref(false) // 表单的加载中
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
 const url = import.meta.env.VITE_UPLOAD_URL
-const uploadHeaders = ref() // 上传 Header 头
-const fileList = ref([]) // 文件列表
+const headers = { Authorization: 'Bearer ' + getAccessToken() }
 const data = ref({ path: '' })
 const uploadRef = ref()
 
 /** 打开弹窗 */
 const open = async () => {
   dialogVisible.value = true
-  resetForm()
 }
 defineExpose({ open }) // 提供 open 方法，用于打开弹窗
 
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
 /** 处理上传的文件发生变化 */
 const handleFileChange = (file) => {
   data.value.path = file.name
 }
 
-/** 提交表单 */
+/** 处理文件上传中 */
+const handleFileUploadProgress = () => {
+  formLoading.value = true // 禁止修改
+}
+
+/** 发起文件上传 */
 const submitFileForm = () => {
-  if (fileList.value.length == 0) {
-    message.error('请上传文件')
-    return
-  }
-  // 提交请求
-  uploadHeaders.value = {
-    Authorization: 'Bearer ' + getAccessToken(),
-    'tenant-id': getTenantId()
-  }
   unref(uploadRef)?.submit()
 }
 
 /** 文件上传成功处理 */
-const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
-const submitFormSuccess = () => {
+const handleFileSuccess = () => {
   // 清理
   dialogVisible.value = false
   formLoading.value = false
@@ -80,22 +75,4 @@ const submitFormSuccess = () => {
   message.success(t('common.createSuccess'))
   emit('success')
 }
-
-/** 上传错误提示 */
-const submitFormError = (): void => {
-  message.error('上传失败，请您重新上传！')
-  formLoading.value = false
-}
-
-/** 重置表单 */
-const resetForm = () => {
-  // 重置上传状态和文件
-  formLoading.value = false
-  uploadRef.value?.clearFiles()
-}
-
-/** 文件数超出提示 */
-const handleExceed = (): void => {
-  message.error('最多只能上传一个文件！')
-}
 </script>
diff --git a/src/views/infra/file/index.vue b/src/views/infra/file/index.vue
index 91d7639e7..9bfed5dc3 100644
--- a/src/views/infra/file/index.vue
+++ b/src/views/infra/file/index.vue
@@ -1,45 +1,47 @@
 <template>
   <doc-alert title="上传下载" url="https://doc.iocoder.cn/file/" />
+
   <!-- 搜索 -->
   <ContentWrap>
-    <el-form
-      class="-mb-15px"
-      :model="queryParams"
-      ref="queryFormRef"
-      :inline="true"
-      label-width="68px"
-    >
+    <el-form ref="queryFormRef" :inline="true" :model="queryParams" class="-mb-15px">
       <el-form-item label="文件路径" prop="path">
         <el-input
           v-model="queryParams.path"
-          placeholder="请输入文件路径"
           clearable
+          placeholder="请输入文件路径"
           @keyup.enter="handleQuery"
         />
       </el-form-item>
       <el-form-item label="文件类型" prop="type" width="80">
         <el-input
           v-model="queryParams.type"
-          placeholder="请输入文件类型"
           clearable
+          placeholder="请输入文件类型"
           @keyup.enter="handleQuery"
         />
       </el-form-item>
       <el-form-item label="创建时间" prop="createTime">
         <el-date-picker
           v-model="queryParams.createTime"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          type="daterange"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
           :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+          end-placeholder="结束日期"
+          start-placeholder="开始日期"
+          type="daterange"
+          value-format="YYYY-MM-DD HH:mm:ss"
         />
       </el-form-item>
       <el-form-item>
-        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
-        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-        <el-button type="primary" plain @click="openForm">
-          <Icon icon="ep:upload" class="mr-5px" /> 上传文件
+        <el-button @click="handleQuery">
+          <Icon class="mr-5px" icon="ep:search" />
+          搜索
+        </el-button>
+        <el-button @click="resetQuery">
+          <Icon class="mr-5px" icon="ep:refresh" />
+          重置
+        </el-button>
+        <el-button type="primary" @click="openForm">
+          <Icon class="mr-5px" icon="ep:upload" />
+          上传文件
         </el-button>
       </el-form-item>
     </el-form>
@@ -48,31 +50,31 @@
   <!-- 列表 -->
   <ContentWrap>
     <el-table v-loading="loading" :data="list">
-      <el-table-column label="文件名" align="center" prop="name" :show-overflow-tooltip="true" />
-      <el-table-column label="文件路径" align="center" prop="path" :show-overflow-tooltip="true" />
-      <el-table-column label="URL" align="center" prop="url" :show-overflow-tooltip="true" />
+      <el-table-column :show-overflow-tooltip="true" align="center" label="文件名" prop="name" />
+      <el-table-column :show-overflow-tooltip="true" align="center" label="文件路径" prop="path" />
+      <el-table-column :show-overflow-tooltip="true" align="center" label="URL" prop="url" />
       <el-table-column
-        label="文件大小"
+        :formatter="fileSizeFormatter"
         align="center"
+        label="文件大小"
         prop="size"
         width="120"
-        :formatter="fileSizeFormatter"
       />
-      <el-table-column label="文件类型" align="center" prop="type" width="180px" />
+      <el-table-column align="center" label="文件类型" prop="type" width="180px" />
       <el-table-column
-        label="上传时间"
+        :formatter="dateFormatter"
         align="center"
+        label="上传时间"
         prop="createTime"
         width="180"
-        :formatter="dateFormatter"
       />
-      <el-table-column label="操作" align="center">
+      <el-table-column align="center" label="操作">
         <template #default="scope">
           <el-button
+            v-hasPermi="['infra:config:delete']"
             link
             type="danger"
             @click="handleDelete(scope.row.id)"
-            v-hasPermi="['infra:config:delete']"
           >
             删除
           </el-button>
@@ -81,9 +83,9 @@
     </el-table>
     <!-- 分页 -->
     <Pagination
-      :total="total"
-      v-model:page="queryParams.pageNo"
       v-model:limit="queryParams.pageSize"
+      v-model:page="queryParams.pageNo"
+      :total="total"
       @pagination="getList"
     />
   </ContentWrap>
@@ -91,11 +93,11 @@
   <!-- 表单弹窗：添加/修改 -->
   <FileForm ref="formRef" @success="getList" />
 </template>
-<script setup lang="ts" name="InfraFile">
+<script lang="ts" name="Config" setup>
 import { fileSizeFormatter } from '@/utils'
 import { dateFormatter } from '@/utils/formatTime'
 import * as FileApi from '@/api/infra/file'
-import FileForm from './FileForm.vue'
+
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
 
diff --git a/src/views/mp/components/wx-reply/main.vue b/src/views/mp/components/wx-reply/main.vue
index eb02be1a4..4e325a23b 100644
--- a/src/views/mp/components/wx-reply/main.vue
+++ b/src/views/mp/components/wx-reply/main.vue
@@ -8,63 +8,72 @@
   ④ 支持发送【视频】消息时，支持新建视频
 -->
 <template>
-  <el-tabs type="border-card" v-model="objDataRef.type" @tab-click="handleClick">
+  <el-tabs v-model="objDataRef.type" type="border-card" @tab-click="handleClick">
     <!-- 类型 1：文本 -->
     <el-tab-pane name="text">
       <template #label>
-        <el-row align="middle"><Icon icon="ep:document" /> 文本</el-row>
+        <el-row align="middle">
+          <icon icon="ep:document" />
+          文本
+        </el-row>
       </template>
       <el-input
-        type="textarea"
+        v-model="objDataRef.content"
         :rows="5"
         placeholder="请输入内容"
-        v-model="objDataRef.content"
+        type="textarea"
         @input="inputContent"
       />
     </el-tab-pane>
     <!-- 类型 2：图片 -->
     <el-tab-pane name="image">
       <template #label>
-        <el-row align="middle"><Icon icon="ep:picture" class="mr-5px" /> 图片</el-row>
+        <el-row align="middle">
+          <icon class="mr-5px" icon="ep:picture" />
+          图片
+        </el-row>
       </template>
       <!-- 情况一：已经选择好素材、或者上传好图片 -->
-      <div class="select-item" v-if="objDataRef.url">
-        <img class="material-img" :src="objDataRef.url" />
-        <p class="item-name" v-if="objDataRef.name">{{ objDataRef.name }}</p>
-        <el-row class="ope-row" justify="center">
-          <el-button type="danger" circle @click="deleteObj">
-            <Icon icon="ep:delete" />
+      <div v-if="objDataRef.url" class="select-item">
+        <img :src="objDataRef.url" class="material-img" />
+        <p v-if="objDataRef.name" class="item-name">{{ objDataRef.name }}</p>
+        <el-row class="ope-row">
+          <el-button circle type="danger" @click="deleteObj">
+            <icon icon="ep:delete" />
           </el-button>
         </el-row>
       </div>
       <!-- 情况二：未做完上述操作 -->
-      <el-row v-else style="text-align: center" align="middle">
+      <el-row v-else align="middle" style="text-align: center">
         <!-- 选择素材 -->
         <el-col :span="12" class="col-select">
           <el-button type="success" @click="openMaterial">
-            素材库选择 <Icon icon="ep:circle-check" />
+            素材库选择
+            <icon icon="ep:circle-check" />
           </el-button>
-          <el-dialog title="选择图片" v-model="dialogImageVisible" width="90%" append-to-body>
-            <WxMaterialSelect :obj-data="objDataRef" @select-material="selectMaterial" />
+          <el-dialog v-model="dialogImageVisible" append-to-body title="选择图片" width="90%">
+            <wx-material-select :obj-data="objDataRef" @selectMaterial="selectMaterial" />
           </el-dialog>
         </el-col>
         <!-- 文件上传 -->
         <el-col :span="12" class="col-add">
           <el-upload
             :action="actionUrl"
-            :headers="headers"
-            multiple
-            :limit="1"
-            :file-list="fileList"
-            :data="uploadData"
             :before-upload="beforeImageUpload"
+            :data="uploadData"
+            :file-list="fileList"
+            :headers="headers"
+            :limit="1"
             :on-success="handleUploadSuccess"
+            multiple
           >
             <el-button type="primary">上传图片</el-button>
             <template #tip>
               <span>
-                <div class="el-upload__tip">支持 bmp/png/jpeg/jpg/gif 格式，大小不超过 2M</div>
-              </span>
+                <div class="el-upload__tip"
+                  >支持 bmp/png/jpeg/jpg/gif 格式，大小不超过 2M</div
+                ></span
+              >
             </template>
           </el-upload>
         </el-col>
@@ -73,43 +82,47 @@
     <!-- 类型 3：语音 -->
     <el-tab-pane name="voice">
       <template #label>
-        <el-row align="middle"><Icon icon="ep:phone" /> 语音</el-row>
+        <el-row align="middle">
+          <icon icon="ep:phone" />
+          语音
+        </el-row>
       </template>
-      <div class="select-item2" v-if="objDataRef.url">
+
+      <div v-if="objDataRef.url" class="select-item2">
         <p class="item-name">{{ objDataRef.name }}</p>
         <div class="item-infos">
-          <WxVoicePlayer :url="objDataRef.url" />
+          <wx-voice-player :url="objDataRef.url" />
         </div>
-        <el-row class="ope-row" justify="center">
-          <el-button type="danger" circle @click="deleteObj"><Icon icon="ep:delete" /></el-button>
+        <el-row class="ope-row">
+          <el-button circle icon="el-icon-delete" type="danger" @click="deleteObj" />
         </el-row>
       </div>
       <el-row v-else style="text-align: center">
         <!-- 选择素材 -->
         <el-col :span="12" class="col-select">
           <el-button type="success" @click="openMaterial">
-            素材库选择<Icon icon="ep:circle-check" />
+            素材库选择<i class="el-icon-circle-check el-icon--right"></i>
           </el-button>
-          <el-dialog title="选择语音" v-model="dialogVoiceVisible" width="90%" append-to-body>
-            <WxMaterialSelect :objData="objData" @select-material="selectMaterial" />
+          <el-dialog v-model="dialogVoiceVisible" append-to-body title="选择语音" width="90%">
+            <WxMaterialSelect :objData="objData" @selectMaterial="selectMaterial" />
           </el-dialog>
         </el-col>
         <!-- 文件上传 -->
         <el-col :span="12" class="col-add">
           <el-upload
             :action="actionUrl"
-            :headers="headers"
-            multiple
-            :limit="1"
-            :file-list="fileList"
-            :data="uploadData"
             :before-upload="beforeVoiceUpload"
+            :data="uploadData"
+            :file-list="fileList"
+            :headers="headers"
+            :limit="1"
             :on-success="handleUploadSuccess"
+            multiple
           >
             <el-button type="primary">点击上传</el-button>
             <template #tip>
-              <div class="el-upload__tip">
-                格式支持 mp3/wma/wav/amr，文件大小不超过 2M，播放长度不超过 60s
+              <div class="el-upload__tip"
+                >格式支持 mp3/wma/wav/amr，文件大小不超过 2M，播放长度不超过 60s
               </div>
             </template>
           </el-upload>
@@ -119,7 +132,10 @@
     <!-- 类型 4：视频 -->
     <el-tab-pane name="video">
       <template #label>
-        <el-row align="middle"><Icon icon="ep:share" /> 视频</el-row>
+        <el-row align="middle">
+          <icon icon="ep:share" />
+          视频
+        </el-row>
       </template>
       <el-row>
         <el-input
@@ -129,38 +145,42 @@
           @input="inputContent"
         />
         <el-input
-          class="input-margin-bottom"
           v-model="objDataRef.description"
+          class="input-margin-bottom"
           placeholder="请输入描述"
           @input="inputContent"
         />
         <div style="text-align: center">
-          <WxVideoPlayer v-if="objDataRef.url" :url="objDataRef.url" />
+          <wx-video-player v-if="objDataRef.url" :url="objDataRef.url" />
         </div>
         <el-col>
-          <el-row style="text-align: center" align="middle">
+          <el-row align="middle" style="text-align: center">
             <!-- 选择素材 -->
             <el-col :span="12">
               <el-button type="success" @click="openMaterial">
-                素材库选择 <Icon icon="ep:circle-check" />
+                素材库选择
+                <icon icon="ep:circle-check" />
               </el-button>
-              <el-dialog title="选择视频" v-model="dialogVideoVisible" width="90%" append-to-body>
-                <WxMaterialSelect :objData="objDataRef" @select-material="selectMaterial" />
+              <el-dialog v-model="dialogVideoVisible" append-to-body title="选择视频" width="90%">
+                <wx-material-select :objData="objDataRef" @selectMaterial="selectMaterial" />
               </el-dialog>
             </el-col>
             <!-- 文件上传 -->
             <el-col :span="12">
               <el-upload
                 :action="actionUrl"
-                :headers="headers"
-                multiple
-                :limit="1"
-                :file-list="fileList"
-                :data="uploadData"
                 :before-upload="beforeVideoUpload"
+                :data="uploadData"
+                :file-list="fileList"
+                :headers="headers"
+                :limit="1"
                 :on-success="handleUploadSuccess"
+                multiple
               >
-                <el-button type="primary">新建视频 <Icon icon="ep:upload" /></el-button>
+                <el-button type="primary"
+                  >新建视频
+                  <icon icon="ep:upload" />
+                </el-button>
               </el-upload>
             </el-col>
           </el-row>
@@ -170,33 +190,36 @@
     <!-- 类型 5：图文 -->
     <el-tab-pane name="news">
       <template #label>
-        <el-row align="middle"><Icon icon="ep:reading" /> 图文</el-row>
+        <el-row align="middle">
+          <icon icon="ep:reading" />
+          图文
+        </el-row>
       </template>
       <el-row>
-        <div class="select-item" v-if="objDataRef.articles?.length > 0">
-          <WxNews :articles="objDataRef.articles" />
+        <div v-if="objDataRef.articles.size > 0" class="select-item">
+          <wx-news :articles="objDataRef.articles" />
           <el-col class="ope-row">
-            <el-button type="danger" circle @click="deleteObj">
-              <Icon icon="ep:delete" />
+            <el-button circle type="danger" @click="deleteObj">
+              <icon icon="ep:delete" />
             </el-button>
           </el-col>
         </div>
         <!-- 选择素材 -->
-        <el-col :span="24" v-if="!objDataRef.content">
-          <el-row style="text-align: center" align="middle">
+        <el-col v-if="!objDataRef.content" :span="24">
+          <el-row align="middle" style="text-align: center">
             <el-col :span="24">
-              <el-button type="success" @click="openMaterial">
-                {{ newsType === '1' ? '选择已发布图文' : '选择草稿箱图文' }}
+              <el-button type="success" @click="openMaterial"
+                >{{ newsType === '1' ? '选择已发布图文' : '选择草稿箱图文' }}
                 <icon icon="ep:circle-check" />
               </el-button>
             </el-col>
           </el-row>
         </el-col>
-        <el-dialog title="选择图文" v-model="dialogNewsVisible" width="90%" append-to-body>
-          <WxMaterialSelect
-            :objData="objDataRef"
-            @select-material="selectMaterial"
+        <el-dialog v-model="dialogNewsVisible" append-to-body title="选择图文" width="90%">
+          <wx-material-select
             :newsType="newsType"
+            :objData="objDataRef"
+            @selectMaterial="selectMaterial"
           />
         </el-dialog>
       </el-row>
@@ -204,17 +227,20 @@
     <!-- 类型 6：音乐 -->
     <el-tab-pane name="music">
       <template #label>
-        <el-row align="middle"><Icon icon="ep:service" />音乐</el-row>
+        <el-row align="middle">
+          <icon icon="ep:service" />
+          音乐
+        </el-row>
       </template>
       <el-row align="middle" justify="center">
         <el-col :span="6">
-          <el-row align="middle" justify="center" class="thumb-div">
+          <el-row align="middle" class="thumb-div" justify="center">
             <el-col :span="24">
               <el-row align="middle" justify="center">
                 <img
-                  style="width: 100px"
                   v-if="objDataRef.thumbMediaUrl"
                   :src="objDataRef.thumbMediaUrl"
+                  style="width: 100px"
                 />
                 <icon v-else icon="ep:plus" />
               </el-row>
@@ -222,29 +248,29 @@
                 <div class="thumb-but">
                   <el-upload
                     :action="actionUrl"
-                    :headers="headers"
-                    multiple
-                    :limit="1"
-                    :file-list="fileList"
-                    :data="uploadData"
                     :before-upload="beforeThumbImageUpload"
+                    :data="uploadData"
+                    :file-list="fileList"
+                    :headers="headers"
+                    :limit="1"
                     :on-success="handleUploadSuccess"
+                    multiple
                   >
                     <template #trigger>
                       <el-button type="text">本地上传</el-button>
                     </template>
-                    <el-button type="text" @click="openMaterial" style="margin-left: 5px">
-                      素材库选择
+                    <el-button style="margin-left: 5px" type="text" @click="openMaterial"
+                      >素材库选择
                     </el-button>
                   </el-upload>
                 </div>
               </el-row>
             </el-col>
           </el-row>
-          <el-dialog title="选择图片" v-model="dialogThumbVisible" width="80%" append-to-body>
-            <WxMaterialSelect
+          <el-dialog v-model="dialogThumbVisible" append-to-body title="选择图片" width="80%">
+            <wx-material-select
               :objData="{ type: 'image', accountId: objDataRef.accountId }"
-              @select-material="selectMaterial"
+              @selectMaterial="selectMaterial"
             />
           </el-dialog>
         </el-col>
@@ -269,6 +295,7 @@
     </el-tab-pane>
   </el-tabs>
 </template>
+
 <script lang="ts" name="WxReplySelect">
 import WxNews from '@/views/mp/components/wx-news/main.vue'
 import WxMaterialSelect from '@/views/mp/components/wx-material-select/main.vue'
@@ -455,7 +482,7 @@ export default defineComponent({
       // 创建 tempObjItem 对象，并设置对应的值
       let tempObjItem = {
         type: '',
-        articles: [],
+        articles: '',
         thumbMediaId: '',
         thumbMediaUrl: '',
         introduction: '',
@@ -533,7 +560,7 @@ export default defineComponent({
     }
     const deleteObj = () => {
       if (objDataRef.type === 'news') {
-        objDataRef.articles = []
+        objDataRef.articles = ''
       } else if (objDataRef.type === 'image') {
         objDataRef.mediaId = null
         objDataRef.url = null