|
@@ -1438,64 +1438,70 @@
|
|
|
style="display: flex; flex-wrap: wrap"
|
|
|
class="table_file"
|
|
|
>
|
|
|
- <div
|
|
|
- class="file"
|
|
|
- v-for="(file, index2) in scope.row.array[index].json.file"
|
|
|
- v-if="index2<3"
|
|
|
- :key="index + '-' + index2"
|
|
|
- @click.stop="checkFile(file)"
|
|
|
- >
|
|
|
- <img
|
|
|
- class="download"
|
|
|
- src="../../../../assets/icon/fileIcon/download.png"
|
|
|
- @click.stop="downloadFile(file)"
|
|
|
- :style="{ right: '10px' }"
|
|
|
- />
|
|
|
- <img
|
|
|
- class="img"
|
|
|
- :src="wordIcon"
|
|
|
- alt=""
|
|
|
- v-if="file.type == 1"
|
|
|
- />
|
|
|
- <img
|
|
|
- class="img"
|
|
|
- :src="videoIcon"
|
|
|
- alt=""
|
|
|
- v-if="file.type == 2"
|
|
|
- />
|
|
|
- <img
|
|
|
- class="img"
|
|
|
- :src="file.url"
|
|
|
- alt=""
|
|
|
- v-if="file.type == 3"
|
|
|
- />
|
|
|
- <img
|
|
|
- class="img"
|
|
|
- :src="wordIcon"
|
|
|
- alt=""
|
|
|
- v-if="file.type == 4"
|
|
|
- />
|
|
|
- <img
|
|
|
- class="img"
|
|
|
- :src="fileIcon"
|
|
|
- alt=""
|
|
|
- v-if="file.type == 5"
|
|
|
- />
|
|
|
- <div class="name">
|
|
|
- <el-tooltip
|
|
|
- :content="file.name"
|
|
|
- placement="top"
|
|
|
- effect="dark"
|
|
|
+ <template v-if="scope.row.array[index].json.file">
|
|
|
+ <template v-for="(file, index2) in scope.row.array[index].json.file">
|
|
|
+ <div
|
|
|
+ class="file"
|
|
|
+ v-if="index2 < 3"
|
|
|
+ :key="index + '-' + index2"
|
|
|
+ @click.stop="checkFile(file)"
|
|
|
>
|
|
|
- <span>{{ file.name }}</span>
|
|
|
+ <img
|
|
|
+ class="download"
|
|
|
+ src="../../../../assets/icon/fileIcon/download.png"
|
|
|
+ @click.stop="downloadFile(file)"
|
|
|
+ :style="{ right: '10px' }"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ class="img"
|
|
|
+ :src="wordIcon"
|
|
|
+ alt=""
|
|
|
+ v-if="file.type == 1"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ class="img"
|
|
|
+ :src="videoIcon"
|
|
|
+ alt=""
|
|
|
+ v-if="file.type == 2"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ class="img"
|
|
|
+ :src="file.url"
|
|
|
+ alt=""
|
|
|
+ v-if="file.type == 3"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ class="img"
|
|
|
+ :src="wordIcon"
|
|
|
+ alt=""
|
|
|
+ v-if="file.type == 4"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ class="img"
|
|
|
+ :src="fileIcon"
|
|
|
+ alt=""
|
|
|
+ v-if="file.type == 5"
|
|
|
+ />
|
|
|
+ <div class="name">
|
|
|
+ <el-tooltip
|
|
|
+ :content="file.name"
|
|
|
+ placement="top"
|
|
|
+ effect="dark"
|
|
|
+ >
|
|
|
+ <span>{{ file.name }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="scope.row.array[index].json.file">
|
|
|
+ <div class="file_more" v-if="scope.row.array[index].json.file.length>3">
|
|
|
+ <el-tooltip class="item" effect="light" content="查看更多" placement="top-start">
|
|
|
+ <svg t="1753409620948" @click="checkFileListOpen(scope.row.array[index].json.file)" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4403" width="200" height="200"><path d="M134.26141867 386.08713955c-69.25213392 0-125.91286045 56.66072652-125.91286045 125.91286045s56.66072652 125.91286045 125.91286045 125.91286045S260.17427911 581.25213392 260.17427911 512s-56.66072652-125.91286045-125.91286044-125.91286045z m755.47716266 0c-69.25213392 0-125.91286045 56.66072652-125.91286044 125.91286045s56.66072652 125.91286045 125.91286044 125.91286045S1015.65144178 581.25213392 1015.65144178 512s-56.66072652-125.91286045-125.91286045-125.91286045z m-377.73858133 0c-69.25213392 0-125.91286045 56.66072652-125.91286045 125.91286045S442.74786608 637.91286045 512 637.91286045 637.91286045 581.25213392 637.91286045 512 581.25213392 386.08713955 512 386.08713955z" fill="#515151" p-id="4404"></path></svg>
|
|
|
</el-tooltip>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="file_more" v-if="scope.row.array[index].json.file.length>3">
|
|
|
- <el-tooltip class="item" effect="light" content="查看更多" placement="top-start">
|
|
|
- <svg t="1753409620948" @click="checkFileListOpen(scope.row.array[index].json.file)" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4403" width="200" height="200"><path d="M134.26141867 386.08713955c-69.25213392 0-125.91286045 56.66072652-125.91286045 125.91286045s56.66072652 125.91286045 125.91286045 125.91286045S260.17427911 581.25213392 260.17427911 512s-56.66072652-125.91286045-125.91286044-125.91286045z m755.47716266 0c-69.25213392 0-125.91286045 56.66072652-125.91286044 125.91286045s56.66072652 125.91286045 125.91286044 125.91286045S1015.65144178 581.25213392 1015.65144178 512s-56.66072652-125.91286045-125.91286045-125.91286045z m-377.73858133 0c-69.25213392 0-125.91286045 56.66072652-125.91286045 125.91286045S442.74786608 637.91286045 512 637.91286045 637.91286045 581.25213392 637.91286045 512 581.25213392 386.08713955 512 386.08713955z" fill="#515151" p-id="4404"></path></svg>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
<div
|
|
|
v-if="scope.row.array[index].type == 6"
|