页面调整

master
chen 2021-09-18 17:44:30 +08:00
parent 94f108931b
commit 70fe8aee6d
3 changed files with 112 additions and 111 deletions

View File

@ -94,6 +94,7 @@ body{margin: 0;padding: 0;}
.p-s65{padding-top: 65px;}
.p-s30{padding-top:30px;}
.p-s28{padding-top:28px;}
.p-s27{padding-top:27px;}
.p-s20{padding-top:20px;}
.p-s10{padding-top:10px;}
@ -161,6 +162,7 @@ body{margin: 0;padding: 0;}
.col9{color: #999999;}
.colcb{color: #cb1919}
.col22{color: #222222}
.col52{color: #525252}
.backf{background: #FFFFFF;}
.backe6{background: #e6e6e6;}
@ -467,3 +469,25 @@ input{outline: none;}
.zzpub{font-size: 20px;cursor: pointer;width: 163px;height: 53px;line-height: 53px;text-align: center;border: 1px solid #CB1919;}
.goMaiz{background-color: #CB1919;color: #FFFFFF;}
.yul{color: #CB1919;margin-left: 10px;}
/* 征稿 */
.zhenggaoZhanw{height: 15px;width: 100%;background: rgba(245, 245, 245,1);}
.ty_zgysconTr th:nth-child(1){width: 340px;}
.ty_zgysconTr th:nth-child(1) div{margin-right: 120px;}
.ty_zgysconTr th:nth-child(2){width: 260px;}
.ty_zgysconTr th:nth-child(3){width: 80px;}
.ty_zgysconTr th:nth-child(4){width: 170px;}
.ty_zgysconTr th:nth-child(5){width: 90px;}
.zg-img-box{width: 103px;height: 103px;overflow: hidden;}
.zg-btn-box{display: flex;align-items: center;flex-direction: column;}
/* 推荐作品 */
.tui-box{margin: 0 auto;table-layout: fixed;padding-top: 20px;}
.biaoti{color: #191919;opacity: .8;font-size: 14px;font-weight: 400;background-color: rgb(245, 245, 245);height: 40px;}
.biaoti th:nth-child(1){width: 20px;}
.biaoti th:nth-child(2){width: 70px;}
.biaoti th:nth-child(3){width: 180px;}
.biaoti th:nth-child(4),.biaoti th:nth-child(5){width: 120px;}
.biaoti th:nth-child(6){width: 240px;text-align: left;}
.foot-all-box{display: flex;justify-content: center;margin: 30px 0px 50px 0;}
#pre_next_box{display: flex;justify-content: flex-end;}
#pre_next_box button{width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;}

View File

@ -161,8 +161,8 @@
</div>
<div class="ty_img" style="margin-bottom: 18px;">
<label for="inputImg" class="font-16 col19">封面图:</label>
<div class="pr chooseImg-box" style="position: relative;">
<div style="display: flex;">
<div class="pr chooseImg-box pr">
<div class="dis">
<input class="ty_intfile inputImg" type="file" accept="image/gif,image/jpg,image/png" name="" value="" />
<img class="upImg" src="../../img/jgzx/tyimg.png">
@ -170,7 +170,7 @@
</div>
<div class="chooseImg-content">上传图片格式包括jpg/png/gif图片大小不超过20MB</div>
</div>
<div class="ty_img" style="margin-top: 20px;">
<div class="ty_img m-s20">
<p>简介:</p>
<div>
<div id="div2" style="width: 818px;"></div>
@ -273,9 +273,6 @@
</div>
</div>
<!-- 优惠券 -->
<div id="myCoupon" style="display:none" data-in="7" class="ty_ris">
<div class="ty_yhtit">
@ -461,7 +458,6 @@
</div>
</div>
<!-- 订单 -->
<div id="myOrder" style="display:none" data-in="" class="ty_ris">
<p class="ty_tit">我的订单</p>
@ -718,7 +714,6 @@
</div>
</div>
<!-- 我的积分 -->
<div id="myIntegral" style="display:none" data-in="6" class="ty_ris">
<div class="ty_jftit">
@ -793,11 +788,6 @@
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
</table>
<div>
</div>
@ -873,22 +863,22 @@
</div>
</div>
<!-- 征稿 -->
<div style="background: #FFFFFF;">
<div class="backf">
<div id="myZG" style="display:none" data-in="3" class="ty_ris">
<p class="ty_tit" >征稿作品管理</p>
<div style="height: 15px;width: 100%;background: rgba(245, 245, 245,1);"></div>
<div class="zhenggaoZhanw"></div>
<table width="96%" class="font-13 ty_zgyscon" cellspacing="0" >
<tr class="ty_zgysconTr" >
<th style="width: 340px;"><div style="margin-right: 120px;">作品名称</div></th>
<th style="width: 260px;">所属展览</th>
<th style="width: 80px;">审核状况</th>
<th style="width: 170px;">发布日期</th>
<th style="width: 90px;">操作</th>
<th style=""><div>作品名称</div></th>
<th style="">所属展览</th>
<th style="">审核状况</th>
<th style="">发布日期</th>
<th style="">操作</th>
</tr>
<tr class="tc">
<td class="pd20 fs" valign="top">
<div class="dis">
<div class="fs" style="width: 103px;height: 103px;overflow: hidden;">
<div class="fs zg-img-box">
<img height="100%" src="../../img/grzx/zgimg.png" >
</div>
<div class="m-z10 tl linh24 ">
@ -897,17 +887,17 @@
</div>
</div>
</td>
<td class="p-sx20" style="color: #525252;" valign="top">
<td class="p-sx20 col52" valign="top">
<div >未来城市+ :建筑设计模型展</div>
</td>
<td class="p-sx20" valign="top">
<td class="p-sx20 col52" valign="top">
<div class="colcb">未审核</div>
</td>
<td class="p-sx20" style="color: #525252;" valign="top">
<td class="p-sx20" valign="top">
<div>2019-12-20 12:25:30</div>
</td>
<td class="p-sx10" valign="top">
<div style="display: flex;align-items: center;flex-direction: column;">
<div class="zg-btn-box">
<button class="cq-cp ty_pj" type="button " >编辑</button>
<button class="cq-cp tyzg_sc" type="button " >删除</button>
</div>
@ -919,17 +909,17 @@
<img height="100%" src="../../img/public/backTop.png" >
</div>
<div class="m-z10 tl linh24">
<div class="col19 clips2" style="max-width: 210px;">雅尊Yazun现代轻奢艺术镂空装 饰品摆设工艺品 B款 </div>
<div class="col19 clips2">雅尊Yazun现代轻奢艺术镂空装 饰品摆设工艺品 B款 </div>
<span class="col7d">作品编号15245825461</span>
</div>
</td>
<td class="p-sx20" style="color: #525252;" valign="top">
<td class="p-sx20 col52" valign="top">
<div>未来城市+ :建筑设计模型展</div>
</td>
<td class="p-sx20" valign="top">
<div class="colcb">已审核</div>
</td>
<td class="p-sx20" style="color: #525252;" valign="top">
<td class="p-sx20 col52" valign="top">
<div>2019-12-20 12:25:30</div>
</td>
<td class="p-sx20" valign="top">
@ -940,45 +930,45 @@
</div>
</div>
<!-- 推荐作品 -->
<div style="background: #FFFFFF;">
<div class="backf">
<div id="myTJ" style="display: none;" class="ty_ris">
<div class="djbac">
<p class="ty_tit"></p>
<div class="dac">
<button onclick="addCont(1)" class="cq-cp addContent tytj_tjzp" type="button" >+添加作品</button>
<button class="cq-cp" type="button tytj_plsc" ><label for="chooseAllT" class="cq-cp">批量删除</label></button>
<button class="cq-cp tytj_plsc" type="button " ><label for="chooseAllT" class="cq-cp">批量删除</label></button>
</div>
</div>
<div style="height: 15px;width: 100%;background: rgba(245, 245, 245,1);"></div>
<table width="96%" class="font-13" cellspacing="0" style="margin: 0 auto;table-layout: fixed;padding-top: 20px;">
<tr style="color: #191919;opacity: .8;font-size: 14px;font-weight: 400;background-color: rgb(245, 245, 245);height: 40px;">
<th style="width: 20px;">
<div class="zhenggaoZhanw"></div>
<table width="96%" class="font-13 tui-box" cellspacing="0">
<tr class="biaoti">
<th>
<input type="checkbox" name="" id="" value="" />
</th>
<th style="width: 70px;">封面</th>
<th style="width: 180px;">标题</th>
<th style="width: 120px;">创建日期</th>
<th style="width: 120px;">状态</th>
<th style="width: 240px;text-align: left;">操作</th>
<th>封面</th>
<th>标题</th>
<th>创建日期</th>
<th>状态</th>
<th>操作</th>
</tr>
<tbody id="tj-list"></tbody>
<tfoot>
<tr>
<td>
<div style="display: flex;justify-content: center;margin: 30px 0px 50px 0;">
<div class="foot-all-box">
<input id="chooseAllT" class="chooseAllT cq-cp" onchange="selectAllT()" type="checkbox" name="" value="" />
</div>
</td>
<td valign="top" style="padding-top: 28px;"><label for="chooseAllT" class="cq-cp" style="color: #066ee2;">批量删除</label></td>
<td valign="top" class="p-s28"><label for="chooseAllT" class="cq-cp" style="color: #066ee2;">批量删除</label></td>
<td></td>
<td></td>
<td></td>
<td>
<div id="" style="display: flex;justify-content: flex-end;">
<div id="pre_next_box">
<div class="dac">
<button class="cq-cp " type="button" style="width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;">上一页</button>
<div style="color: #CB1919;padding: 0 15px;font-weight: bold;">1</div>
<button class="cq-cp" type="button" style="width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;">下一页</button>
<button class="cq-cp " type="button">上一页</button>
<div class="colcb p-zy15" style="font-weight: bold;">1</div>
<button class="cq-cp" type="button">下一页</button>
</div>
</div>
</td>
@ -988,45 +978,45 @@
</div>
</div>
<!-- 艺术访谈 -->
<div style="background: #FFFFFF;">
<div class="backf">
<div id="myFW" style="display: none;" class="ty_ris">
<div class="djbac">
<p class="ty_tit"></p>
<div class="dac">
<button onclick="addCont(2)" class="cq-cp addContent" type="button" style="width: 116px;height: 44px;line-height: 44px;text-align: center;color: #FFFFFF;background: #CB1919;border-radius: 5px;border: 1px solid #CB1919;font-size: 15px;">+添加内容</button>
<button class="cq-cp" type="button" style="width: 116px;height: 44px;line-height: 44px;text-align: center;color: #066ee2;background: #FFFFFF;border-radius: 5px;border: 1px solid #066ee2;font-size: 15px;margin: 0px 20px 0 10px;"><label for="chooseAllF" class="cq-cp">批量删除</label></button>
<button onclick="addCont(2)" class="cq-cp addContent tytj_tjzp" type="button">+添加内容</button>
<button class="cq-cp tytj_plsc" type="button"><label for="chooseAllF" class="cq-cp">批量删除</label></button>
</div>
</div>
<div style="height: 15px;width: 100%;background: rgba(245, 245, 245,1);"></div>
<table width="96%" class="font-13" cellspacing="0" style="margin: 0 auto;table-layout: fixed;padding-top: 20px;">
<tr style="color: #191919;opacity: .8;font-size: 14px;font-weight: 400;background-color: rgb(245, 245, 245);height: 40px;">
<th style="width: 20px;">
<div class="zhenggaoZhanw"></div>
<table width="96%" class="font-13 tui-box" cellspacing="0">
<tr class="biaoti">
<th>
<input type="checkbox" name="" id="" value="" />
</th>
<th style="width: 70px;">封面</th>
<th style="width: 180px;">标题</th>
<th style="width: 120px;">创建日期</th>
<th style="width: 120px;">状态</th>
<th style="width: 240px;text-align: left;">操作</th>
<th>封面</th>
<th>标题</th>
<th>创建日期</th>
<th>状态</th>
<th>操作</th>
</tr>
<tbody id="yis-list"></tbody>
<tfoot>
<tr>
<td>
<div style="display: flex;justify-content: center;margin: 30px 0px 50px 0;">
<div class="foot-all-box">
<input id="chooseAllF" class="chooseAllF cq-cp" onchange="selectAllF()" type="checkbox" name="" value="" />
</div>
</td>
<td valign="top" style="padding-top: 28px;"><label for="chooseAllF" class="cq-cp" style="color: #066ee2;">批量删除</label></td>
<td valign="top" class="p-s28"><label for="chooseAllF" class="cq-cp" style="color: #066ee2;">批量删除</label></td>
<td></td>
<td></td>
<td></td>
<td>
<div id="" style="display: flex;justify-content: flex-end;">
<div id="pre_next_box">
<div class="dac">
<button class="cq-cp" type="button" style="width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;">上一页</button>
<div style="color: #CB1919;padding: 0 15px;font-weight: bold;">1</div>
<button class="cq-cp" type="button" style="width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;">下一页</button>
<button class="cq-cp" type="button">上一页</button>
<div class="colcb p-zy15" style="font-weight: bold;">1</div>
<button class="cq-cp" type="button">下一页</button>
</div>
</div>
</td>
@ -1036,45 +1026,45 @@
</div>
</div>
<!-- 书刊杂志 -->
<div style="background: #FFFFFF;">
<div class="backf">
<div id="mySK" style="display: none;" class="ty_ris">
<div class="djbac">
<p class="ty_tit"></p>
<div class="dac">
<button onclick="addCont(3)" class="cq-cp addContent" type="button" style="width: 116px;height: 44px;line-height: 44px;text-align: center;color: #FFFFFF;background: #CB1919;border-radius: 5px;border: 1px solid #CB1919;font-size: 15px;">+添加内容</button>
<button class="cq-cp" type="button" style="width: 116px;height: 44px;line-height: 44px;text-align: center;color: #066ee2;background: #FFFFFF;border-radius: 5px;border: 1px solid #066ee2;font-size: 15px;margin: 0px 20px 0 10px;"><label for="chooseAll" class="cq-cp">批量删除</label></button>
<button onclick="addCont(3)" class="cq-cp addContent tytj_tjzp" type="button">+添加内容</button>
<button class="cq-cp tytj_plsc" type="button"><label for="chooseAll" class="cq-cp">批量删除</label></button>
</div>
</div>
<div style="height: 15px;width: 100%;background: rgba(245, 245, 245,1);"></div>
<table width="96%" class="font-13" cellspacing="0" style="margin: 0 auto;table-layout: fixed;padding-top: 20px;">
<tr style="color: #191919;opacity: .8;font-size: 14px;font-weight: 400;background-color: rgb(245, 245, 245);height: 40px;">
<th style="width: 20px;">
<div class="zhenggaoZhanw"></div>
<table width="96%" class="font-13 tui-box" cellspacing="0">
<tr class="biaoti">
<th>
<input type="checkbox" name="" id="" value="" />
</th>
<th style="width: 70px;">封面</th>
<th style="width: 180px;">标题</th>
<th style="width: 120px;">创建日期</th>
<th style="width: 120px;">状态</th>
<th style="width: 240px;text-align: left;">操作</th>
<th>封面</th>
<th>标题</th>
<th>创建日期</th>
<th>状态</th>
<th>操作</th>
</tr>
<tbody id="zhaz-list"></tbody>
<tfoot>
<tr>
<td>
<div style="display: flex;justify-content: center;margin: 30px 0px 50px 0;">
<div class="foot-all-box">
<input id="chooseAll" class="chooseAll cq-cp" onchange="selectAll()" type="checkbox" name="" value="" />
</div>
</td>
<td valign="top" style="padding-top: 28px;"><label for="chooseAll" class="cq-cp" style="color: #066ee2;">批量删除</label></td>
<td valign="top" class="p-s28"><label for="chooseAll" class="cq-cp" style="color: #066ee2;">批量删除</label></td>
<td></td>
<td></td>
<td></td>
<td>
<div id="" style="display: flex;justify-content: flex-end;">
<div id="pre_next_box">
<div class="dac">
<button class="cq-cp" type="button" style="width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;">上一页</button>
<div style="color: #CB1919;padding: 0 15px;font-weight: bold;">1</div>
<button class="cq-cp" type="button" style="width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;">下一页</button>
<button class="cq-cp" type="button" >上一页</button>
<div class="colcb p-zy15" style="font-weight: bold;">1</div>
<button class="cq-cp" type="button">下一页</button>
</div>
</div>
</td>
@ -1393,19 +1383,6 @@
}
// 菜单事件
$(".naliu").on("click", () => {
$(".ty_left").css("left", "5%")

View File

@ -96,7 +96,7 @@
<span style="margin-left: 20px;cursor: pointer;">删除</span>
</div>
<div>
<span>合计:¥<span style="font-size: 20px;font-weight: bold;color: #CB1919;">0.00</span></span>
<span>合计:¥<span style="font-size: 20px;font-weight: bold;color: #CB1919;" id="allPrice">0.00</span></span>
<span id="settlementt" class="settlement" style="height: 50px;background: #CB1919;color: #FFFFFF;display: inline-block;width: 130px;text-align: center;font-size: 18px;margin-left: 10px;cursor: pointer;">结算</span>
</div>
</div>
@ -196,16 +196,16 @@
}
//计算总数
function sumCount() {
var sum = 0;
for (var i = 0; i < cks.length; i++) {
if (cks[i].checked == true) {
var num = Number(countInput[i].value);
sum += num;
}
}
allCount.innerHTML = sum;
}
// function sumCount() {
// var sum = 0;
// for (var i = 0; i < cks.length; i++) {
// if (cks[i].checked == true) {
// var num = Number(countInput[i].value);
// sum += num;
// }
// }
// allCount.innerHTML = sum;
// }
//计算总价
function sumPrice() {
@ -244,7 +244,7 @@
e.previousElementSibling.value = num + 1;
inlinePrice();
sumPrice();
sumCount();
// sumCount();
}
@ -259,7 +259,7 @@
e.nextElementSibling.value = num - 1;
inlinePrice();
sumPrice();
sumCount();
// sumCount();
}
//全选和反选
@ -268,7 +268,7 @@
cks[i].checked = ckAll.checked;
}
sumPrice();
sumCount();
// sumCount();
}
//复选框
@ -277,7 +277,7 @@
if (cks[i].checked == false) {
ckAll.checked = false;
sumPrice();
sumCount();
// sumCount();
return;
}
}
@ -290,7 +290,7 @@
function del(e) {
e.parentElement.parentElement.remove();
sumPrice();
sumCount();
// sumCount();
}
</script>