提交

index.html

@@ -69,7 +69,8 @@
       <thead>
         <tr>
           <th>类型</th>
-          <th>加入时间</th>
+          <th>文件ID</th>
+          <th>预览</th>
           <th>操作</th>
         </tr> 
       </thead>

js/entry.js

@@ -32,18 +32,27 @@ const render = global => {
     let database = db.collection("data_asset");
     let ori = await database.get();
     data.Administration = sort(ori.data || []);
-    //执行渲染.
-    laypage.render({
-      elem: "page",
-      limit: data.pageSize,
-      count: data.Administration.length, //数据总数，从服务端得到
-      jump: function (obj, first) {
-        //obj包含了当前分页的所有参数，比如：
-        console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
-        console.log(obj.limit); //得到每页显示的条数
-        data.page = obj.curr;
-        render_table();
-      },
+    let urlList = (data.Administration || []).map(v => v.url);
+    app.getTempFileURL({ fileList: urlList }).then(res => {
+      console.log(res.fileList);
+      let list = res.fileList || [];
+      for (let i = 0; i < list.length; i++) {
+        const v = list[i];
+        data.Administration[i].downUrl = v.download_url;
+      }
+      //执行渲染.
+      laypage.render({
+        elem: "page",
+        limit: data.pageSize,
+        count: data.Administration.length, //数据总数，从服务端得到
+        jump: function (obj, first) {
+          //obj包含了当前分页的所有参数，比如：
+          console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
+          console.log(obj.limit); //得到每页显示的条数
+          data.page = obj.curr;
+          render_table();
+        },
+      });
     });
     // 渲染table
     function render_table() {
@@ -59,6 +68,7 @@ const render = global => {
         else type = "图片";
         let tr = $("<tr></tr>");
         let tdType = $("<td>" + type + "</td>");
+        let tdImg = v.type == "img" ? $("<td><img style='width:80px;' src='" + v.downUrl + "'></td>") : $("<td>-</td>");
         let tdUrl = $("<td>" + v.url + "</td>");
         let tdTool = $(
           '<td><a class="layui-btn layui-btn-danger layui-btn-xs delete" data-index="' +
@@ -67,14 +77,16 @@ const render = global => {
         );
         tr.append(tdType);
         tr.append(tdUrl);
+        tr.append(tdImg);
         tr.append(tdTool);
         tb.append(tr);
       }
     }
 
-    $(".delete").click(function () {
+    $(".tb").on('click','.delete',function () {
       let obj = data.Administration[$(this).attr("data-index")];
       let remove = $(this).parent().parent();
+      console.log("---")
       //删除
       layer.confirm("确定要删除该文件么", async function (index) {
         layer.close(index);
@@ -143,9 +155,9 @@ const render = global => {
           // 当 FileReader 读取文件时候，读取的结果会放在 FileReader.result 属性中
           // document.querySelector("#img").src = this.result;
           file.base64 = this.result;
-          compressImg(file.file,file.base64, 2000).then(minifile=>{
+          compressImg(file.file, file.base64, 2000).then(minifile => {
             file.file = minifile;
-          })
+          });
           selectFiles.push(file);
           $(".upImg").append($("<img src='" + this.result + "' />"));
         };
@@ -218,10 +230,10 @@ const render = global => {
       });
     }
 
-    function sort(list){
-      return list.sort((a,b)=>{
-        return b.create_time - a.create_time
-      })
+    function sort(list) {
+      return list.sort((a, b) => {
+        return b.create_time - a.create_time;
+      });
     }
   });