项目重构

gaoluyang

5 天以前 c7566bba45e6f90594d36ec4b80ac4ff89f577ee

 src/components/FileUpload/index.vue

@@ -22,15 +22,15 @@
    <!-- 上传提示 -->
    <div class="el-upload__tip" v-if="showTip && !disabled">
      请上传
      <template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> </template>
      <template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> </template>
      <template v-if="fileSize"> 大小不超过 <b style="color: var(--el-color-danger)">{{ fileSize }}MB</b> </template>
      <template v-if="fileType"> 格式为 <b style="color: var(--el-color-danger)">{{ fileType.join("/") }}</b> </template>
      的文件
    </div>
    <!-- 文件列表 -->
    <transition-group ref="uploadFileList" class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
      <li :key="file.uid" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList">
        <el-link :href="`${baseUrl}${file.url}`" underline="never" target="_blank">
          <span class="el-icon-document"> {{ getFileName(file.name) }} </span>
          <lims-icon name="el-icon-document" /> {{ getFileName(file.name) }}
        </el-link>
        <div class="ele-upload-list__item-content-action">
          <el-link underline="never" @click="handleDelete(index)" type="danger" v-if="!disabled">&nbsp;删除</el-link>
@@ -232,13 +232,14 @@
<style scoped lang="scss">
.file-upload-darg {
  opacity: 0.5;
  background: #c8ebfb;
  background: var(--el-color-primary-light-9);
}
.upload-file-uploader {
  margin-bottom: 5px;
}
.upload-file-list .el-upload-list__item {
  border: 1px solid #e4e7ed;
  border: 1px solid var(--lims-border);
  border-radius: var(--lims-radius-sm);
  line-height: 2;
  margin-bottom: 10px;
  position: relative;