init commit

This commit is contained in:
2026-03-17 09:56:00 +08:00
commit e2c8ae752d
6827 changed files with 1211784 additions and 0 deletions

View File

@@ -0,0 +1,17 @@
$(function () {
$(".about-container .main-screen .screen-item").click(function () {
let id = $(this).attr("data-id")
$(".about-container .main-screen .screen-item").removeClass("active")
$(this).addClass("active")
if (id == 1) {
$(".about-container .main-content .content").hide()
$(".about-container .main-content .course").show()
} else if (id == 2) {
$(".about-container .main-content .content").hide()
$(".about-container .main-content .honor").show()
} else if (id == 3) {
$(".about-container .main-content .content").hide()
$(".about-container .main-content .rules").show()
}
})
});

View File

@@ -0,0 +1,91 @@
$(function () {
$(".container-fluid").hide()
// 获取活动列表
var page = 1
var limit = 12
function getActivityList() {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/activity/activity/index',
data: {
page: page,
limit: limit,
},
success: function (res) {
$(".container-fluid").show()
if (res.code == 1) {
var listHtml = ""
for (var i in res.data.data) {
listHtml += `
<button type="button" data-toggle="modal" data-target="#codeModal" class="cont-item">
<div class="item-image">
<img class="image" src="${res.data.data[i].images}">
</div>
<div class="item-box">
<div class="box-title">${res.data.data[i].name}</div>
<div class="box-label">
<svg class="icon" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.99998 0.333252C3.32665 0.333252 0.333313 3.32659 0.333313 6.99992C0.333313 10.6733 3.32665 13.6666 6.99998 13.6666C10.6733 13.6666 13.6666 10.6733 13.6666 6.99992C13.6666 3.32659 10.6733 0.333252 6.99998 0.333252ZM9.89998 9.37992C9.80665 9.53992 9.63998 9.62659 9.46665 9.62659C9.37998 9.62659 9.29331 9.60659 9.21331 9.55325L7.14665 8.31992C6.63331 8.01325 6.25331 7.33992 6.25331 6.74659V4.01325C6.25331 3.73992 6.47998 3.51325 6.75331 3.51325C7.02665 3.51325 7.25331 3.73992 7.25331 4.01325V6.74659C7.25331 6.98659 7.45331 7.33992 7.65998 7.45992L9.72665 8.69325C9.96665 8.83325 10.0466 9.13992 9.89998 9.37992Z" fill="currentColor" />
</svg>
<span class="text">${res.data.data[i].start_time} | ${res.data.data[i].week}</span>
</div>
<div class="box-label" style="display: ${res.data.data[i].organizing_method == 1 ? "none" : "flex"}">
<svg class="icon" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7467 5.63341C13.0467 2.55341 10.36 1.16675 8 1.16675C8 1.16675 8 1.16675 7.99334 1.16675C5.64 1.16675 2.94667 2.54675 2.24667 5.62675C1.46667 9.06675 3.57334 11.9801 5.48 13.8134C6.18667 14.4934 7.09334 14.8334 8 14.8334C8.90667 14.8334 9.81334 14.4934 10.5133 13.8134C12.42 11.9801 14.5267 9.07341 13.7467 5.63341ZM8 8.97341C6.84 8.97341 5.9 8.03341 5.9 6.87341C5.9 5.71341 6.84 4.77341 8 4.77341C9.16 4.77341 10.1 5.71341 10.1 6.87341C10.1 8.03341 9.16 8.97341 8 8.97341Z" fill="currentColor" />
</svg>
<span class="text">${res.data.data[i].address}</span>
</div>
<div class="box-label" style="display: ${res.data.data[i].organizing_method == 2 ? "none" : "flex"}">
<svg class="icon" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g clip-path="url(#clip241_6749)">
<circle cx="8.000000" cy="8.500000" r="7.000000" fill="currentColor" fill-opacity="1.000000"/>
<path id="path" d="M8 3.5C5.23859 3.5 3 5.73828 3 8.5C3 11.2617 5.23859 13.5 8 13.5C10.7614 13.5 13 11.2617 13 8.5C13 5.73828 10.7614 3.5 8 3.5ZM7.64288 6.33789C7.16315 6.29785 6.70569 6.18066 6.28406 5.99414C6.62555 5.0957 7.13013 4.48535 7.64288 4.28711L7.64288 6.33789ZM7.64288 7.05273L7.64288 8.14258L5.86707 8.14258C5.88995 7.61328 5.96216 7.12207 6.07233 6.67871C6.56104 6.88477 7.08905 7.0127 7.64288 7.05273ZM7.64288 8.85742L7.64288 9.94727C7.08905 9.9873 6.56104 10.1152 6.07233 10.3213C5.96204 9.87793 5.88995 9.38672 5.86707 8.85742L7.64288 8.85742ZM7.64288 10.6621L7.64288 12.7129C7.13013 12.5146 6.62555 11.9043 6.28406 11.0059C6.70569 10.8193 7.16315 10.7021 7.64288 10.6621ZM8.35712 10.6621C8.83685 10.7021 9.29431 10.8193 9.71594 11.0059C9.37445 11.9043 8.86987 12.5146 8.35712 12.7129L8.35712 10.6621ZM8.35712 9.94727L8.35712 8.85742L10.1329 8.85742C10.11 9.38672 10.038 9.87793 9.92767 10.3213C9.43896 10.1152 8.91095 9.9873 8.35712 9.94727ZM8.35712 8.14258L8.35712 7.05273C8.91095 7.0127 9.43896 6.88477 9.92767 6.67871C10.038 7.12207 10.11 7.61328 10.1329 8.14258L8.35712 8.14258ZM8.35712 6.33789L8.35712 4.28711C8.86987 4.48535 9.37445 5.0957 9.71594 5.99414C9.29431 6.18066 8.83685 6.29785 8.35712 6.33789ZM9.79645 4.61426C10.1715 4.78809 10.5142 5.01172 10.8246 5.28516C10.6744 5.41797 10.5123 5.53613 10.3447 5.64648C10.1902 5.25879 10.0058 4.91113 9.79645 4.61426ZM5.65546 5.64648C5.48785 5.53613 5.32568 5.41797 5.17548 5.28516C5.48584 5.01172 5.82861 4.78809 6.20367 4.61426C5.9942 4.91113 5.80981 5.25879 5.65546 5.64648ZM5.42401 6.34863C5.27356 6.89844 5.17914 7.50391 5.15326 8.14258L3.73248 8.14258C3.80591 7.25879 4.14679 6.44922 4.67688 5.79883C4.90723 6.00488 5.15839 6.1875 5.42401 6.34863ZM5.15314 8.85742C5.17902 9.49609 5.27344 10.1016 5.42389 10.6514C5.15826 10.8125 4.90723 10.9951 4.6767 11.2012C4.14655 10.5508 3.80566 9.74121 3.73224 8.85742L5.15314 8.85742ZM5.65546 11.3535C5.80981 11.7412 5.9942 12.0889 6.20367 12.3857C5.82861 12.2119 5.4859 11.9883 5.17548 11.7148C5.32568 11.582 5.48785 11.4639 5.65546 11.3535ZM10.3445 11.3535C10.5121 11.4639 10.6743 11.582 10.8246 11.7148C10.5142 11.9883 10.1714 12.2119 9.79633 12.3857C10.0058 12.0889 10.1902 11.7412 10.3445 11.3535ZM10.576 10.6514C10.7264 10.1016 10.8209 9.49609 10.8467 8.85742L12.2675 8.85742C12.1941 9.74121 11.8532 10.5508 11.3231 11.2012C11.0928 10.9951 10.8416 10.8125 10.576 10.6514ZM10.8469 8.14258C10.821 7.50391 10.7266 6.89844 10.5761 6.34863C10.8417 6.1875 11.0928 6.00488 11.3233 5.79883C11.8535 6.44922 12.1943 7.25879 12.2678 8.14258L10.8469 8.14258Z" fill="#FFFFFF" fill-opacity="1.000000" fill-rule="nonzero"/>
</g>
</svg>
<span class="text">报名成功后查看</span>
</div>
</div>
</button>
`
}
$(".container-main .main-content").html(listHtml)
if (listHtml) {
$(".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
getActivityList()
}
})
}
}
// 调用方法
getActivityList()
});

View File

@@ -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()
});

View File

@@ -0,0 +1,164 @@
$(function () {
$(".container-fluid").hide()
// 获取供需列表
var page = 1
var limit = 5
function getBusinessList() {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/business/index',
data: {
page: page,
limit: limit,
},
success: function (res) {
$(".container-fluid").show()
if (res.code == 1) {
var listHtml = ""
var isMultiple = false
for (var i in res.data.data) {
var imagesHtml = ""
var imagesList = res.data.data[i].images.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>
`
}
listHtml += `
<button type="button" data-toggle="modal" data-target="#codeModal" class="cont-item">
<div class="item-header flex justify-content-between align-items-center">
<div class="header-info flex align-items-center">
<img class="info-avatar" src="${res.data.data[i].member.avatar}">
<div class="info-box flex align-items-center">
<div class="name txthide">${res.data.data[i].member.name}</div>
<div class="tag">${res.data.data[i].member.level_name} | ${getDateBeforeNow(res.data.data[i].createtime)}</div>
</div>
</div>
<div class="header-btn">联系TA</div>
</div>
<div class="item-title txthide">${res.data.data[i].title}</div>
<div class="item-subtitle txthide-more">${res.data.data[i].content}</div>
<div class="item-box flex">
<div class="${isMultiple ? "box-multiple flex flex-wrap" : "box-single"}">
${imagesHtml}
</div>
</div>
</button>
`
}
$(".container-main .main-content").html(listHtml)
if (listHtml) {
$(".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
getBusinessList()
}
})
}
}
// 时间格式化时间为:刚刚、多少分钟前、多少天前
function getDateBeforeNow(stringTime) {
// 统一单位换算
var minute = 1000 * 60;
var hour = minute * 60;
var day = hour * 24;
var time1 = new Date().getTime(); //当前的时间戳
// 对时间进行毫秒单位转换
var time2 = new Date(stringTime * 1000).getTime(); //指定时间的时间戳
var time = time1 - time2;
var result = null;
if (time < 0) {
result = "刚刚";
} else if (time / day >= 3) {
result = formatDate(stringTime, ".", "date");
} else if (time / day >= 1) {
result = parseInt(time / day) + "天前";
} else if (time / hour >= 1) {
result = parseInt(time / hour) + "小时前";
} else if (time / minute >= 1) {
result = parseInt(time / minute) + "分钟前";
} else {
result = "刚刚";
}
return result;
}
// 时间戳转日期格式 type: dateTime-日期时间date-日期hours-时minutes-时分seconds-时分秒
function formatDate(timeStamp, hyphen = "-", type = "dateTime") {
let date = new Date(timeStamp * 1000);
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
let h = date.getHours();
let mm = date.getMinutes();
let s = date.getSeconds();
month = month >= 10 ? month : "0" + month;
day = day >= 10 ? day : "0" + day;
h = h >= 10 ? h : "0" + h;
mm = mm >= 10 ? mm : "0" + mm;
s = s >= 10 ? s : "0" + s;
let result = "";
if (hyphen == "object") {
result = {
year: year,
month: month,
day: day,
hours: h,
minutes: mm,
seconds: s,
}
} else if (type == "date") {
result = `${year}${hyphen}${month}${hyphen}${day}`;
} else if (type == "hours") {
result = `${h}`;
} else if (type == "minutes") {
result = `${h}:${mm}`;
} else if (type == "seconds") {
result = `${h}:${mm}:${s}`;
} else {
result = `${year}${hyphen}${month}${hyphen}${day} ${h}:${mm}:${s}`;
}
return result;
}
// 调用方法
getBusinessList()
});

View File

@@ -0,0 +1,289 @@
$(function () {
// 是否加载完成
var loadBannerEnd = false
var loadMemberEnd = false
$(".container-fluid").hide()
// 设置横向滚动
function setScroll() {
var element = $(".column-3 .column-cont");
element.on("wheel", function (event) {
if (element.get(0).scrollWidth.toFixed(0) > element.innerWidth().toFixed(0)) {
event.preventDefault();
var scrollAmount = event.originalEvent.deltaY;
element.scrollLeft(element.scrollLeft() + scrollAmount);
}
});
}
// 获取轮播图
function getBanner() {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/banner/pc_banner',
success: function (res) {
loadBannerEnd = true
if (loadBannerEnd && loadMemberEnd) {
$(".container-fluid").show()
}
if (res.code == 1) {
if (res.data?.length) {
var indicatorsHtml = ""
var innerHtml = ""
for (var i in res.data) {
indicatorsHtml += `<li data-target="#carouselExampleIndicators" data-slide-to="${i}" ${i == 0 ? 'class="active"' : ''}></li>`
innerHtml += `
<div class="carousel-item ${i == 0 ? 'active' : ''}">
<img src="${res.data[i].image}" class="w-100">
</div>
`
}
$("#carouselExampleIndicators .carousel-indicators").html(indicatorsHtml)
$("#carouselExampleIndicators .carousel-inner").html(innerHtml)
} else {
$("#carouselExampleIndicators").hide()
}
} else {
console.error(res.msg)
}
},
})
}
// 获取会员风采
function getMember() {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/member/member/index',
data: {
page: 1,
limit: 20,
},
success: function (res) {
loadMemberEnd = true
if (loadBannerEnd && loadMemberEnd) {
$(".container-fluid").show()
}
if (res.code == 1) {
var memberHtml = ""
for (var i in res.data.data) {
memberHtml += `
<button type="button" data-toggle="modal" data-target="#codeModal" class="cont-item">
<div class="avatar"><img src="${res.data.data[i].avatar}"></div>
<div class="post">${res.data.data[i].level_name}</div>
<div class="name">${res.data.data[i].name}</div>
</button>
`
}
$(".column-3 .column-cont").html(memberHtml)
$(".column-3").css("display", "flex")
} else {
console.error(res.msg)
}
},
error: function (res) {
if (res.status == 401) {
loadMemberEnd = true
if (loadBannerEnd && loadMemberEnd) {
$(".container-fluid").show()
}
}
}
})
}
// 获取商会活动
function getActivity() {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/activity/activity/index',
data: {
page: 1,
limit: 4,
},
success: function (res) {
if (res.code == 1) {
var activityHtml = ""
for (var i in res.data.data) {
activityHtml += `
<button type="button" data-toggle="modal" data-target="#codeModal" class="cont-item">
<div class="item-image">
<img class="image" src="${res.data.data[i].images}">
</div>
<div class="item-box">
<div class="box-title">${res.data.data[i].name}</div>
<div class="box-label">
<svg class="icon" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.99998 0.333252C3.32665 0.333252 0.333313 3.32659 0.333313 6.99992C0.333313 10.6733 3.32665 13.6666 6.99998 13.6666C10.6733 13.6666 13.6666 10.6733 13.6666 6.99992C13.6666 3.32659 10.6733 0.333252 6.99998 0.333252ZM9.89998 9.37992C9.80665 9.53992 9.63998 9.62659 9.46665 9.62659C9.37998 9.62659 9.29331 9.60659 9.21331 9.55325L7.14665 8.31992C6.63331 8.01325 6.25331 7.33992 6.25331 6.74659V4.01325C6.25331 3.73992 6.47998 3.51325 6.75331 3.51325C7.02665 3.51325 7.25331 3.73992 7.25331 4.01325V6.74659C7.25331 6.98659 7.45331 7.33992 7.65998 7.45992L9.72665 8.69325C9.96665 8.83325 10.0466 9.13992 9.89998 9.37992Z" fill="currentColor" />
</svg>
<span class="text">${res.data.data[i].start_time} | ${res.data.data[i].week}</span>
</div>
<div class="box-label" style="display: ${res.data.data[i].organizing_method == 1 ? "none" : "flex"}">
<svg class="icon" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7467 5.63341C13.0467 2.55341 10.36 1.16675 8 1.16675C8 1.16675 8 1.16675 7.99334 1.16675C5.64 1.16675 2.94667 2.54675 2.24667 5.62675C1.46667 9.06675 3.57334 11.9801 5.48 13.8134C6.18667 14.4934 7.09334 14.8334 8 14.8334C8.90667 14.8334 9.81334 14.4934 10.5133 13.8134C12.42 11.9801 14.5267 9.07341 13.7467 5.63341ZM8 8.97341C6.84 8.97341 5.9 8.03341 5.9 6.87341C5.9 5.71341 6.84 4.77341 8 4.77341C9.16 4.77341 10.1 5.71341 10.1 6.87341C10.1 8.03341 9.16 8.97341 8 8.97341Z" fill="currentColor" />
</svg>
<span class="text">${res.data.data[i].address}</span>
</div>
<div class="box-label" style="display: ${res.data.data[i].organizing_method == 2 ? "none" : "flex"}">
<svg class="icon" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g clip-path="url(#clip241_6749)">
<circle cx="8.000000" cy="8.500000" r="7.000000" fill="currentColor" fill-opacity="1.000000"/>
<path id="path" d="M8 3.5C5.23859 3.5 3 5.73828 3 8.5C3 11.2617 5.23859 13.5 8 13.5C10.7614 13.5 13 11.2617 13 8.5C13 5.73828 10.7614 3.5 8 3.5ZM7.64288 6.33789C7.16315 6.29785 6.70569 6.18066 6.28406 5.99414C6.62555 5.0957 7.13013 4.48535 7.64288 4.28711L7.64288 6.33789ZM7.64288 7.05273L7.64288 8.14258L5.86707 8.14258C5.88995 7.61328 5.96216 7.12207 6.07233 6.67871C6.56104 6.88477 7.08905 7.0127 7.64288 7.05273ZM7.64288 8.85742L7.64288 9.94727C7.08905 9.9873 6.56104 10.1152 6.07233 10.3213C5.96204 9.87793 5.88995 9.38672 5.86707 8.85742L7.64288 8.85742ZM7.64288 10.6621L7.64288 12.7129C7.13013 12.5146 6.62555 11.9043 6.28406 11.0059C6.70569 10.8193 7.16315 10.7021 7.64288 10.6621ZM8.35712 10.6621C8.83685 10.7021 9.29431 10.8193 9.71594 11.0059C9.37445 11.9043 8.86987 12.5146 8.35712 12.7129L8.35712 10.6621ZM8.35712 9.94727L8.35712 8.85742L10.1329 8.85742C10.11 9.38672 10.038 9.87793 9.92767 10.3213C9.43896 10.1152 8.91095 9.9873 8.35712 9.94727ZM8.35712 8.14258L8.35712 7.05273C8.91095 7.0127 9.43896 6.88477 9.92767 6.67871C10.038 7.12207 10.11 7.61328 10.1329 8.14258L8.35712 8.14258ZM8.35712 6.33789L8.35712 4.28711C8.86987 4.48535 9.37445 5.0957 9.71594 5.99414C9.29431 6.18066 8.83685 6.29785 8.35712 6.33789ZM9.79645 4.61426C10.1715 4.78809 10.5142 5.01172 10.8246 5.28516C10.6744 5.41797 10.5123 5.53613 10.3447 5.64648C10.1902 5.25879 10.0058 4.91113 9.79645 4.61426ZM5.65546 5.64648C5.48785 5.53613 5.32568 5.41797 5.17548 5.28516C5.48584 5.01172 5.82861 4.78809 6.20367 4.61426C5.9942 4.91113 5.80981 5.25879 5.65546 5.64648ZM5.42401 6.34863C5.27356 6.89844 5.17914 7.50391 5.15326 8.14258L3.73248 8.14258C3.80591 7.25879 4.14679 6.44922 4.67688 5.79883C4.90723 6.00488 5.15839 6.1875 5.42401 6.34863ZM5.15314 8.85742C5.17902 9.49609 5.27344 10.1016 5.42389 10.6514C5.15826 10.8125 4.90723 10.9951 4.6767 11.2012C4.14655 10.5508 3.80566 9.74121 3.73224 8.85742L5.15314 8.85742ZM5.65546 11.3535C5.80981 11.7412 5.9942 12.0889 6.20367 12.3857C5.82861 12.2119 5.4859 11.9883 5.17548 11.7148C5.32568 11.582 5.48785 11.4639 5.65546 11.3535ZM10.3445 11.3535C10.5121 11.4639 10.6743 11.582 10.8246 11.7148C10.5142 11.9883 10.1714 12.2119 9.79633 12.3857C10.0058 12.0889 10.1902 11.7412 10.3445 11.3535ZM10.576 10.6514C10.7264 10.1016 10.8209 9.49609 10.8467 8.85742L12.2675 8.85742C12.1941 9.74121 11.8532 10.5508 11.3231 11.2012C11.0928 10.9951 10.8416 10.8125 10.576 10.6514ZM10.8469 8.14258C10.821 7.50391 10.7266 6.89844 10.5761 6.34863C10.8417 6.1875 11.0928 6.00488 11.3233 5.79883C11.8535 6.44922 12.1943 7.25879 12.2678 8.14258L10.8469 8.14258Z" fill="#FFFFFF" fill-opacity="1.000000" fill-rule="nonzero"/>
</g>
</svg>
<span class="text">报名成功后查看</span>
</div>
</div>
</button>
`
}
$(".column-4 .column-cont").html(activityHtml)
$(".column-4").css("display", "flex")
} else {
console.error(res.msg)
}
},
})
}
// 获取活动相册
function getAlbum() {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/album/index',
data: {
page: 1,
limit: 5,
},
success: function (res) {
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" style="width: ${isMultiple ? "25.125rem" : "18.375rem"}">${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>
`
}
$(".column-5 .column-cont").html(albumHtml)
$(".column-5").css("display", "flex")
} else {
console.error(res.msg)
}
},
})
}
// 获取新闻分类
function getNewsType() {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/article/article_cat',
success: function (res) {
if (res.code == 1) {
if (res.data[0]) {
$(".column-6").css("display", "flex")
$(".column-6 .column-title .title").text(res.data[0].name)
getNewsList(res.data[0].id, 1)
}
if (res.data[1]) {
$(".column-7").css("display", "flex")
$(".column-7 .column-left .column-title .title").text(res.data[1].name)
getNewsList(res.data[1].id, 2)
}
if (res.data[2]) {
$(".column-7 .column-right").show()
$(".column-7 .column-right .column-title .title").text(res.data[2].name)
getNewsList(res.data[2].id, 3)
}
} else {
console.error(res.msg)
}
},
})
}
// 获取新闻列表
function getNewsList(id, type) {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/article/index',
data: {
cat_id: id,
page: 1,
limit: 5,
},
success: function (res) {
if (res.code == 1) {
var newsHtml = ""
for (var i in res.data.data) {
if (res.data.data[i].type == 2) {
newsHtml += `
<a href="${res.data.data[i].link}" target="_blank" class="item flex justify-content-between">
<div class="item-title">${res.data.data[i].title}</div>
<div class="item-date">${res.data.data[i].createtime}</div>
</a>
`
} else {
newsHtml += `
<a href="wdsxh/news/news_detail.html?id=${res.data.data[i].id}" class="item flex justify-content-between">
<div class="item-title">${res.data.data[i].title}</div>
<div class="item-date">${res.data.data[i].createtime}</div>
</a>
`
}
}
if (type == 1) {
$(".column-6 .column-cont").html(newsHtml)
} else if (type == 2) {
$(".column-7 .column-left .column-cont").html(newsHtml)
} else if (type == 3) {
$(".column-7 .column-right .column-cont").html(newsHtml)
}
} else {
console.error(res.msg)
}
},
})
}
// 调用方法
setScroll()
getBanner()
getMember()
getActivity()
getAlbum()
getNewsType()
});

View File

@@ -0,0 +1,10 @@
// 接口地址
var adminPath = window.location.origin
// 手机号验证
var pattern = /^1[0-9]{10,10}$/;
// 获取地址栏参数
$.getUrlParam = function (name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = decodeURI(window.location.search).substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}

View File

@@ -0,0 +1,129 @@
$(function () {
// 是否加载完成
var loadTypeEnd = false
var loadListEnd = false
$(".container-fluid").hide()
// 设置横向滚动
function setScroll() {
var element = $(".main-screen .screen-box");
element.on("wheel", function (event) {
if (element.get(0).scrollWidth > element.innerWidth()) {
event.preventDefault();
var scrollAmount = event.originalEvent.deltaY;
element.scrollLeft(element.scrollLeft() + scrollAmount);
}
});
}
// 设置分类筛选
var levelId = 0
$('#screen').on('click', '.item', function () {
$(this).addClass("active").siblings().removeClass('active')
levelId = $(this).attr("data-id")
page = 1
getMemberList()
})
// 获取会员级别
function getMemberLevel() {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/member/member_apply/level_list',
success: function (res) {
loadTypeEnd = true
if (loadTypeEnd && loadListEnd) {
$(".container-fluid").show()
}
if (res.code == 1) {
var screenHtml = ""
for (var i in res.data) [
screenHtml += `<div class="item" data-id="${res.data[i].id}">${res.data[i].name}</div>`
]
$("#screen").append(screenHtml)
} else {
console.error(res.msg)
}
},
})
}
// 获取会员列表
var page = 1
var limit = 12
function getMemberList() {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/member/member/index',
data: {
page: page,
limit: limit,
member_level_id: levelId,
},
success: function (res) {
loadListEnd = true
if (loadTypeEnd && loadListEnd) {
$(".container-fluid").show()
}
if (res.code == 1) {
var listHtml = ""
for (var i in res.data.data) {
listHtml += `
<button type="button" data-toggle="modal" data-target="#codeModal" class="cont-item">
<div class="image">
<img src="${res.data.data[i].avatar}" alt="${res.data.data[i].name}">
</div>
<div class="normal">
<div class="name">${res.data.data[i].name}</div>
<div class="post">${res.data.data[i].level_name}</div>
</div>
<div class="mobile">
<div class="name">${res.data.data[i].name}</div>
<div class="address">${res.data.data[i].native_place || "尚未完善"}</div>
<div class="post">${res.data.data[i].level_name || "尚未完善"}</div>
</div>
</button>
`
}
$(".container-main .column-cont").html(listHtml)
if (listHtml) {
$(".empty").hide()
} else {
$(".empty").css("display", "flex")
}
setPages(res.data.total)
} else {
console.error(res.msg)
}
},
error: function (res) {
if (res.status == 401) {
loadListEnd = true
if (loadTypeEnd && loadListEnd) {
$(".container-fluid").show()
}
$(".container-main .main-content .column-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: 0,// 是否能跳转。0=不显示默认1=显示
showOne: 0,//只有一页时是否显示。0=不显示,1=显示(默认)
callback: function (num) { //回调函数
page = num
getMemberList()
}
})
}
}
// 调用方法
setScroll()
getMemberLevel()
getMemberList()
});

View File

@@ -0,0 +1,119 @@
$(function () {
// 是否加载完成
var loadTypeEnd = true
var loadListEnd = true
$(".container-fluid").hide()
// 设置横向滚动
function setScroll() {
var element = $(".main-screen .screen-box");
element.on("wheel", function (event) {
if (element.get(0).scrollWidth > element.innerWidth()) {
event.preventDefault();
var scrollAmount = event.originalEvent.deltaY;
element.scrollLeft(element.scrollLeft() + scrollAmount);
}
});
}
// 设置分类筛选
var catId = 0
$('#screen').on('click', '.item', function () {
$(this).addClass("active").siblings().removeClass('active')
catId = $(this).attr("data-id")
page = 1
getNewsList()
})
// 获取新闻分类
function getNewsType() {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/article/article_cat',
success: function (res) {
loadTypeEnd = true
if (loadTypeEnd && loadListEnd) {
$(".container-fluid").show()
}
if (res.code == 1) {
var screenHtml = ""
for (var i in res.data) [
screenHtml += `<div class="item" data-id="${res.data[i].id}">${res.data[i].name}</div>`
]
$("#screen").append(screenHtml)
} else {
console.error(res.msg)
}
},
})
}
// 获取新闻列表
var page = 1
var limit = 10
function getNewsList() {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/article/index',
data: {
page: page,
limit: limit,
cat_id: catId,
},
success: function (res) {
loadListEnd = true
if (loadTypeEnd && loadListEnd) {
$(".container-fluid").show()
}
if (res.code == 1) {
var listHtml = ""
for (var i in res.data.data) {
if (res.data.data[i].type == 2) {
listHtml += `
<a href="${res.data.data[i].link}" target="_blank" class="cont-item flex justify-content-between">
<div class="title">${res.data.data[i].title}</div>
<div class="date">${res.data.data[i].createtime}</div>
</a>
`
} else {
listHtml += `
<a href="news_detail.html?id=${res.data.data[i].id}" class="cont-item flex justify-content-between">
<div class="title">${res.data.data[i].title}</div>
<div class="date">${res.data.data[i].createtime}</div>
</a>
`
}
}
$(".container-main .column-cont").html(listHtml)
if (listHtml) {
$(".empty").hide()
} else {
$(".empty").css("display", "flex")
}
setPages(res.data.total)
} else {
console.error(res.msg)
}
},
})
}
// 设置分页
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: 0,// 是否能跳转。0=不显示默认1=显示
showOne: 0,//只有一页时是否显示。0=不显示,1=显示(默认)
callback: function (num) { //回调函数
page = num
getNewsList()
}
})
}
}
// 调用方法
setScroll()
getNewsType()
getNewsList()
});

View File

@@ -0,0 +1,44 @@
$(function () {
// 加载时隐藏
$(".container-fluid").hide()
// 返回上一页
$("#toBack").click(function () {
history.back(-1)
})
// 设置导航栏文字
function setNavigation() {
try {
if (document.referrer.includes("news.html")) {
$("#toBack").text("商会新闻")
} else {
$("#toBack").text("首页")
}
} catch (error) {
$("#toBack").text("首页")
}
}
// 获取会员详情
function getNewsDetail() {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/article/details',
data: {
id: $.getUrlParam("id")
},
success: function (res) {
$(".container-fluid").show()
if (res.code == 1) {
$(".main-content .title").text(res.data.title)
$(".main-content .release").append(res.data.release)
$(".main-content .createtime").append(res.data.createtime)
$(".main-content .content").html(res.data.content)
} else {
console.error(res.msg)
}
},
})
}
// 调用方法
setNavigation()
getNewsDetail()
})

View File

@@ -0,0 +1,181 @@
$(function () {
// 添加选中样式
$('.component-header .nav-box').children('.' + $('.container-header').attr('data-type')).addClass('active')
$('.component-header .nav-list ul').children('.' + $('.container-header').attr('data-type')).addClass('active')
// 是否加载完成
var loadSystemEnd = false
var loadBasicEnd = false
var loadAssociationEnd = false
// 获取系统配置
function getSystemInfo() {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/config/config',
success: function (res) {
// 加载完成
loadSystemEnd = true
if (loadSystemEnd && loadBasicEnd && loadAssociationEnd) {
$(".container-fluid").css("opacity", 1)
}
if (res.code == 1) {
// 设置主题色
$("body")[0].style.setProperty('--main-color', res.data.theme_colors)
// 设置备案信息
$(".component-footer .footer-info .website").text(res.data.domain_record_number)
$(".component-footer .footer-info .police").text(res.data.public_security_record_number)
// 设置版本选择
$(".versionName").text(res.data.organize)
// 设置信息页标题
if ($('.about-container').length > 0) {
$("title").text(res.data.organize + "信息")
}
// 设置活动页标题
if ($('.activity-container').length > 0) {
$("title").text(res.data.organize + "活动")
}
// 设置新闻页标题
if ($('.news-container').length > 0) {
$("title").text(res.data.organize + "新闻")
}
} else {
console.error(res.msg)
}
},
})
}
// 获取商会信息
function getBasicInfo() {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/association/index',
success: function (res) {
// 加载完成
loadBasicEnd = true
if (loadSystemEnd && loadBasicEnd && loadAssociationEnd) {
$(".container-fluid").css("opacity", 1)
}
if (res.code == 1) {
// 设置页头信息
$(".component-header .header-top .name").text(`欢迎进入${res.data.name}官方网站!`)
$(".component-header .nav-logo img").attr("src", res.data.logo)
$(".component-header .nav-logo .title").text(res.data.name)
// 设置页脚信息
$(".component-footer .footer-logo img").attr("src", res.data.logo)
$(".component-footer .footer-logo .title").text(res.data.name)
$(".component-footer .footer-info .address").append(res.data.address)
$(".component-footer .footer-info .phone").append(res.data.phone)
$(".component-footer .footer-info .email").append(res.data.mailbox)
$(".component-footer .footer-info span b").text(res.data.name)
// 设置首页
if ($('.index-container').length > 0) {
$(".index-container .column-2 .column-title span").text(res.data.name)
}
// 设置商会信息
if ($('.about-container').length > 0) {
$(".about-container .main-content .course").html(res.data.course)
$(".about-container .main-content .honor").html(res.data.honor)
$(".about-container .main-content .rules").html(res.data.rules)
}
// 设置联系我们
if ($('.contact-container').length > 0) {
$(".contact-container .main-content .address").text(res.data.address)
$(".contact-container .main-content .phone").text(res.data.phone)
$(".contact-container .main-content .email").text(res.data.mailbox)
$(".contact-container .main-content .item-code").attr("src", res.data.wananchi_qr_code)
}
} else {
console.error(res.msg)
}
},
})
}
// 获取商会介绍
function getAssociationInfo() {
$.ajax({
method: 'GET',
url: adminPath + '/api/wdsxh/association/pc_index',
success: function (res) {
// 加载完成
loadAssociationEnd = true
if (loadSystemEnd && loadBasicEnd && loadAssociationEnd) {
$(".container-fluid").css("opacity", 1)
}
if (res.code == 1) {
// 设置关键词和描述
if (!$("meta[name='keywords']").attr('content')) {
$("meta[name='keywords']").attr('content', res.data.keywords || "")
}
if (!$("meta[name='description']").attr('content')) {
$("meta[name='description']").attr('content', res.data.description || "")
}
// 设置小程序码
$("#codeModal .modal-body .code").attr("src", res.data.applet_qr_code)
$("#codeMain .code-image").attr("src", res.data.applet_qr_code)
// 设置网站首页
if ($('.index-container').length > 0) {
$('title').html(res.data.title || "首页")
$(".index-container .column-1 .cont-left").html(res.data.introduce)
$(".index-container .column-1 .cont-right img").attr("src", res.data.image)
$(".index-container .column-2 .column-bg img").attr("src", res.data.background_image)
$(".index-container .column-1").css("display", "flex")
$(".index-container .column-2").css("display", "flex")
}
// 设置商会信息
if ($('.about-container').length > 0) {
$(".about-container .container-banner .banner-image").attr("src", res.data.association_image)
}
// 设置会员风采
if ($('.membership-container').length > 0) {
$(".membership-container .container-banner .banner-image").attr("src", res.data.member_image)
}
// 设置商会活动
if ($('.activity-container').length > 0) {
$(".activity-container .container-banner .banner-image").attr("src", res.data.activity_image)
}
// 设置活动相册
if ($('.album-container').length > 0) {
$(".album-container .container-banner .banner-image").attr("src", res.data.album_image)
}
// 设置供需大厅
if ($('.business-container').length > 0) {
$(".business-container .container-banner .banner-image").attr("src", res.data.business_image)
}
// 设置商会新闻
if ($('.news-container').length > 0) {
$(".news-container .container-banner .banner-image").attr("src", res.data.article_image)
}
// 设置联系我们
if ($('.contact-container').length > 0) {
$(".contact-container .container-banner .banner-image").attr("src", res.data.contact_image)
}
} else {
console.error(res.msg)
}
},
})
}
// 移动端导航菜单点击
var isExpand = 1;
$('#navbar').on('click', function (event) {
event.stopPropagation()
if (isExpand == 1) {
$(this).css("transform", 'rotate(90deg)');
$('.nav-mobile .nav-list').stop().fadeIn();
isExpand = 2;
} else {
$(this).css("transform", 'rotate(0deg)');
$('.nav-mobile .nav-list').stop().fadeOut();
isExpand = 1;
}
})
// 点击其他地方关机手机端导航框
$('body').click(function () {
$('#navbar').css("transform", 'rotate(0deg)');
$('.nav-mobile .nav-list').stop().fadeOut();
isExpand = 1;
})
// 调用方法
getSystemInfo()
getBasicInfo()
getAssociationInfo()
})