Skip to content

L
Lingyun_Winter_Vacation_project
Commit 19c6c09d by [username]
Options

提交

parent 25f064f9
Showing with 45 additions and 42 deletions
使用者/Item/User/User.html
<!DOCTYPE html>
<!DOCTYPE html>
......@@ -34,15 +34,15 @@
<!-- 全部书籍 -->
<div class="uesr-li-right-box" id="user-li-content1">
<div class="user-li-right-search">
<input type="text" placeholder="请输入书名/作者" id="user-li-search-name">
<input type="text" placeholder="请输入出版社名称" id="user-li-search-carryout">
<input type="text" placeholder="请输入书名" id="user-li-search-name" style="font-size: 20px;">
<input type="text" placeholder="请输入作者名" id="user-li-search-carryout" style="font-size: 20px;">
<button id="user-li-search-button1-little">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-sousuo"></use>
</svg>
</button>
<button id="user-li-search-button2">切换为出版社查询</button>
<button id="user-li-search-button3">切换为作者/书名查询</button>
<button id="user-li-search-button2">切换为作者名查询</button>
<button id="user-li-search-button3">切换为书名查询</button>
</div>
<div class="user-li-right-banner">
<div class="user-li-right-banner-big">
......@@ -110,7 +110,7 @@
<div class="user-xz-lend-top-text1">书籍名称</div>
<div class="user-xz-lend-top-text2">编号</div>
<div class="user-xz-lend-top-text3">借书时间</div>
<div class="user-xz-lend-top-text4">状态</div>
<div class="user-xz-lend-top-text4">数量</div>
</div>
<div class="user-xz-lend-window">
<div class="user-xz-lend-window-word">确定还书吗?</div>
......
使用者/Item/User/User.js
// 全部书籍
// 全部书籍
// 全部书籍
//左边大导航栏的切换
axios.defaults.baseURL = "http://tpne94.natappfree.cc"
axios.defaults.baseURL = "http://akvudm.natappfree.cc"
$('#user-li-content2').hide()
$('#user-li-content3').hide()
$('#user-li-content4').hide()
$('.user-li-list-rank-page-hidden').hide()
//全部书籍初始页面的打印
// axios.get('').then(res=>{
// console.log(res)
// //创建盒子节点
// for(let i=0;i<res.data.length;i++){
// $("<div class='uesr-li-allbook-book'></div>").appendTo($('.user-li-right-bookbox'))
// document.getElementsByClassName('uesr-li-allbook-book-introduce-Sbutton')[i].addEventListener('click',()=>{
// $('.user-li-allbook-alert-see').show()
// })
//申请借书的按钮
// document.getElementsByClassName('uesr-li-allbook-book-introduce-Bbutton')[i].addEventListener('click',()=>{
// $('.user-li-allbook-alert-lend').css('display','block')
// })
// }
// })
//全部书籍的点击
$('#user-li-select-content-allbook').click(()=>{
$('#user-li-content1').show()
......@@ -41,7 +62,7 @@ $('#user-li-select-content-section').click(()=>{
let $box1=$('<span class="box1"></span>');
let $box2=$('<span class="box2"></span>');
let $box3=$('<span class="box3"></span>');
let $box4=$('<span class="box4"></span>');
let $box4=$('<span class="box4">1</span>');
let $box5=$('<span class="box5"></span>');
let $button=$('<span class="user-xz-button">申请还书</span>');
let $line=$('<div class="row-line"></div>');
......@@ -57,7 +78,8 @@ $('#user-li-select-content-section').click(()=>{
for(let i=0;i<res.data.length;i++){
document.getElementsByClassName('box1')[i].innerHTML = res.data[i].book_name
document.getElementsByClassName('box3')[i].innerHTML = res.data[i].borrow_time
document.getElementsByClassName('box2')[i].innerHTML = res.data[i].jdid + '-' + res.data[i].bookshelf_id + '-' +res.data[i].book_same_id
}
//申请还书按钮
for(let i=0;i<res.data.length;i++){
......@@ -208,7 +230,7 @@ $('#user-li-select-content-remain').click(()=>{
document.getElementsByClassName('user-xz-remind-bottom')[0].innerHTML = ' '
for (let i=0;i<res.data.length;i++){
let $row=$('<div class="user-xz-remind-bottom-row"></div>');
let $box1=$('<span class="box1">书名</span>');
let $box1=$('<span class="box1"></span>');
let $box2=$('<span class="box2">编号</span>');
let $box3=$('<span class="box3">2022-2-16</span>');
let $box4=$('<span class="box4">1</span>');
......@@ -223,6 +245,10 @@ $('#user-li-select-content-remain').click(()=>{
$box4.after($box5);
$box5.append($button);
$row.after($line);}
for(let i=0;i<res.data.length;i++){
document.getElementsByClassName('box1')[i].innerHTML = res.data[i].book_name
document.getElementsByClassName('box2')[i].innerHTML = res.data[i].jdid + '-' +res.data[i].bookshelf_id + '-' +res.data[i].book_same_id
}
})
})
......@@ -271,9 +297,7 @@ $('#user-li-search-button3').click(()=>{
// //统一创建节点
//先创建一个全部的书籍节点
for(let i=0;i<12;i++){
$("<div class='uesr-li-allbook-book'></div>").appendTo($('.user-li-right-bookbox'))
}
//根据点击的banner选择创建的节点数
//先删除所有的子节点
for(let i=0;i<12;i++){
......@@ -408,14 +432,7 @@ $("<button class='uesr-li-allbook-book-introduce-Bbutton'>申请借书</button>"
// image:'https://gitee.com/lidouble/lilihao-img/raw/master/lilihao-itemimg/使用者页面背景(1).jpg'
// }
//查看书籍的信息
for(let i=0;i<12;i++){
document.getElementsByClassName('uesr-li-allbook-book-introduce-Sbutton')[i].addEventListener('click',()=>{
$('.user-li-allbook-alert-see').show()
})
document.getElementsByClassName('uesr-li-allbook-book-introduce-Bbutton')[i].addEventListener('click',()=>{
$('.user-li-allbook-alert-lend').css('display','block')
})
}
// 查看书籍返回按钮
document.getElementsByClassName('user-li-allbook-alert-see-button')[0].addEventListener('click',()=>{
$('.user-li-allbook-alert-see').hide()
......@@ -441,27 +458,11 @@ document.getElementsByClassName('user-li-allbook-alert-lend-button-N')[0].addEve
//借阅查询
//热书榜单
//统一添加节点
......@@ -476,5 +477,4 @@ document.getElementsByClassName('user-li-allbook-alert-lend-button-N')[0].addEve
//超时提醒
使用者/Item/User/common.css
body{
body{
......@@ -180,11 +180,14 @@ button{
}
#user-li-search-button2,#user-li-search-button3{
width: 150px;
padding: 10px;
font-size: 15px;
margin-left: 30px;
border-radius: 50px;
color: white;
position: relative;
top: -1px;
background-color: rgba(180, 178, 176, 0.7);
box-shadow: 2px 2px 2px #555250;
transition: transform 0.5s ease-in-out , background-color 0.5s ease-in-out,color 0.5s ease-in-out;
......@@ -624,7 +627,7 @@ button{
.user-li-list-rank-page{
width: 180px;
height: 200px;
background-color: white;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 10px;
box-shadow: 2px 2px 2px #555250;
transition: transform 1s ease-in-out;
......@@ -637,7 +640,7 @@ button{
width: 180px;
height: 155px;
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0.8);
display: flex;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment