init commit

public/assets/addons/wdsxh/js/album.js

@@ -0,0 +1,105 @@
+$(function () {
+  $(".container-fluid").hide()
+  // 获取相册列表
+  var page = 1
+  var limit = 5
+  function getAlbumList() {
+    $.ajax({
+      method: 'GET',
+      url: adminPath + '/api/wdsxh/album/index',
+      data: {
+        page: page,
+        limit: limit,
+      },
+      success: function (res) {
+        $(".container-fluid").show()
+        if (res.code == 1) {
+          var albumHtml = ""
+          var isMultiple = false
+          for (var i in res.data.data) {
+            var imagesHtml = ""
+            if (res.data.data[i].type == 1) {
+              var imagesList = res.data.data[i].files.split(",")
+              if (imagesList.length > 1) {
+                isMultiple = true
+                for (var j in imagesList) {
+                  imagesHtml += `
+                    <div class="image">
+                      <img src="${imagesList[j]}">
+                    </div>
+                  `
+                }
+              } else {
+                isMultiple = false
+                imagesHtml = `
+                  <div class="image">
+                    <img src="${imagesList[0]}">
+                  </div>
+                `
+              }
+            } else {
+              isMultiple = false
+              imagesHtml += `
+                <div class="video">
+                  <img class="cover" src="${res.data.data[i].image}">
+                  <img class="play" src="/assets/addons/wdsxh/img/play.png">
+                </div>
+              `
+            }
+            albumHtml += `
+              <button type="button" data-toggle="modal" data-target="#codeModal" class="cont-item">
+                <div class="item-date">${res.data.data[i].release_date}</div>
+                <div class="item-title txthide-more">${res.data.data[i].name}</div>
+                <div class="item-box flex">
+                  <div class="box-timeline">
+                    <div class="point"></div>
+                    <div class="line"></div>
+                  </div>
+                  <div class="${isMultiple ? "box-multiple flex" : "box-single"}">
+                    ${imagesHtml}
+                  </div>
+                </div>
+              </button>
+            `
+          }
+          $(".container-main .main-content").html(albumHtml)
+          if (albumHtml) {
+            $(".empty").hide()
+          } else {
+            $(".empty").css("display", "flex")
+          }
+          setPages(res.data.total)
+        } else {
+          console.error(res.msg)
+        }
+      },
+      error: function (res) {
+        if (res.status == 401) {
+          $(".container-fluid").show()
+          $(".container-main .main-code").show()
+        }
+      }
+    })
+  }
+  // 设置分页
+  function setPages(total) {
+    var nowPage = page
+    var totalPage = Math.ceil(total / limit)
+    if (nowPage == 1) {
+      new Paging('page', {
+        nowPage: nowPage, // 当前页码
+        pageNum: totalPage, // 总页码
+        totalNum: total, // 总条数
+        buttonNum: 5, //要展示的页码数量
+        canJump: 1,// 是否能跳转。0=不显示（默认），1=显示
+        showOne: 0,//只有一页时，是否显示。0=不显示,1=显示（默认）
+        callback: function (num) { //回调函数
+          page = num
+          getAlbumList()
+        }
+      })
+    }
+  }
+  // 调用方法
+  getAlbumList()
+});