zhangqi
/
knowledge
1
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity
Browse Source

图片显示

pull/12/head
pengda 2 months ago
parent
408a72322b
commit
caabf72648
1 changed files with 0 additions and 830 deletions
Split View
  1. 830
      view/js/indexOld.js

830
view/js/indexOld.js
View File

@ -1,830 +0,0 @@
$(document).ready(function () {
var imgurl = ''
var tabActive = '1';
var cur_editdata = {}; //当前编辑数据
var vediourl = ''
var allData =[];//用于列表展示
// 假数据假数据-----
//待审批
var waitCheck = [{
id: 1,
source: '微博',
name: '麻辣烫---',
lurutime: '2025.01.13 23:00',
vedios: [{
img_show: 'viewimg1.png',
url: 'https://cloud.video.taobao.com/vod/QveMufgzEwjhHPj1wo_KI_KF7vbZwUJhbOpGtVCXN3Y.mp4',
},
{
img_show: 'viewimg2.png',
url: 'https://cloud.video.taobao.com/vod/BYqzWJAb0TEleeeLZG-L5qFoBnmmKt0WC8qxw4hVDFc.mp4',
},
],
desc: '111111华佗医生真是医术献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。',
},
{
id: 2,
imgs: [
'viewimg1.png',
'viewimg2.png',
'viewimg3.png',
],
source: '自录入',
desc: '22222对于中医按摩时穴位定位的问题，确实有不少初学者会遇到找不准穴位的情况。以下是一些技巧和建议，以及辅助工具，可以帮助您更准确地找到穴位',
question: '有没有什么技巧或者辅助工具可以帮助我们更准确地找到穴位呢？',
name: '麻辣烫---',
lurutime: '2025.01.13 23:00',
},
{
id: 3,
source: '自录入',
name: '麻辣烫---',
lurutime: '2025.01.13 23:00',
vedios: [{
img_show: 'viewimg1.png',
url: 'https://cloud.video.taobao.com/vod/QveMufgzEwjhHPj1wo_KI_KF7vbZwUJhbOpGtVCXN3Y.mp4',
},
{
img_show: 'viewimg1.png',
url: 'https://s10.mogucdn.com/mlcdn/c45406/240506_303f82ha577j13gc73j71faj880gi.mp4',
},
],
desc: '333333浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医',
},
{
id: 4,
imgs: [
'viewimg1.png',
'viewimg2.png',
'viewimg3.png',
],
source: '自录入',
question: '有没有什么技巧或者辅助工具可以帮助我们更准确地找到穴位呢？',
name: '麻辣烫---',
lurutime: '2025.01.13 23:00',
answer: '对于中医按摩时穴位定位的问题，确实有不少初学者会遇到找不准穴位的情况。以下是一些技巧和建议，以及辅助工具，可以帮助您更准确地找到穴位',
desc: '4444浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医',
},
{
id: 5,
source: '微博',
name: '麻辣烫---',
lurutime: '2025.01.13 23:00',
vedios: [{
img_show: 'viewimg1.png',
url: 'https://cloud.video.taobao.com/vod/QveMufgzEwjhHPj1wo_KI_KF7vbZwUJhbOpGtVCXN3Y.mp4',
},
{
img_show: 'viewimg1.png',
url: 'https://s10.mogucdn.com/mlcdn/c45406/240506_303f82ha577j13gc73j71faj880gi.mp4',
},
],
desc: '55555浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医',
},
{
id: 6,
imgs: [
'viewimg1.png',
'viewimg2.png',
'viewimg3.png',
],
source: '自录入',
question: '有没有什么技巧或者辅助工具可以帮助我们更准确地找到穴位呢？',
name: '麻辣烫---',
lurutime: '2025.01.13 23:00',
answer: '对于中医按摩时穴位定位的问题，确实有不少初学者会遇到找不准穴位的情况。以下是一些技巧和建议，以及辅助工具，可以帮助您更准确地找到穴位',
desc: '6666浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医。',
},
];
//已审批
var checkList = [{
id: 1,
source: '微博',
name: '待审批11-',
lurutime: '2025.01.13 23:00',
vedios: [{
img_show: 'viewimg1.png',
url: 'https://cloud.video.taobao.com/vod/QveMufgzEwjhHPj1wo_KI_KF7vbZwUJhbOpGtVCXN3Y.mp4',
},
{
img_show: 'viewimg2.png',
url: 'https://cloud.video.taobao.com/vod/BYqzWJAb0TEleeeLZG-L5qFoBnmmKt0WC8qxw4hVDFc.mp4',
},
],
desc: '审批审批----------审批',
},
{
id: 2,
imgs: [
'viewimg1.png',
'viewimg2.png',
'viewimg3.png',
],
source: '自录入',
desc: '审批审批----------审批',
question: '有没有什么技巧或者辅助工具可以帮助我们更准确地找到穴位呢？',
name: '待审批-2222',
lurutime: '2025.01.13 23:00',
},
];
//已删除
var deletedList = [{
id: 1,
source: '微博',
name: '已删除111-',
lurutime: '2025.01.13 23:00',
vedios: [{
img_show: 'viewimg1.png',
url: 'https://cloud.video.taobao.com/vod/QveMufgzEwjhHPj1wo_KI_KF7vbZwUJhbOpGtVCXN3Y.mp4',
},
{
img_show: 'viewimg2.png',
url: 'https://cloud.video.taobao.com/vod/BYqzWJAb0TEleeeLZG-L5qFoBnmmKt0WC8qxw4hVDFc.mp4',
},
],
desc: '删除----删除',
},
{
id: 2,
imgs: [
'viewimg1.png',
'viewimg2.png',
'viewimg3.png',
],
source: '自录入',
desc: '删除----删除',
question: '有没有什么技巧或者辅助工具可以帮助我们更准确地找到穴位呢？',
name: '已删除-2222',
lurutime: '2025.01.13 23:00',
},
];
allData = waitCheck;//初始赋值待审批列表 后续从接口请求赋值
$('.radio-wrap').on('click', '.radio_box input', function () {
var radio_val = $(this).attr('value')
$('.edit-input').val('')
if (radio_val == '1') {
$('.answer-form').hide()
$('.common-input').html('录入信息')
} else {
$('.common-input').html('提问信息')
$('.answer-form').show()
}
$('.radio-wrap .radio_box').removeClass('radio_box_active');
$(this).parent().addClass('radio_box_active');
})
//编辑 打开弹框
$('#data-list').on('click', '.list_item_top_r', function () {
$('.preview').html('')
var cur_id = $(this).attr('id');
cur_editdata = allData.filter(item => item.id == cur_id)[0];
console.log(cur_editdata, 'cur_editdata');
$('.edit-input').val('')
$('.radio-form').hide();
$('.answer-form').hide();
$('.normal-input').val(cur_editdata.desc);
$('.char-count').text(cur_editdata.desc.length + '/100');
if ($('.modal').hasClass('addmodal')) {
$('.modal').removeClass('addmodal')
$('.modal').addClass('editmodal')
} else {
$('.modal').addClass('editmodal')
}
$('#header_title').html('编辑');
// $('.edit-input').show();
$('.img_list2').html('')
$('.img_list2').show()
imagesHTML1 = ''
renderImages(cur_editdata)
$('.modal, .modal-overlay').fadeIn();
})
// 打开弹框
$('.addNewBtn').click(function () {
$('.preview').html('')
$('.edit-input').val('')
$('.radio-form').show();
$('.img_list2').html('')
$('.img_list2').show()
imagesHTML1 = ''
var radio_val = $('.radio-wrap').find('.radio_box_active input').val();
if (radio_val == '1') {
$('.answer-form').hide()
$('.common-input').html('录入信息')
} else {
$('.answer-form').show()
$('.common-input').html('提问信息')
}
if ($('.modal').hasClass('editmodal')) {
$('.modal').removeClass('editmodal')
$('.modal').addClass('addmodal')
} else {
$('.modal').addClass('addmodal')
}
$('#header_title').html('新增自录入')
$('.modal, .modal-overlay').fadeIn();
});
var imagesHTML1 = ''
function renderImages(item) {
if (item.imgs) {
item.imgs.forEach(image => {
imagesHTML1 += `
<div class="small-image">
<span class="small-image-desc">图片</span>
<img src="./style/img/${image}" alt="Small Image">
<img class="delete-btn" src="./style/img/delete-icon.svg" alt="Small Image">
</div>
`;
});
} else if (item.vedios) {
item.vedios.forEach(v => {
imagesHTML1 += `
<div class="small-video-cover" href="${v.url}">
<span class="small-image-desc">视频</span>
<img class="small-video-show" src="./style/img/${v.img_show}" alt="Video Cover">
<img src="./style/img/play.svg" class="play-video" alt="...丢了">
<img class="delete-btn" src="./style/img/delete-icon.svg" alt="Small Image">
</div>
`;
});
}
$('.img_list2').html(imagesHTML1)
}
// 关闭弹框
$('#cancel, .modal-overlay').click(function () {
$('.modal, .modal-overlay').fadeOut();
$('.edit-input').val('')
$('.wordNum').html('0/100')
});
$('#close_modal').click(function () {
$('.modal, .modal-overlay').fadeOut();
$('.edit-input').val('')
$('.wordNum').html('0/100')
});
// 上传图片
$('#upload-image-btn').click(function () {
$('#upload-image').click(); // 触发文件选择
});
$('#upload-image').change(function (e) {
const files = e.target.files;
for (let i = 0; i < files.length; i++) {
uploadFile(files[i], 'image');
}
});
// 上传视频
$('#upload-video-btn').click(function () {
$('#upload-video').click(); // 触发文件选择
});
$('#upload-video').change(function (e) {
const files = e.target.files;
for (let i = 0; i < files.length; i++) {
uploadFile(files[i], 'video');
}
});
// 文件上传函数
function uploadFile(file, type) {
const item = $(`
<div class="item">
<div class="upload_name">上传中...</div>
<div class="progress-bar">
<div class="progress"></div>
</div>
<div class="status uploading">上传中...</div>
</div>
`);
$('.preview').append(item);
// 模拟上传过程
const formData = new FormData();
formData.append('file', file);
// 模拟接口上传
$.ajax({
url: 'http://zq.pengda.checkcopy.com//upload_file', // 模拟接口地址
type: 'POST',
data: formData,
processData: false,
contentType: false,
xhr: function () {
console.log(file,'=====file');
var xhr = $.ajaxSettings.xhr();
xhr.upload.addEventListener('progress', function (e) {
if (e.lengthComputable) {
const percent = Math.ceil((e.loaded / e.total) * 100);
item.find('.progress').css('width', percent + '%');
item.find('.upload_name').html(`<span class="upload_file_name">${file.name}</span>` + percent + '%');
}
}, false);
return xhr;
},
success: function (response) {
res = JSON.parse(response)
item.find('.status').removeClass('uploading').addClass('hidden').text('上传成功');
item.find('.progress-bar').addClass('hide'); // 隐藏进度条
item.find('.upload_name').addClass('hide'); // 隐藏进度条
const reader = new FileReader();
reader.onload = function (event) {
if (type === 'image') {
item.prepend(` <div class="small-image">
<span class="small-image-desc">图片</span>
<img src="${event.target.result}" alt="Small Image">
<img class="delete-btn" src="./style/img/delete-icon.svg" alt="Small Image">
</div>`);
} else if (type === 'video') {
// 视频需要展示封面图片 后续从response、获取也行 event.target.result只是用作占位
item.prepend(` <div class="small-video-cover" href="">
<span class="small-image-desc">视频</span>
<img class="small-video-show" src="${event.target.result}" alt="Video Cover">
<img src="./style/img/play.svg" class="play-video" alt="...丢了">
<img class="delete-btn" src="./style/img/delete-icon.svg" alt="Small Image">
</div>`);
}
};
reader.readAsDataURL(file);
return
if (res.status) {
item.find('.status').removeClass('uploading').addClass('hidden').text('上传成功');
item.find('.progress-bar').addClass('hide'); // 隐藏进度条
item.find('.upload_name').addClass('hide'); // 隐藏进度条
const reader = new FileReader();
reader.onload = function (event) {
if (type === 'image') {
item.prepend(` <div class="small-image">
<span class="small-image-desc">图片</span>
<img src="${event.target.result}" alt="Small Image">
<img class="delete-btn" src="./style/img/delete-icon.svg" alt="Small Image">
</div>`);
} else if (type === 'video') {
// 视频需要展示封面图片 后续从response、获取也行 event.target.result只是用作占位
item.prepend(` <div class="small-video-cover" href="">
<span class="small-image-desc">视频</span>
<img class="small-video-show" src="${event.target.result}" alt="Video Cover">
<img src="./style/img/play.svg" class="play-video" alt="...丢了">
<img class="delete-btn" src="./style/img/delete-icon.svg" alt="Small Image">
</div>`);
}
};
reader.readAsDataURL(file);
}else{
console.log(res,'response.info---');
item.find('.upload_name').html(`<span class="upload_file_name">${file.name}</span>` +res.info);
item.find('.status').removeClass('uploading').addClass('failed').text('上传失败');
}
},
error: function () {
item.find('.status').removeClass('uploading').addClass('failed').text('上传失败');ç
}
});
}
// 删除功能
$('.img_list2').on('click', '.delete-btn', function () {
$(this).parent().remove();
// 请求借口
// $.ajax({
// type: "post",
// dataType: 'json',
// url: '',
// data: {
// type
// },
// success: function (res) {}
// })
});
$('.preview').on('click', '.delete-btn', function () {
$(this).parent().parent().remove();
// 请求借口
// $.ajax({
// type: "post",
// dataType: 'json',
// url: '',
// data: {
// type
// },
// success: function (res) {}
// })
});
// 三个按钮操作
// viedo
// 点击小版视频封面图时放大
$('#data-list').on('click', '.list_item .small-video-cover', function () {
console.log($(this), '900000');
vediourl = $(this).attr('href')
console.log(vediourl, '------8988989');
// $('#large-viedo-url').attr('src', vediourl)
var dom = document.getElementById('large-viedo-url')
dom.src = vediourl
$('#large-video-container').fadeIn(); // 显示放大后的视频容器
$('#large-video').get(0).load(); // 播放视频
setTimeout(() => {
$('#large-video').get(0).play(); // 播放视频
}, 500);
});
// 点击关闭按钮时关闭放大视频
$('#close-btn').click(function () {
$('#large-video').get(0).pause(); // 暂停视频
$('#large-video-container').fadeOut(); // 隐藏放大后的视频容器
});
// 图片
$('#data-list').on('click', '.list_item .small-image', function () {
imgurl = $(this).attr('src')
$('#large-image').attr('src', imgurl)
$('#large-image-container').fadeIn(); // 显示放大后的图片容器
});
// 点击关闭按钮时关闭放大图片
$('#close-btn2').click(function () {
$('#large-image-container').fadeOut(); // 隐藏放大后的图片容器
});
// 点击背景区域时关闭放大图片
$('#large-image-container').click(function (e) {
if (e.target === this) {
$('#large-image-container').fadeOut(); // 隐藏放大后的图片容器
}
});
$('.dropdown-toggle').click(function () {
const dropdownPanel = document.querySelector('.dropdown-panel');
const icon = document.querySelector('.icon');
// 切换面板的显示/隐藏
if (dropdownPanel.style.display === 'block') {
dropdownPanel.style.display = 'none';
icon.classList.remove('rotate'); // 移除旋转效果
} else {
dropdownPanel.style.display = 'block';
icon.classList.add('rotate'); // 添加旋转效果
}
})
// 点击页面其他区域关闭面板
document.addEventListener('click', (event) => {
const dropdown = document.querySelector('.dropdown');
const dropdownPanel = document.querySelector('.dropdown-panel');
const icon = document.querySelector('.icon');
// 如果点击的区域不在 Dropdown 内，则关闭面板
if (!dropdown.contains(event.target)) {
dropdownPanel.style.display = 'none';
icon.classList.remove('rotate');
}
});
var list = waitCheck
var currentPage = 1; // 定义变量，用于存储当前的页码
var pageSize = 2; // 定义变量，用于存储当前页条数
renderList(list)
// 当文档加载完成后执行以下函数
function renderList(list) {
function createPagination(currentPage, totalPages) {
var paginationHtml = ""; // 初始化一个字符串，用于存放分页条的HTML代码
// 如果当前页不是第一页，则生成一个“上一页”按钮
// if (currentPage > 1) {
paginationHtml += "<li>&lt;</li>";
// }
// 始终显示第一页的页码
paginationHtml += generatePageNumberHtml(1, currentPage);
// 如果总页数大于1页，则继续生成分页条的其余部分
if (totalPages > 1) {
// 如果当前页码大于3，则在第一页和当前页之间添加省略号
if (currentPage > 3) {
paginationHtml += "<li>...</li>";
}
// 遍历当前页附近的页码，并生成对应的分页按钮
for (
let i = Math.max(currentPage - 2, 2); i <= Math.min(currentPage + 2, totalPages - 1); i++
) {
paginationHtml += generatePageNumberHtml(i, currentPage);
}
// 如果当前页码小于总页数减去2，则在当前页和最后一页之间添加省略号
if (currentPage < totalPages - 2) {
paginationHtml += "<li>...</li>";
}
}
// 始终显示最后一页的页码
paginationHtml += generatePageNumberHtml(totalPages, currentPage);
// 如果当前页不是最后一页，则生成一个“下一页”按钮
if (currentPage < totalPages) {
paginationHtml += "<li>&gt;</li>";
}
// 返回生成的分页条HTML字符串
return paginationHtml;
}
// 创建分页条的函数
// 生成单个页码按钮的HTML的函数
function generatePageNumberHtml(pageNumber, currentPage) {
// 返回一个格式化后的HTML字符串，包含激活状态的判断
return (
'<li class="' +
(pageNumber === currentPage ? "pagActive" : "") +
'">' +
pageNumber +
"</li>"
);
}
// 选择页码的函数
function selectPage(pageNumber) {
// 更新当前页码的变量，并重新生成分页条
currentPage = pageNumber;
$("#pagination").html(createPagination(currentPage, Math.ceil(list.length / pageSize)));
}
// 为分页条上的每个按钮绑定点击事件
$("#pagination").on("click", "li", function (event) {
let pageNumber = $(this).text(); // 获取点击的页码或按钮文本
// 如果点击的是省略号，则不执行任何操作
if (pageNumber === "...") {
event.preventDefault();
return;
}
// 根据点击的按钮，调用selectPage函数更新当前页码
if (pageNumber === "<") {
if (currentPage < 2) {
return
}
selectPage(currentPage - 1);
} else if (pageNumber === ">") {
// if(currentPage <2){
// return
// }
selectPage(currentPage + 1);
} else {
selectPage(parseInt(pageNumber));
}
});
// 初始化分页条，总页数为20，默认显示第一页
$("#pagination").html(createPagination(currentPage, Math.ceil(list.length / pageSize)));
}
// 模拟数据
// var allData = [
// "数据 1", "数据 2", "数据 3", "数据 4", "数据 5",
// "数据 6", "数据 7", "数据 8", "数据 9", "数据 10",
// "数据 11", "数据 12", "数据 13", "数据 14", "数据 15",
// "数据 16", "数据 17", "数据 18", "数据 19", "数据 20",
// "数据 21", "数据 22", "数据 23", "数据 24", "数据 25",
// "数据 26", "数据 27", "数据 28", "数据 29", "数据 30"
// ];
// 总页数
var totalPages = Math.ceil(allData.length / pageSize);
// 渲染数据
function renderData() {
totalPages = Math.ceil(allData.length / pageSize);
const start = (currentPage - 1) * pageSize;
const end = start + pageSize;
const pageData = allData.slice(start, end);
// 清空列表
$('#data-list').empty();
var html1 = '';
// 渲染当前页数据
pageData.forEach(item => {
let imagesHTML = '';
if (item.imgs) {
item.imgs.forEach(image => {
imagesHTML += `
<div class="small-image">
<span class="small-image-desc">图片</span>
<img src="./style/img/${image}" alt="Small Image">
</div>
`;
});
} else if (item.vedios) {
item.vedios.forEach(v => {
imagesHTML += `
<div class="small-video-cover" href="${v.url}">
<span class="small-image-desc">视频</span>
<img class="small-video-show" src="./style/img/${v.img_show}" alt="Video Cover">
<img src="./style/img/play.svg" class="play-video" alt="...丢了">
</div>
`;
});
}
html1 += `<div class="list_item ">
<div class="list_item_top flex">
<div class="list_item_top_l">
<span class="${item.source == '微博' ? 'green' : 'blue'}">` + item.source + `</span>
${item.question ? `<b>${item.question}</b>` :''}
<span>` + item.name + `</span>
<span>录入：` + item.lurutime + `</span>
</div>
${
tabActive == '1' ? `<div class="list_item_top_r" id="${item.id}"><img src="./style/img/edit.svg" alt="">编辑</div>` :''
}
</div>
<p class="desc_text">
${item.desc}
</p>
<!-- 图片合集 -->
<div class="img_list">
${imagesHTML}
</div>
<div class="flex btngroups">
${tabActive == '1' || tabActive == '2' ? '<button class="button button-normal deleteBtn">删除</button>' : ''}
${tabActive == '1' ? '<button class="button button-primary passBtn">通过</button>' : ''}
${tabActive == '3' || tabActive == '2' ? '<button class="button button-normal checkBtn">恢复待审批</button>' : ''}
</div>
</div>`
$('#data-list').html(html1);
});
// 渲染分页按钮
renderPagination();
}
// 渲染分页按钮
function renderPagination() {
const pageNumbers = $('#page-numbers');
pageNumbers.empty();
// 总页数小于等于 7 时，显示所有页码
if (totalPages <= 7) {
for (let i = 1; i <= totalPages; i++) {
pageNumbers.append(`<span class="${i === currentPage ? 'pagActive' : ''}">${i}</span>`);
}
} else {
// 总页数大于 7 时，显示部分页码并用省略号代替
if (currentPage <= 4) {
// 前 5 页 + 省略号 + 最后一页
for (let i = 1; i <= 5; i++) {
pageNumbers.append(`<span class="${i === currentPage ? 'pagActive' : ''}">${i}</span>`);
}
pageNumbers.append('<span>...</span>');
pageNumbers.append(`<span>${totalPages}</span>`);
} else if (currentPage >= totalPages - 3) {
// 第一页 + 省略号 + 最后 5 页
pageNumbers.append('<span>1</span>');
pageNumbers.append('<span>...</span>');
for (let i = totalPages - 4; i <= totalPages; i++) {
pageNumbers.append(`<span class="${i === currentPage ? 'pagActive' : ''}">${i}</span>`);
}
} else {
// 第一页 + 省略号 + 当前页及前后两页 + 省略号 + 最后一页
pageNumbers.append('<span>1</span>');
pageNumbers.append('<span>...</span>');
for (let i = currentPage - 2; i <= currentPage + 2; i++) {
pageNumbers.append(`<span class="${i === currentPage ? 'pagActive' : ''}">${i}</span>`);
}
pageNumbers.append('<span>...</span>');
pageNumbers.append(`<span>${totalPages}</span>`);
}
}
// 绑定页码点击事件
pageNumbers.find('span').click(function () {
const page = parseInt($(this).text());
if (!isNaN(page)) {
currentPage = page;
renderData();
}
});
}
// 初始化渲染
renderData();
// 上一页
$('#prev-page').click(function () {
if (currentPage > 1) {
currentPage--;
renderData();
}
});
// 下一页
$('#next-page').click(function () {
if (currentPage < totalPages) {
currentPage++;
renderData();
}
});
// 跳转到指定页
$('#go-to-page').click(function () {
const page = parseInt($('#jump-to-page').val());
if (page >= 1 && page <= totalPages) {
currentPage = page;
renderData();
} else {
alert(`请输入有效的页码（1-${totalPages}）`);
}
});
$('.index-nav-wrap-li').click(function () {
tabActive = $(this).attr('type');
switch (tabActive) {
case '1':
allData = waitCheck
break
case '2':
allData = checkList
break
case '3':
allData = deletedList
break
}
currentPage = 1;
$('.index-nav-wrap-li span').removeClass('active')
$(this).find('span').addClass('active')
renderData()
})
// 仅保存
// 录入信息
$('#submit').click(function () {
if ($('.modal').hasClass('editmodal')) { //编辑
var desc = $('.normal-input').val().trim()
var answer = $('.answer-input').val().trim()
// cur_editdata.id //当前编辑数据 后续用其他参数也可
} else if ($('.modal').hasClass('addmodal')) { //新增
var radio_val = $('.radio-wrap').find('.radio_box_active input').val();
// 区分信息段、问答
if (radio_val == '1') {
} else {
}
}
// $.ajax({
// type: "post",
// dataType: 'json',
// url: '',
// data: {
// type
// },
// success: function (res) {}
// })
$('.modal, .modal-overlay').fadeOut();
})
// 保存并通过审批
$('#savePass').click(function () {
// 请求借口
if ($('.modal').hasClass('editmodal')) { //编辑
var desc = $('.normal-input').val().trim()
var answer = $('.answer-input').val().trim()
} else if ($('.modal').hasClass('addmodal')) { //新增
var radio_val = $('.radio-wrap').find('.radio_box_active input').val();
// 区分信息段、问答
if (radio_val == '1') {
} else {
}
}
// $.ajax({
// type: "post",
// dataType: 'json',
// url: '',
// data: {
// type
// },
// success: function (res) {}
// })
$('.modal, .modal-overlay').fadeOut();
})
$('.list_all').on('click','deleteBtn',function(){
// 列表删除
})
$('.list_all').on('click','passBtn',function(){
// 列表通过
})
$('.list_all').on('click','checkBtn',function(){
// 恢复待审批
})
});
Write Preview
Loading…
Cancel
Save