bug - 治疗管理文件上传名

src/components/FileUpload/index.vue

@@ -30,7 +30,10 @@
     <transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
       <li v-for="(file, index) in fileList" :key="file.url" class="el-upload-list__item ele-upload-list__item-content">
         <el-link :href="`${baseUrl}${file.url}`" :underline="false" target="_blank">
-          <span class="el-icon-document"> {{ getShowFileName(file.name) }} </span>
+          <el-tooltip :content="getShowFileName(file.name)" placement="top" effect="light">
+            <span v-if="isCustomLength" class="el-icon-document" :style="{ width: customLength, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', position: 'relative', top: '3px', left: '2px' }"> {{ getShowFileName(file.name) }} </span>
+            <span v-else class="el-icon-document"> {{ getShowFileName(file.name) }} </span>
+          </el-tooltip>
         </el-link>
         <div class="ele-upload-list__item-content-action">
           <el-link :underline="false" type="danger" @click="handleDelete(index)">删除</el-link>
@@ -67,6 +70,14 @@ export default {
     isShowTip: {
       type: Boolean,
       default: true
+    },
+    isCustomLength: {
+      type: Boolean,
+      default: false
+    },
+    customLength: {
+      type: String,
+      default: ''
     }
   },
   data() {
@@ -236,4 +247,10 @@ export default {
 .ele-upload-list__item-content-action .el-link {
   margin-right: 10px;
 }
+.el-link.el-link--default:hover {
+  color: #5FB54B;
+}
+.el-icon-document:hover {
+  color: #5FB54B;
+}
 </style>

src/views/service-management/treatment-management/treatment-detail.vue

@@ -618,7 +618,15 @@
       <div style="margin-top: 20px">
         <el-form ref="file" label-width="120px">
           <el-form-item label="治疗日志">
-            <FileUpload v-model="videoReport" :limit="1" :file-size="4" :file-type="['pdf']" :is-show-tip="false" />
+            <FileUpload
+              v-model="videoReport"
+              :limit="1"
+              :file-size="4"
+              :file-type="['pdf']"
+              :is-show-tip="false"
+              :is-custom-length="true"
+              :custom-length="'360px'"
+            />
           </el-form-item>
         </el-form>
       </div>