fix:修改文件共享显示

src/views/main/fileList.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="common-box" style="margin-top: 20px">
-    <TopTitle :messageType="messageType" :title="title" icon="laba"/>
+    <TopTitle :messageType="messageType" :title="title" icon="laba" />
     <div>
       <el-input
         v-model="searchText"
@@ -10,7 +10,7 @@
         @clear="getDataList"
       >
         <template #append>
-          <el-button :icon="Search" @click="getDataList"/>
+          <el-button :icon="Search" @click="getDataList" />
         </template>
       </el-input>
     </div>
@@ -18,22 +18,20 @@
       <el-scrollbar style="width: 100%; height: 200px">
         <div>
           <div class="line">
-            <div class="text-ellipsis">文件名称</div>
             <div class="text-ellipsis">文件标题</div>
+            <div class="text-ellipsis">文件名称</div>
             <div class="text-ellipsis">创建时间</div>
             <div class="text-ellipsis">操作</div>
           </div>
         </div>
-        <div
-          v-for="(item, index) in dataList"
-          :key="index"
-          class="line"
-        >
-          <div class="text-ellipsis" :content="item.fileTitle">{{ item.fileTitle }}</div>
+        <div v-for="(item, index) in dataList" :key="index" class="line">
+          <div class="text-ellipsis" :content="item.fileTitle">
+            {{ item.fileTitle }}
+          </div>
           <div class="text-ellipsis">{{ item.fileName }}</div>
           <div class="date">{{ item.created }}</div>
           <div
-            v-show="item.fileUrl != null &&  item.fileUrl != ''"
+            v-show="item.fileUrl != null && item.fileUrl != ''"
             class="message-time download-btn"
           >
             <el-button
@@ -41,7 +39,7 @@
               :loading="downloadBtnLoading = false"
               type="primary"
               size="small"
-            >下载
+              >下载
             </el-button>
           </div>
         </div>
@@ -52,9 +50,12 @@
 </template>
 
 <script lang="ts" setup>
-import {getFileShareNoPageList, getUserMessageNoPageList} from "@/api/message";
+import {
+  getFileShareNoPageList,
+  getUserMessageNoPageList,
+} from "@/api/message";
 // import MessageDetail from "@/views/messages/MessageDetail.vue";
-import {Search} from "@element-plus/icons-vue";
+import { Search } from "@element-plus/icons-vue";
 import buttonPermission from "@/common/configs/buttonPermission";
 
 const props = defineProps({