相关页面样式修复

src/views/collectReorganizi/collectionLibrary/module/archivesFilling/index.vue

@@ -30,7 +30,7 @@
           <!-- <li :class="{'active-tab-nav': activeIndex == 1 }" @click="changeActiveTab(1)">任务列表</li>
           <li :class="{'active-tab-nav': activeIndex == 2 }" @click="changeActiveTab(2)">流程图</li> -->
         </ul>
-        <div v-if="activeIndex == 0" class="double-click-btn"><i class="iconfont icon-zhuyi-lan" /><span>双击列表数据查看详情</span></div>
+        <!-- <div v-if="activeIndex == 0" class="double-click-btn"><i class="iconfont icon-zhuyi-lan" /><span>双击列表数据查看详情</span></div> -->
         <!-- <component :is="comName" class="component-cont" /> -->
         <ArchivesListModule v-if="activeIndex == 0" ref="archivesListModule" :selected-category="selectedCategory" :collect-level="collectLevel" :selections="selections" />
       </div>

src/views/components/archivesListModule/index.vue

@@ -5,7 +5,7 @@
       v-loading="tableLoading"
       class="archives-table"
       :data="tableData"
-      height="calc(100vh - 382px)"
+      :height="isDetail ? 'calc(100vh - 382px)' :''"
       highlight-current-row
       style="width: 100%;"
       :row-key="rowKey"

src/views/prearchiveLibrary/index.vue

@@ -43,6 +43,7 @@
             ref="table"
             v-loading="crud.loading"
             :data="crud.data"
+            style="width: 100%;"
             @row-click="clickRowHandler"
             @select="crud.selectChange"
             @select-all="crud.selectAllChange"

src/views/prearchiveLibrary/module/detail.vue

@@ -36,14 +36,37 @@
                 {{ (scope.row.file_size / 1024).toFixed(2) + 'kB' }}
               </template>
             </el-table-column>
-            <el-table-column prop="file_dpi" label="分辨率" min-width="85" align="center" />
+            <el-table-column prop="file_dpi" label="分辨率" min-width="85" align="center">
+              <template slot-scope="scope">
+                <div v-if="!scope.row.file_dpi"> - </div>
+                <div v-else> {{ scope.row.file_dpi }} </div>
+              </template>
+            </el-table-column>
             <el-table-column prop="file_thumbnail" label="缩览图" min-width="60" align="center">
               <template slot-scope="scope">
                 <div v-if="scope.row.file_type === 'jpg' || scope.row.file_type === 'jpeg' || scope.row.file_type === 'png' || scope.row.file_type === 'bmp'|| scope.row.file_type === 'gif'">
-                  <img width="60px" height="32px" class="screenshot" :src="baseApi+ '/downloadFile' + scope.row.file_path" :onerror="defaultImg" @click="showCoverPreview(scope.row)">
+                  <i class="fileIcon icon-image" />
+                </div>
+                <div v-else-if="scope.row.file_type === 'xlsx' || scope.row.file_type === 'xls'">
+                  <i class="fileIcon icon-excel" />
+                </div>
+                <div v-else-if="scope.row.file_type === 'docx' || scope.row.file_type === 'doc'">
+                  <i class="fileIcon icon-word" />
+                </div>
+                <div v-else-if="scope.row.file_type === 'pdf'">
+                  <i class="fileIcon icon-pdf" />
+                </div>
+                <div v-else-if="scope.row.file_type === 'ppt' || scope.row.file_type === 'pptx'">
+                  <i class="fileIcon icon-ppt" />
+                </div>
+                <div v-else-if="scope.row.file_type === 'zip' || scope.row.file_type === 'rar'">
+                  <i class="fileIcon icon-zip" />
+                </div>
+                <div v-else-if="scope.row.file_type === 'txt'">
+                  <i class="fileIcon icon-txt" />
                 </div>
                 <div v-else>
-                  <svg-icon icon-class="fujian" class-name="svg-style" />
+                  <i class="fileIcon icon-other" />
                 </div>
               </template>
             </el-table-column>