lunanting/jmalcloud-view
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改详情图标

Browse Source
This commit is contained in:
jmal 2020-04-17 22:44:42 +08:00
parent a906b16e20
commit 1eb23fe7f1
3 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/Icon/IconFile.vue
View File

@ -16,14 +16,25 @@
</div>
<svg-icon v-if="item.isFolder" icon-class="folder"/>
<svg-icon v-else-if="item.contentType.indexOf('video') > -1" icon-class="video"/>
<svg-icon v-else-if="item.contentType.indexOf('audio') > -1" icon-class="audio"/>
<!--<svg-icon v-else-if="item.contentType.indexOf('text') > -1" icon-class="file-txt"/>-->
<div v-else-if="item.contentType.indexOf('image') > -1">
<el-image v-if="grid" style="width: 80px;height: 80px;" fit="contain" :src="item.fileId ? (imageUrl+item.fileId) : (imageUrl+item.id)">
<div v-else-if="item.contentType.indexOf('audio') > -1">
<div v-if="item.music.coverBase64 !== null">
<el-image v-if="grid" :style="{'width':details?'110px':'80px','height':details?'110px':'80px'}" fit="contain" :src="'data:image/png;base64,'+item.music.coverBase64">
<div slot="error" class="image-slot">
<svg-icon icon-class="loading-image-error"/>
</div>
</el-image>
<el-avatar v-if="!grid" shape="square" :src="'data:image/png;base64,'+item.music.coverBase64"></el-avatar>
</div>
<svg-icon v-else icon-class="audio"/>
</div>
<!--<svg-icon v-else-if="item.contentType.indexOf('text') > -1" icon-class="file-txt"/>-->
<div v-else-if="item.contentType.indexOf('image') > -1">
<el-image v-if="grid || grid === 'details'" :style="{'width':details?'110px':'80px','height':details?'110px':'80px'}" fit="contain" :src="item.fileId ? (imageUrl+item.fileId) : (imageUrl+item.id)">
<div slot="error" class="image-slot">
<svg-icon icon-class="loading-image-error"/>
</div>
</el-image>
<el-avatar v-if="!grid" shape="square" :src="item.fileId ? (imageUrl+item.fileId) : ('data:image/png;base64,'+item.content)"></el-avatar>
</div>
<!--<svg-icon v-else-if="item.contentType.indexOf('application/pdf') > -1" icon-class="file-pdf"/>-->
@ -46,6 +57,10 @@
type: Boolean,
default: false
},
details: {
type: Boolean,
default: false
},
public: {
type: Boolean,
default: false

2
src/components/ShowFile/ShowFile.vue
View File

@ -356,7 +356,7 @@
:title="rowContextData.name"
:visible.sync="drawer">
<div class="drawer-icon">
<icon-file class="drawer-icon-font" :item="rowContextData" :image-url="imageUrl"></icon-file>
<icon-file class="drawer-icon-font" :grid="true" :details="true" :item="rowContextData" :image-url="imageUrl"></icon-file>
</div>
<el-form class="details-form">
<el-form-item label="名称:">

4
src/utils/directives.js
View File

@ -79,8 +79,8 @@ Vue.directive('aplayerDrag', {
// 鼠标按下事件
dialogHeaderEl.onmousedown = (e) => {
// 鼠标按下，计算当前元素距离可视区的距离 (鼠标点击位置距离可视窗口的距离)
const disX = e.clientX - dialogHeaderEl.offsetLeft + 102;
const disY = e.clientY - dialogHeaderEl.offsetTop + 10;
const disX = e.clientX - dialogHeaderEl.offsetLeft + 81;
const disY = e.clientY - dialogHeaderEl.offsetTop + 14;
// 获取到的值带px 正则匹配替换
let styL, styT;
// 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px