修改

src/views/mp/components/wx-material-select/main.vue

@@ -13,14 +13,15 @@
           <img class="material-img" :src="item.url" />
           <p class="item-name">{{ item.name }}</p>
           <el-row class="ope-row">
-            <el-button type="success" @click="selectMaterialFun(item)">
+            <el-button type="success" @click="selectMaterialFun(item)"
-              选择 <Icon icon="ep:circle-check" />
+            >选择 <Icon icon="ep:circle-check" />
             </el-button>
           </el-row>
         </div>
       </div>
       <!-- 分页组件 -->
-      <Pagination
+      <pagination
+        v-show="total > 0"
         :total="total"
         v-model:page="queryParams.pageNo"
         v-model:limit="queryParams.pageSize"
@@ -29,6 +30,7 @@
     </div>
     <!-- 类型：voice -->
     <div v-else-if="objData.type === 'voice'">
+      <!-- 列表 -->
       <el-table v-loading="loading" :data="list">
         <el-table-column label="编号" align="center" prop="mediaId" />
         <el-table-column label="文件名" align="center" prop="name" />
@@ -37,23 +39,27 @@
             <WxVoicePlayer :url="scope.row.url" />
           </template>
         </el-table-column>
-        <el-table-column
+        <el-table-column label="上传时间" align="center" prop="createTime" width="180">
-          label="上传时间"
-          align="center"
-          prop="createTime"
-          width="180"
-          :formatter="dateFormatter"
-        />
-        <el-table-column label="操作" align="center" fixed="right">
           <template #default="scope">
-            <el-button type="text" @click="selectMaterialFun(scope.row)">
+            <span>{{ formatDate(scope.row.createTime) }}</span>
-              选择 <Icon icon="ep:plus" />
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="操作"
+          align="center"
+          fixed="right"
+          class-name="small-padding fixed-width"
+        >
+          <template #default="scope">
+            <el-button type="text" @click="selectMaterialFun(scope.row)"
+            >选择<Icon icon="ep:plus" />
             </el-button>
           </template>
         </el-table-column>
       </el-table>
       <!-- 分页组件 -->
-      <Pagination
+      <pagination
+        v-show="total > 0"
         :total="total"
         v-model:page="queryParams.pageNo"
         v-model:limit="queryParams.pageSize"
@@ -73,14 +79,17 @@
             <WxVideoPlayer :url="scope.row.url" />
           </template>
         </el-table-column>
+        <el-table-column label="上传时间" align="center" prop="createTime" width="180">
+          <template #default="scope">
+            <span>{{ formatDate(scope.row.createTime) }}</span>
+          </template>
+        </el-table-column>
         <el-table-column
-          label="上传时间"
+          label="操作"
           align="center"
-          prop="createTime"
+          fixed="right"
-          width="180"
+          class-name="small-padding fixed-width"
-          :formatter="dateFormatter"
+        >
-        />
-        <el-table-column label="操作" align="center">
           <template #default="scope">
             <el-button type="text" @click="selectMaterialFun(scope.row)"
             >选择<Icon icon="akar-icons:circle-plus" />
@@ -89,7 +98,8 @@
         </el-table-column>
       </el-table>
       <!-- 分页组件 -->
-      <Pagination
+      <pagination
+        v-show="total > 0"
         :total="total"
         v-model:page="queryParams.pageNo"
         v-model:limit="queryParams.pageSize"
@@ -111,7 +121,8 @@
         </div>
       </div>
       <!-- 分页组件 -->
-      <Pagination
+      <pagination
+        v-show="total > 0"
         :total="total"
         v-model:page="queryParams.pageNo"
         v-model:limit="queryParams.pageSize"
@@ -120,6 +131,7 @@
     </div>
   </div>
 </template>
+
 <script lang="ts" name="WxMaterialSelect">
 import WxNews from '@/views/mp/components/wx-news/main.vue'
 import WxVoicePlayer from '@/views/mp/components/wx-voice-play/main.vue'
@@ -127,7 +139,7 @@ import WxVideoPlayer from '@/views/mp/components/wx-video-play/main.vue'
 import { getMaterialPage } from '@/api/mp/material'
 import { getFreePublishPage } from '@/api/mp/freePublish'
 import { getDraftPage } from '@/api/mp/draft'
-import { dateFormatter } from '@/utils/formatTime'
+import { dateFormatter, formatDate } from '@/utils/formatTime'
 import { defineComponent, PropType } from 'vue'
 
 export default defineComponent({
@@ -231,6 +243,7 @@ export default defineComponent({
       selectMaterialFun,
       getMaterialPageFun,
       getPage,
+      formatDate,
       newsTypeRef,
       queryParams,
       objDataRef,