存储管理增加图片路径提示和图片预览 (#40)

* [ImgBot] Optimize images

*Total -- 204.47kb -> 157.55kb (22.95%)

/src/assets/avatar/avatar.png -- 4.00kb -> 1.82kb (54.48%)
/src/assets/404_images/404_cloud.png -- 4.65kb -> 2.98kb (35.92%)
/src/assets/404_images/404.png -- 95.77kb -> 62.09kb (35.17%)
/src/icons/svg/menu.svg -- 0.46kb -> 0.31kb (33.4%)
/src/icons/svg/develop.svg -- 0.68kb -> 0.52kb (23.32%)
/src/icons/svg/unlock.svg -- 0.75kb -> 0.59kb (21.37%)
/src/icons/svg/codeConsole.svg -- 0.74kb -> 0.59kb (20.74%)
/src/icons/svg/markdown.svg -- 0.78kb -> 0.63kb (19.7%)
/src/icons/svg/monitor.svg -- 0.86kb -> 0.70kb (19.14%)
/src/icons/svg/user1.svg -- 0.86kb -> 0.70kb (18.46%)
/src/assets/logo/logo.png -- 15.91kb -> 13.12kb (17.52%)
/src/icons/svg/visits.svg -- 0.94kb -> 0.78kb (16.35%)
/src/icons/svg/password.svg -- 0.91kb -> 0.76kb (15.95%)
/src/icons/svg/timing.svg -- 0.97kb -> 0.81kb (15.87%)
/src/icons/svg/lock.svg -- 1.08kb -> 0.93kb (14.18%)
/src/icons/svg/image.svg -- 1.17kb -> 1.01kb (13.58%)
/src/icons/svg/gonggao.svg -- 1.22kb -> 1.07kb (12.57%)
/src/icons/svg/icon.svg -- 1.22kb -> 1.07kb (12.56%)
/src/icons/svg/user.svg -- 1.16kb -> 1.01kb (12.48%)
/src/icons/svg/running.svg -- 1.23kb -> 1.08kb (12.47%)
/src/icons/svg/dictionary.svg -- 1.26kb -> 1.11kb (12.13%)
/src/icons/svg/validCode.svg -- 1.21kb -> 1.06kb (11.99%)
/src/icons/svg/add.svg -- 1.33kb -> 1.18kb (11.49%)
/src/icons/svg/sqlMonitor.svg -- 1.39kb -> 1.23kb (11.06%)
/src/icons/svg/weixin.svg -- 1.37kb -> 1.22kb (10.95%)
/src/icons/svg/chain.svg -- 1.58kb -> 1.42kb (10.17%)
/src/icons/svg/error.svg -- 1.64kb -> 1.48kb (9.37%)
/src/icons/svg/permission.svg -- 1.73kb -> 1.57kb (8.88%)
/src/icons/svg/qiniu.svg -- 1.82kb -> 1.66kb (8.74%)
/src/icons/svg/fwb.svg -- 1.89kb -> 1.73kb (8.41%)
/src/icons/svg/email.svg -- 1.94kb -> 1.79kb (7.89%)
/src/icons/svg/alipay.svg -- 2.07kb -> 1.92kb (7.39%)
/src/icons/svg/run.svg -- 2.35kb -> 2.19kb (6.54%)
/src/icons/svg/swagger.svg -- 2.58kb -> 2.42kb (6.4%)
/src/icons/svg/java.svg -- 2.54kb -> 2.39kb (6.03%)
/src/icons/svg/date.svg -- 2.60kb -> 2.45kb (5.9%)
/src/icons/svg/phone.svg -- 2.74kb -> 2.58kb (5.82%)
/src/icons/svg/anq.svg -- 2.73kb -> 2.57kb (5.62%)
/src/icons/svg/github.svg -- 2.85kb -> 2.70kb (5.51%)
/src/icons/svg/system.svg -- 2.90kb -> 2.75kb (5.35%)
/src/icons/svg/role.svg -- 3.00kb -> 2.84kb (5.31%)
/src/icons/svg/tools.svg -- 3.55kb -> 3.40kb (4.37%)
/src/icons/svg/log.svg -- 4.67kb -> 4.51kb (3.53%)
/src/icons/svg/dept.svg -- 4.54kb -> 4.38kb (3.5%)
/src/icons/svg/ipvisits.svg -- 6.63kb -> 6.42kb (3.28%)
/src/icons/svg/Steve-Jobs.svg -- 6.18kb -> 6.00kb (2.83%)

Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com>

* 存储管理增加图片路径提示和图片预览

src/views/tools/storage/local/index.vue

@@ -3,7 +3,13 @@
     <!--工具栏-->
     <div class="head-container">
       <!-- 搜索 -->
-      <el-input v-model="query.value" clearable placeholder="输入内容模糊搜索" style="width: 200px;" class="filter-item" @keyup.enter.native="toQuery"/>
+      <el-input
+        v-model="query.value"
+        clearable
+        placeholder="输入内容模糊搜索"
+        style="width: 200px;"
+        class="filter-item"
+        @keyup.enter.native="toQuery"/>
       <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button>
       <!-- 新增 -->
       <div style="display: inline-block;margin: 0px 2px;">
@@ -13,7 +19,8 @@
           size="mini"
           type="primary"
           icon="el-icon-upload"
-          @click="add">文件上传</el-button>
+          @click="add">文件上传
+        </el-button>
       </div>
       <!-- 多选删除 -->
       <div style="display: inline-block;margin: 0px 2px;">
@@ -24,7 +31,8 @@
           size="mini"
           type="danger"
           icon="el-icon-delete"
-          @click="open">删除</el-button>
+          @click="open">删除
+        </el-button>
       </div>
     </div>
     <!--表单组件-->
@@ -34,11 +42,34 @@
       <el-table-column type="selection" width="55"/>
       <el-table-column :show-overflow-tooltip="true" prop="name" label="文件名">
         <template slot-scope="scope">
-          <el-link :underline="false" :href="baseApi + '/file/' + scope.row.type + '/' + scope.row.realName" target="_blank" type="primary">{{ scope.row.name }}</el-link>
+          <el-popover
+            :content="'file/' + scope.row.type + '/' + scope.row.realName"
+            placement="top-start"
+            title="路径"
+            width="200"
+            trigger="hover">
+            <el-link
+              slot="reference"
+              :underline="false"
+              :href="baseApi + '/file/' + scope.row.type + '/' + scope.row.realName"
+              target="_blank"
+              type="primary">{{ scope.row.name }}
+            </el-link>
+          </el-popover>
         </template>
       </el-table-column>
       <el-table-column prop="suffix" label="文件类型"/>
       <el-table-column prop="type" label="类别"/>
+      <el-table-column prop="path" label="预览">
+        <template slot-scope="{row}">
+          <el-image
+            :src=" baseApi + '/file/' + row.type + '/' + row.realName"
+            :preview-src-list="[baseApi + '/file/' + row.type + '/' + row.realName]"
+            fit="contain"
+            lazy
+            style="width: 60px; height: 40px"/>
+        </template>
+      </el-table-column>
       <el-table-column prop="size" label="大小"/>
       <el-table-column prop="operate" label="操作人"/>
       <el-table-column prop="createTime" label="创建日期">
@@ -51,9 +82,18 @@
           <span>{{ parseTime(scope.row.updateTime) }}</span>
         </template>
       </el-table-column>
-      <el-table-column v-if="checkPermission(['ADMIN','LOCALSTORAGE_ALL','LOCALSTORAGE_EDIT','LOCALSTORAGE_DELETE'])" label="操作" width="150px" align="center">
+      <el-table-column
+        v-if="checkPermission(['ADMIN','LOCALSTORAGE_ALL','LOCALSTORAGE_EDIT','LOCALSTORAGE_DELETE'])"
+        label="操作"
+        width="150px"
+        align="center">
         <template slot-scope="scope">
-          <el-button v-permission="['ADMIN','LOCALSTORAGE_ALL','LOCALSTORAGE_EDIT']" size="mini" type="primary" icon="el-icon-edit" @click="edit(scope.row)"/>
+          <el-button
+            v-permission="['ADMIN','LOCALSTORAGE_ALL','LOCALSTORAGE_EDIT']"
+            size="mini"
+            type="primary"
+            icon="el-icon-edit"
+            @click="edit(scope.row)"/>
           <el-popover
             v-permission="['ADMIN','LOCALSTORAGE_ALL','LOCALSTORAGE_DELETE']"
             :ref="scope.row.id"
@@ -62,7 +102,8 @@
             <p>确定删除本条数据吗？</p>
             <div style="text-align: right; margin: 0">
               <el-button size="mini" type="text" @click="$refs[scope.row.id].doClose()">取消</el-button>
-              <el-button :loading="delLoading" type="primary" size="mini" @click="subDelete(scope.row.id)">确定</el-button>
+              <el-button :loading="delLoading" type="primary" size="mini" @click="subDelete(scope.row.id)">确定
+              </el-button>
             </div>
             <el-button slot="reference" type="danger" icon="el-icon-delete" size="mini"/>
           </el-popover>
@@ -87,6 +128,7 @@ import initData from '@/mixins/initData'
 import { del, delAll } from '@/api/localStorage'
 import { parseTime } from '@/utils/index'
 import eForm from './form'
+
 export default {
   components: { eForm },
   mixins: [initData],
@@ -120,7 +162,9 @@ export default {
       this.params = { page: this.page, size: this.size, sort: sort }
       const query = this.query
       const value = query.value
-      if (value) { this.params['blurry'] = value }
+      if (value) {
+        this.params['blurry'] = value
+      }
       return true
     },
     subDelete(id) {