diff --git a/src/components/Icon/IconFile.vue b/src/components/Icon/IconFile.vue
index 44226b3..a434855 100644
--- a/src/components/Icon/IconFile.vue
+++ b/src/components/Icon/IconFile.vue
@@ -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
diff --git a/src/components/ShowFile/ShowFile.vue b/src/components/ShowFile/ShowFile.vue
index 2319c8f..75930d8 100644
--- a/src/components/ShowFile/ShowFile.vue
+++ b/src/components/ShowFile/ShowFile.vue
@@ -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="名称:">
diff --git a/src/utils/directives.js b/src/utils/directives.js
index 84bde83..9d91ece 100644
--- a/src/utils/directives.js
+++ b/src/utils/directives.js
@@ -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