|
|
@@ -80,6 +80,12 @@
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: center;
|
|
|
}
|
|
|
+ .guige .active{
|
|
|
+ background-color: rgba(44, 183, 202, 0.08);
|
|
|
+ }
|
|
|
+ .guige .noactive{
|
|
|
+ background-color: #F5F5FB;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -148,18 +154,37 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="guige" class="guige" data-show-type="个人支付">
|
|
|
- <div class="title">数据规格<i id="exp" class="iconfont icon-bangzhu"></i></div>
|
|
|
- <div class="inner clearfix switch-dataType">
|
|
|
- <div class="bz no-select">
|
|
|
- <p>标准字段包</p>
|
|
|
- <p>
|
|
|
- <del>**元/条</del> <span>**元/条</span></p>
|
|
|
- </div>
|
|
|
- <div class="gj no-select">
|
|
|
- <p><i class="iconfont icon-huangguan"></i>高级字段包</p>
|
|
|
- <p>
|
|
|
- <del>{{.T.unitPrice_senior}}元/条</del> <span>{{.T.unitPrice_senior_final}}元/条</span></p>
|
|
|
+ <div class="title">数据规格</div>
|
|
|
+ <div id="bzback" class="zdback" style="margin-bottom: 20px;border-radius: 8px;display: flex;align-items: center">
|
|
|
+ <div class="inner clearfix switch-dataType" >
|
|
|
+ <div class="bz no-select" style="margin-top: 17px;margin-left: 12px;background-color: white;">
|
|
|
+ <p>标准字段包</p>
|
|
|
+ <p>
|
|
|
+ <del>**元/条</del> <span style="color: #2CB7CA">**元/条</span></p>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ <div style="font-size: 14px;flex: 1;">
|
|
|
+ <span style="color: #2CB7CA">包含：</span>省份、城市、公告标题、剑鱼标讯地址、公告类别、发布时间、采购单位、中标单位、中标金额、项目名称、公告内容
|
|
|
+ </div>
|
|
|
+ <div class="dataPreview" style="color: #2CB7CA;width: 56px;font-size: 14px;margin-right: 20px;margin-left: 38px;cursor: pointer">预览数据</div>
|
|
|
+ </div>
|
|
|
+ <div id="gjback" class="zdback" style="margin-bottom: 10px;border-radius: 8px;display: flex;align-items: center;height: 91px">
|
|
|
+ <div class="inner clearfix switch-dataType" style="border-radius: 8px;">
|
|
|
+ <!-- <div class="bz no-select">-->
|
|
|
+ <!-- <p>标准字段包</p>-->
|
|
|
+ <!-- <p>-->
|
|
|
+ <!-- <del>**元/条</del> <span>**元/条</span></p>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <div class="gj no-select" style="margin-top: 17px;margin-left: 12px;background-color: white;">
|
|
|
+ <p><i class="iconfont icon-huangguan"></i>高级字段包</p>
|
|
|
+ <p>
|
|
|
+ <del>{{.T.unitPrice_senior}}元/条</del> <span style="color: #2CB7CA">{{.T.unitPrice_senior_final}}元/条</span></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="font-size: 14px;flex: 1;">
|
|
|
+ <span style="color: #2CB7CA">包含：</span>省份、城市、公告标题、公告类别、公告内容、发布时间、公告地址、剑鱼标讯地址、项目名称、项目范围、预算金额、中标金额、开标日期、采购单位、采购单位信息(采购单位联系人、采购单位联系电话、招标代理机构)、中标单位信息(中标单位、中标单位联系人、中标单位联系电话)(来源:招标公告网站)、中标单位信息(中标单位联系人、中标单位联系电话、电子邮箱)(来源:国家企业公示网站
|
|
|
+ </div>
|
|
|
+ <div class="dataPreview" style="color: #2CB7CA;width: 56px;font-size: 14px;margin-right: 20px;margin-left: 38px;cursor: pointer">预览数据</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="email" id="email">
|
|
|
@@ -197,6 +222,13 @@
|
|
|
</span>
|
|
|
<div class="main_footer">
|
|
|
<div class="pc-coupon-w1200" style="margin-bottom: 25px">
|
|
|
+ <div class="fl left" data-show-type="个人支付" style="flex: 1;color: #888888;font-size: 12px;line-height: 13px;">
|
|
|
+ <p>购买须知：</p>
|
|
|
+ <p>最低起售<span></span>元</p>
|
|
|
+ <p>标准字段包：原价<span></span>元/条，限时<span></span>
|
|
|
+ 折，现价<span></span>元/条；</p>
|
|
|
+ <p>高级字段包：原价<span></span>元/条，限时<span></span>折，现价<span></span>元/条。</p>
|
|
|
+ </div>
|
|
|
<!--S-优惠券-->
|
|
|
<div id="coupon-group"></div>
|
|
|
<!--E-优惠券-->
|
|
|
@@ -244,12 +276,12 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info pay-info clearfix">
|
|
|
- <div class="fl left" data-show-type="个人支付">
|
|
|
- <p>购买须知：</p>
|
|
|
- <p>最低起售<span></span>元，标准字段包：原价<span></span>元/条，<span></span>
|
|
|
- 折价<span></span>元/条计费，</p>
|
|
|
- <p>高级字段包：原价<span></span>元/条，<span></span>折价<span></span>元/条计费</p>
|
|
|
- </div>
|
|
|
+<!-- <div class="fl left" data-show-type="个人支付">-->
|
|
|
+<!-- <p>购买须知：</p>-->
|
|
|
+<!-- <p>最低起售<span></span>元，标准字段包：原价<span></span>元/条，<span></span>-->
|
|
|
+<!-- 折价<span></span>元/条计费，</p>-->
|
|
|
+<!-- <p>高级字段包：原价<span></span>元/条，<span></span>折价<span></span>元/条计费</p>-->
|
|
|
+<!-- </div>-->
|
|
|
<div class="fr right">
|
|
|
<p class="clearfix t fr">
|
|
|
<span id="checkBoxjy" class="bif-checkbox iconfont"></span>
|
|
|
@@ -1036,25 +1068,35 @@
|
|
|
$(".guige .gj span").text(pageDataMap.dataExportPriceInfo.unitPrice_senior * pageDataMap.dataExportPriceInfo.discount + "元/条");
|
|
|
//购买须知
|
|
|
$(".fl.left p:eq(1) span:eq(0)").text(pageDataMap.dataExportPriceInfo.orderMinPrice);
|
|
|
- $(".fl.left p:eq(1) span:eq(1)").text(pageDataMap.dataExportPriceInfo.unitPrice_normal);
|
|
|
- $(".fl.left p:eq(1) span:eq(2)").text(pageDataMap.dataExportPriceInfo.discount * 10);
|
|
|
- $(".fl.left p:eq(1) span:eq(3)").text(pageDataMap.dataExportPriceInfo.discount * pageDataMap.dataExportPriceInfo.unitPrice_normal);
|
|
|
-
|
|
|
- $(".fl.left p:eq(2) span:eq(0)").text(pageDataMap.dataExportPriceInfo.unitPrice_senior);
|
|
|
+ $(".fl.left p:eq(2) span:eq(0)").text(pageDataMap.dataExportPriceInfo.unitPrice_normal);
|
|
|
$(".fl.left p:eq(2) span:eq(1)").text(pageDataMap.dataExportPriceInfo.discount * 10);
|
|
|
- $(".fl.left p:eq(2) span:eq(2)").text(pageDataMap.dataExportPriceInfo.discount * pageDataMap.dataExportPriceInfo.unitPrice_senior);
|
|
|
+ $(".fl.left p:eq(2) span:eq(2)").text(pageDataMap.dataExportPriceInfo.discount * pageDataMap.dataExportPriceInfo.unitPrice_normal);
|
|
|
+
|
|
|
+ $(".fl.left p:eq(3) span:eq(0)").text(pageDataMap.dataExportPriceInfo.unitPrice_senior);
|
|
|
+ $(".fl.left p:eq(3) span:eq(1)").text(pageDataMap.dataExportPriceInfo.discount * 10);
|
|
|
+ $(".fl.left p:eq(3) span:eq(2)").text(pageDataMap.dataExportPriceInfo.discount * pageDataMap.dataExportPriceInfo.unitPrice_senior);
|
|
|
}
|
|
|
// 标准/高级字段包切换
|
|
|
function toggleDataType (type) {
|
|
|
pageDataMap.typeMap['个人支付'].type = type
|
|
|
var tempDom1 = $(".switch-dataType .bz")
|
|
|
+ var tempDom11 = $("#bzback")
|
|
|
var tempDom2 = $(".switch-dataType .gj")
|
|
|
+ var tempDom22 = $("#gjback")
|
|
|
if (type == '1') {
|
|
|
tempDom1.addClass("active")
|
|
|
+ tempDom11.addClass("active")
|
|
|
tempDom2.removeClass("active")
|
|
|
+ tempDom22.removeClass("active")
|
|
|
+ tempDom11.removeClass("noactive")
|
|
|
+ tempDom22.addClass("noactive")
|
|
|
} else {
|
|
|
tempDom2.addClass("active")
|
|
|
+ tempDom22.addClass("active")
|
|
|
tempDom1.removeClass("active")
|
|
|
+ tempDom11.removeClass("active")
|
|
|
+ tempDom22.removeClass("noactive")
|
|
|
+ tempDom11.addClass("noactive")
|
|
|
}
|
|
|
}
|
|
|
// 选中事件高亮
|
xuemingyang