...
|
...
|
@@ -34,10 +34,86 @@ |
|
|
font-weight: 400;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
}
|
|
|
|
|
|
.tx_mask_class {
|
|
|
display: none;
|
|
|
z-index: 3;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
position: fixed;
|
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
|
}
|
|
|
|
|
|
.tx_maskCon_class {
|
|
|
width: 100%;
|
|
|
height: 5.16rem;
|
|
|
background: #fff;
|
|
|
position: fixed;
|
|
|
bottom: 0;
|
|
|
}
|
|
|
|
|
|
.three_model_class_name {
|
|
|
height: 0.36rem;
|
|
|
margin: 0.08rem;
|
|
|
font-size: 0.24rem;
|
|
|
font-weight: 400;
|
|
|
color: #666666;
|
|
|
opacity: 1;
|
|
|
padding: 0.2rem 0;
|
|
|
line-height: 0;
|
|
|
border-left: none;
|
|
|
border-right: none
|
|
|
}
|
|
|
.get_Go{
|
|
|
height: 0.36rem;
|
|
|
margin: 0.08rem;
|
|
|
font-size: 0.24rem;
|
|
|
font-weight: 400;
|
|
|
cursor: pointer;
|
|
|
color: #666666;
|
|
|
opacity: 1;
|
|
|
padding: 0.2rem 0;
|
|
|
line-height: 0;
|
|
|
border-left: none;
|
|
|
border-right: none;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body style="cursor:pointer;">
|
|
|
|
|
|
|
|
|
<!--学校弹窗-->
|
|
|
<div class="tx_mask_school" onclick="$(this).hide()">
|
|
|
<div class="tx_maskCon_school" onclick="zZFun(this)">
|
|
|
<div class="three_model_school">
|
|
|
<div class="three_model_school_title">
|
|
|
选择学校
|
|
|
</div>
|
|
|
<div class="three_model_school_data there_university" style="display: block;">
|
|
|
<foreach name="$school" item="s">
|
|
|
<div class="three_model_school_name <if condition='$key eq 0'>there_unActive</if> school"
|
|
|
data-id="{$s.id}" style="cursor: pointer;">{$s.school}
|
|
|
</div>
|
|
|
</foreach>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--班级弹窗-->
|
|
|
<div class="tx_mask_class" onclick="$(this).hide()">
|
|
|
<div class="tx_maskCon_class" onclick="zZFun(this)">
|
|
|
<div class="three_model_school">
|
|
|
<div class="three_model_school_title">
|
|
|
选择班级
|
|
|
</div>
|
|
|
<div class="three_model_school_data there_university grade" style="display: block;">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!--
|
|
|
<div class="tx_mask_school">
|
|
|
<div class="tx_maskCon_school">
|
|
|
<div class="three_model_school">
|
...
|
...
|
@@ -66,14 +142,14 @@ |
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>-->
|
|
|
<!--统一配送-->
|
|
|
<div class="tx_mask_tongyi" onclick="$(this).hide()">
|
|
|
<div class="tx_maskCon_tongyi" onclick="zZFun(this)">
|
|
|
<div class="three_model_school">
|
|
|
<div class="three_model_school_data" style="display: block;">
|
|
|
<div class="three_model_school_name there_unActive" data-id="1">统一配送</div>
|
|
|
<div class="three_model_school_name" data-id="2">快递配送</div>
|
|
|
<div class="three_modal_kuaidi_name there_unActive" data-id="1">统一配送</div>
|
|
|
<div class="three_modal_kuaidi_name" data-id="2">快递配送</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
...
|
...
|
@@ -87,18 +163,18 @@ |
|
|
</div>
|
|
|
<div>
|
|
|
<div class="three_model_school_data" style="display: block;">
|
|
|
<div class="three_model_school_name" data-name="SF">顺丰快递</div>
|
|
|
<div class="three_model_school_name" data-name="YTO">圆通快递</div>
|
|
|
<div class="three_model_school_name" data-name="ZTO">中通快递</div>
|
|
|
<div class="three_model_school_name there_unActive" data-name="STO">申通快递</div>
|
|
|
<div class="three_model_school_name" data-name="YD">韵达快递</div>
|
|
|
<div class="three_model_school_name" data-name="HHTT">天天快递</div>
|
|
|
<div class="three_model_school_name" data-name="HTKY">百世快递</div>
|
|
|
<div class="three_model_school_name" data-name="YZPY">邮政快递包裹</div>
|
|
|
<div class="three_model_school_name" data-name="EMS">EMS</div>
|
|
|
<div class="three_model_school_name" data-name="DBL">德邦快递</div>
|
|
|
<div class="three_model_school_name" data-name="ZJS">宅急送</div>
|
|
|
<div class="three_model_school_name" data-name="TNT">TNT快递</div>
|
|
|
<div class="get_Go" data-name="SF">顺丰快递</div>
|
|
|
<div class="get_Go" data-name="YTO">圆通快递</div>
|
|
|
<div class="get_Go" data-name="ZTO">中通快递</div>
|
|
|
<div class="get_Go there_unActive" data-name="STO">申通快递</div>
|
|
|
<div class="get_Go" data-name="YD">韵达快递</div>
|
|
|
<div class="get_Go" data-name="HHTT">天天快递</div>
|
|
|
<div class="get_Go" data-name="HTKY">百世快递</div>
|
|
|
<div class="get_Go" data-name="YZPY">邮政快递包裹</div>
|
|
|
<div class="get_Go" data-name="EMS">EMS</div>
|
|
|
<div class="get_Go" data-name="DBL">德邦快递</div>
|
|
|
<div class="get_Go" data-name="ZJS">宅急送</div>
|
|
|
<div class="get_Go" data-name="TNT">TNT快递</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
...
|
...
|
@@ -157,7 +233,7 @@ |
|
|
<div class="log_three_model_one logistic">
|
|
|
<div class="log_three_model_left">选择快递</div>
|
|
|
<div class="log_psong log_psong_select">
|
|
|
<div class="log_ps_title">请选择快递公司</div>
|
|
|
<div class="log_ps_title2 get_Gofo">请选择快递公司</div>
|
|
|
<div class="log_ps_img">
|
|
|
<img src="__TMPL__/public/assets/images/29.png"/>
|
|
|
<input type="hidden" id="logistic_name" placeholder="请选择快递公司"/>
|
...
|
...
|
@@ -193,21 +269,41 @@ |
|
|
</div>
|
|
|
<!-- 下拉框 -->
|
|
|
<div class="log_three_select">
|
|
|
<div class="log_three_select_one log_three_select_school" style="cursor: pointer">
|
|
|
<!-- <div class="log_three_select_one log_three_select_school" style="cursor: pointer">
|
|
|
<div class="log_three_select_title log_three_select_school2">
|
|
|
请选择学校/班级
|
|
|
</div>
|
|
|
<div class="log_three_select_img">
|
|
|
<img src="__TMPL__/public/assets/images/75.png" alt=""/>
|
|
|
</div>
|
|
|
</div>-->
|
|
|
|
|
|
|
|
|
<div class="log_three_select_one log_three_select_school">
|
|
|
<div class="log_three_select_title log_three_select_school2">
|
|
|
请选择学校
|
|
|
</div>
|
|
|
<!--<div class="log_three_select_img">-->
|
|
|
<!--<img src="__TMPL__/public/assets/images/75.png" alt="" />-->
|
|
|
<!--</div>-->
|
|
|
</div>
|
|
|
<div class="log_three_select_one log_three_select_school">
|
|
|
<div class="log_three_select_title log_three_select_class2">
|
|
|
请选择班级
|
|
|
</div>
|
|
|
<!--<div class="log_three_select_img">-->
|
|
|
<!--<img src="__TMPL__/public/assets/images/75.png" alt="" />-->
|
|
|
<!--</div>-->
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="log_three_select_one log_three_select_peisong log_three_select_tongyi" style="cursor: pointer">
|
|
|
<div class="log_three_select_title log_three_select_contant">
|
|
|
统一配送
|
|
|
</div>
|
|
|
<div class="log_three_select_img">
|
|
|
<img src="__TMPL__/public/assets/images/75.png" alt=""/>
|
|
|
</div>
|
|
|
<!--<div class="log_three_select_img">-->
|
|
|
<!--<img src="__TMPL__/public/assets/images/75.png" alt=""/>-->
|
|
|
<!--</div>-->
|
|
|
</div>
|
|
|
<div class="log_three_select_one log_three_select_btn search">
|
|
|
搜索
|
...
|
...
|
@@ -480,14 +576,44 @@ |
|
|
<script src="__TMPL__/public/assets/js/mui.picker.min.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/city.data-3.js"></script>
|
|
|
<script>
|
|
|
//选择学校
|
|
|
$(".log_three_select_school2").click(function() {
|
|
|
$(".tx_mask_school").css("display", "block")
|
|
|
});
|
|
|
$(".three_model_school_name").click(function() {
|
|
|
var str = $(this).text();
|
|
|
$('#school').val(str);
|
|
|
console.log(str);
|
|
|
$(this).addClass("there_unActive").siblings().removeClass("there_unActive");
|
|
|
$(".log_three_select_school2").text(str);
|
|
|
$(".tx_mask_school").css("display", "none")
|
|
|
});
|
|
|
//选择班级
|
|
|
$(".log_three_select_class2").click(function() {
|
|
|
$(".tx_mask_class").css("display", "block")
|
|
|
});
|
|
|
$("body .grade").on('click', '.three_model_class_name', function () {
|
|
|
var str = $(this).text();
|
|
|
console.log(str);
|
|
|
$('#grade').val(str)
|
|
|
$(this).addClass("there_unActive").siblings().removeClass("there_unActive");
|
|
|
$(".log_three_select_class2").text(str);
|
|
|
$(".tx_mask_class").css("display", "none")
|
|
|
})
|
|
|
|
|
|
function zZFun(e) {
|
|
|
window.event ? (window.event.cancelBubble = true) : e.stopPropagation();
|
|
|
}
|
|
|
</script>
|
|
|
<script>
|
|
|
function zZFun(e) {
|
|
|
window.event ? (window.event.cancelBubble = true) : e.stopPropagation();
|
|
|
}
|
|
|
// 选择学校
|
|
|
$(".three_model_school_left").click(function () {
|
|
|
var indexs = $(this).index();
|
|
|
$(".three_model_school_data").eq(indexs).css("display", "block").siblings().css("display", "none");
|
|
|
});
|
|
|
// $(".three_model_school_left").click(function () {
|
|
|
// var indexs = $(this).index();
|
|
|
// $(".three_model_school_data").eq(indexs).css("display", "block").siblings().css("display", "none");
|
|
|
// });
|
|
|
|
|
|
$(".log_three_tab_one").click(function () {
|
|
|
var tabIndex = $(this).index();
|
...
|
...
|
@@ -560,7 +686,7 @@ |
|
|
display: "block"
|
|
|
});
|
|
|
})
|
|
|
$(".tx_mask_tongyi .three_model_school_name").click(function () {
|
|
|
$(".tx_mask_tongyi .three_modal_kuaidi_name").click(function () {
|
|
|
var index = $(this).index();
|
|
|
$(this).addClass('there_unActive').siblings().removeClass('there_unActive');
|
|
|
$('.log_three_select_contant').text($(this).text()).css("color", "#333");
|
...
|
...
|
@@ -573,12 +699,13 @@ |
|
|
display: "block"
|
|
|
});
|
|
|
});
|
|
|
$(".tx_mask_kuaidi .three_model_school_name").click(function () {
|
|
|
$(".tx_mask_kuaidi .get_Go").click(function () {
|
|
|
var index = $(this).index();
|
|
|
console.log($(this).text());
|
|
|
$(this).addClass('there_unActive').siblings().removeClass('there_unActive');
|
|
|
$('.log_ps_title').text($(this).text()).css("color", "#333");
|
|
|
$('.get_Gofo').text($(this).text()).css("color", "#333");
|
|
|
$(".tx_mask_kuaidi").hide();
|
|
|
$('#logistic_name').val($(this).attr('data-name'))
|
|
|
// $('#logistic_name').val($(this).attr('data-name'))
|
|
|
});
|
|
|
var index = $(".log_three_bottom").index();
|
|
|
$("body").on('click', '.log_three_bottom', function () {
|
...
|
...
|
@@ -588,24 +715,24 @@ |
|
|
});
|
|
|
|
|
|
//学校/弹窗
|
|
|
$(".log_three_select_school").click(function () {
|
|
|
$(".tx_mask_school").css({
|
|
|
display: "block"
|
|
|
});
|
|
|
});
|
|
|
// $(".log_three_select_school").click(function () {
|
|
|
// $(".tx_mask_school").css({
|
|
|
// display: "block"
|
|
|
// });
|
|
|
// });
|
|
|
// tab 大学
|
|
|
var $xuexiao
|
|
|
$(".there_university div").click(function () {
|
|
|
var index = $(this).index();
|
|
|
$(this).addClass("there_unActive").siblings().removeClass("there_unActive");
|
|
|
if ($(this).hasClass("there_unActive")) {
|
|
|
$xuexiao = $(this).text();
|
|
|
$(".there_university").hide();
|
|
|
$(".there_class").show();
|
|
|
$('.three_model_school_left').eq(0).removeClass('word_color').removeClass('three_model_school_hover');
|
|
|
$('.three_model_school_left').eq(1).addClass('word_color').addClass('three_model_school_hover');
|
|
|
}
|
|
|
});
|
|
|
// var $xuexiao
|
|
|
// $(".there_university div").click(function () {
|
|
|
// var index = $(this).index();
|
|
|
// $(this).addClass("there_unActive").siblings().removeClass("there_unActive");
|
|
|
// if ($(this).hasClass("there_unActive")) {
|
|
|
// $xuexiao = $(this).text();
|
|
|
// $(".there_university").hide();
|
|
|
// $(".there_class").show();
|
|
|
// $('.three_model_school_left').eq(0).removeClass('word_color').removeClass('three_model_school_hover');
|
|
|
// $('.three_model_school_left').eq(1).addClass('word_color').addClass('three_model_school_hover');
|
|
|
// }
|
|
|
// });
|
|
|
$('body').on('click', ".there_class div", function () {
|
|
|
var index2 = $(this).index();
|
|
|
$(this).addClass("there_unActive").siblings().removeClass("there_unActive");
|
...
|
...
|
@@ -774,7 +901,7 @@ |
|
|
// if(i == 0){
|
|
|
// html += "<div class=\"three_model_school_name there_unActive\" data-id=\""+result[i].id+"\">"+result[i].grade+"—"+i2+"</div>";
|
|
|
// }
|
|
|
html += "<div class=\"three_model_school_name\" data-id=\"" + result[i].id + "\">" + result[i].grade + "-" + i2 + "班</div>";
|
|
|
html += "<div class=\"three_model_class_name\" data-id=\"" + result[i].id + "\">" + result[i].grade + "-" + i2 + "班</div>";
|
|
|
}
|
|
|
}
|
|
|
$('.grade').html(html);
|
...
|
...
|
|